@azrico/reactgrid 1.0.1

package/.babelrc

@@ -0,0 +1,13 @@
+{
+	"plugins": ["@babel/plugin-proposal-nullish-coalescing-operator"],
+	"presets": [
+		[
+			"@babel/preset-env",
+			{
+				"targets": {
+					"node": "14"
+				}
+			}
+		]
+	]
+}

package/README.md

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

package/config/config-overrides.js

@@ -0,0 +1,68 @@
+const path = require("path");
+/* eslint-disable */
+const fs = require("fs");
+const {
+	override,
+	babelInclude,
+	addWebpackAlias,
+	useBabelRc,
+	addWebpackModuleRule,
+	// addDecoratorsLegacy,
+} = require("customize-cra");
+// const rewireReactHotLoader = require("react-app-rewire-hot-loader");
+
+module.exports = (config, env) => {
+	/* -------------------------------------------------------------------------- */
+	let rootdir = path.resolve("..");
+	if (!path.dirname(rootdir).startsWith("amadeus")) {
+		rootdir = path.resolve("../..");
+	}
+
+	const folders = ["packages", "packages_extra"];
+	const result_paths = [];
+
+	for (let index = 0; index < folders.length; index++) {
+		const current_folder = folders[index];
+
+		const packageFolders = fs.readdirSync(
+			path.resolve(`${rootdir}/${current_folder}`),
+		);
+
+		const packageFiles = packageFolders.map((fld) =>
+			fs.realpathSync(
+				path.resolve(`${rootdir}/${current_folder}/${fld}/src`),
+			),
+		);
+		result_paths.push(...packageFiles);
+	}
+
+	config = Object.assign(
+		// rewireReactHotLoader(config),
+		override(
+			// addWebpackAlias({
+			// 	"react-dom": "@hot-loader/react-dom",
+			// }),
+
+			addWebpackModuleRule({
+				test: /\.html$/i,
+				loader: "html-loader",
+			}),
+			addWebpackModuleRule({
+				test: /\.css$/i,
+				loader: "raw-loader",
+			}),
+			addWebpackAlias({
+				stream: "stream-browserify",
+				path: "path-browserify",
+				"react-native": "react-native-web",
+				cldr: "cldrjs/dist/cldr",
+				cldr$: "cldrjs",
+			}),
+			useBabelRc(),
+			babelInclude([path.resolve("src"), ...result_paths]),
+			// addDecoratorsLegacy(),
+		)(config, env),
+	);
+
+	return config;
+};

package/config/file-mock.js

@@ -0,0 +1,5 @@
+module.exports = {
+	process() {
+		return `module.exports = 'test-file-stub'`;
+	},
+};

package/config/jest.config.base.js

@@ -0,0 +1,22 @@
+module.exports = {
+	rootDir: ".",
+	preset: "react-native",
+	moduleNameMapper: {
+		"\\.(css|less|scss|sass)$": "identity-obj-proxy",
+		"^@/(.*)$": "<rootDir>/$1",
+	},
+	moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
+	testMatch: ["./**/__tests__/**/*.(js|ts|tsx)"],
+	testPathIgnorePatterns: ["\\.snap$", "<rootDir>/node_modules/"],
+	transformIgnorePatterns: ["node_modules/?!(static-container)"],
+	cacheDirectory: ".jest/cache",
+	globals: {
+		"ts-jest": {
+			isolatedModules: true,
+		},
+	},
+	clearMocks: true,
+	//collectCoverageFrom: ["src/**/*.{ts,tsx}", "!**/node_modules/**"],
+	testEnvironment: "jsdom",
+	setupFilesAfterEnv: ["../../config/jest.setup.js"],
+};

package/config/jest.setup.js

@@ -0,0 +1,32 @@
+import mockAsyncStorage from "@react-native-async-storage/async-storage/jest/async-storage-mock";
+
+jest.mock("@react-native-async-storage/async-storage", () => mockAsyncStorage);
+
+jest.mock("react", () => {
+	const React = jest.requireActual("react");
+
+	const Suspense = ({children}) => <div>{children}</div>;
+	Suspense.displayName = "Suspense";
+
+	const lazy = React.lazy(() =>
+		Promise.resolve().then(() => ({
+			default() {
+				return null;
+			},
+		})),
+	);
+	lazy.displayName = "lazy";
+
+	return {
+		...React,
+		//lazy,
+		//Suspense,
+	};
+});
+
+const Enzyme = require("enzyme");
+const EnzymeAdapter = require("@wojtekmaj/enzyme-adapter-react-17");
+
+Enzyme.configure({
+	adapter: new EnzymeAdapter(),
+});

package/config/style-mock.js

@@ -0,0 +1,5 @@
+module.exports = {
+	process() {
+		return "module.exports = {};";
+	},
+};

package/config/tsconfig.base.json

@@ -0,0 +1,31 @@
+{
+	"compilerOptions": {
+		"allowSyntheticDefaultImports": true,
+		"esModuleInterop": true,
+		"lib": ["ES2021", "dom"],
+		"moduleResolution": "node",
+		"strict": true,
+		"resolveJsonModule": true,
+		"isolatedModules": false,
+		"skipLibCheck": true,
+		"noImplicitAny": false,
+		"allowJs": true,
+		"sourceMap": true,
+		"module": "esnext",
+		"jsx": "react",
+		"target": "es6",
+
+		"baseUrl": ".",
+		"paths": {
+			//"globalize": ["node_modules/globalize/dist/globalize"],
+			//"globalize/*": ["node_modules/globalize/dist/globalize/*"],
+			//"cldr": ["node_modules/cldrjs/dist/cldr"],
+			//"cldr/*": ["node_modules/cldrjs/dist/cldr/*"],
+
+			"@amadeusproject/*": ["packages/*"],
+			"@amadeusproject_extra/*": ["packages_extra/*"],
+			"@amadeusproject_main/*": ["packages_main/*"]
+		}
+	},
+	"exclude": ["**/node_modules", "**/dist"]
+}

package/package.json

@@ -0,0 +1,61 @@
+{
+	"name": "@azrico/reactgrid",
+	"version": "1.0.1",
+	"main": "src/test",
+	"description": "React Datagrid",
+	"author": "Azrideus <MehrdadTavangar@gmail.com>",
+	"homepage": ".",
+	"scripts": {
+		"start": "react-scripts start",
+		"build": "tsc && babel dist --out-dir dist",
+		"test": "rem",
+		"eject": "react-scripts eject",
+		"deploy": "gh-pages -d build"
+	},
+	"dependencies": {
+		"@azrico/controls": "1.3.0",
+		"@emotion/react": "^11.9.3",
+		"@emotion/styled": "^11.9.3",
+		"@inovua/reactdatagrid-enterprise": "^5.6.1",
+		"clsx": "^1.2.1",
+		"react": "^18.2.0",
+		"react-resize-detector": "^7.1.2"
+	},
+	"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"
+	},
+	"peerDependencies": {
+		"@azrico/controls": "*",
+		"@emotion/react": "*",
+		"@emotion/styled": "*",
+		"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

@@ -0,0 +1,19 @@
+<!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="root" class="azgrid-filler azgrid-testborder azgrid-borderbox azgrid-nopad azgrid-nomargin"></div>
+</body>
+
+</html>

package/public/manifest.json

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

package/src/example.tsx

@@ -0,0 +1,63 @@
+export * from './views/DataGrid';
+
+import AzGrid from './views/DataGrid';
+import { LooseColumnDefinition } from './views/DataGrid';
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+const columns: LooseColumnDefinition[] = [
+	{ name: 'username', title: 'Username', editor: 'input' },
+	{ name: 'job', title: 'Job' },
+	{ name: 'age', title: 'Age', editor: 'input' },
+	{ title: 'Example', field: 'example', editor: 'input' },
+];
+const leftColumns = ['username', 'row'];
+const customColumns = [
+	{
+		name: 'job',
+		render: () => {
+			return <div>test</div>;
+		},
+	},
+];
+
+const contextMenuItems = ['test'];
+function getData() {
+	const fd: any[] = [];
+	for (let index = 0; index < 5; index++) {
+		fd.push({ __table_id: String(index), username: 'user-' + index, age: 20 });
+		if (index % 5 == 0) {
+			fd.push({ __table_id: 's' + index, __parent__table_id: String(index), username: 'sub-user-' + index, age: 20 });
+		}
+	}
+	return fd;
+}
+
+export function ExampleGrid() {
+	const renderContactsGrid = ({ data }) => {
+		return (
+			<div>
+				<div>{'Test'}</div>
+			</div>
+		);
+	};
+	const [selected, setSelected] = React.useState(null);
+	const onSelectionChange = React.useCallback(({ selected }) => {
+		setSelected(selected);
+	}, []);
+	return (
+		<AzGrid
+			dark
+			allowChildRows
+			onSelectionChange={onSelectionChange}
+			selected={selected}
+			contextMenuItems={contextMenuItems}
+			customColumns={customColumns}
+			columns={columns}
+			rows={getData()}
+			leftColumns={leftColumns}
+			gridOptions={{ rowIndexColumn: true, checkboxColumn: true }}
+		/>
+	);
+}
+export default ExampleGrid;

package/src/index.tsx

@@ -0,0 +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('root') as HTMLElement);
+root.render(<ExampleGrid />);