@azrico/reactgrid 1.2.22 → 1.2.25

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.2.25](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.24...v1.2.25) (2023-04-03)
+
+### [1.2.24](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.23...v1.2.24) (2023-04-03)
+
+### [1.2.23](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.22...v1.2.23) (2023-04-03)
+
+
+### Bug Fixes
+
+* styling ([9018f75](https://github.com/Azrideus/azrico-reactgrid/commit/9018f7593e253720f751f52855a2d956dfc578ed))
+
 ### [1.2.22](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.21...v1.2.22) (2023-04-03)
 
 ### [1.2.21](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.20...v1.2.21) (2023-04-03)

package/dist/src/index.js

@@ -47,14 +47,13 @@ Object.keys(_DataGrid).forEach(function (key) {
   });
 });
 var _func_grid = require("./func/func_grid");
-var _example = _interopRequireDefault(require("./example"));
-var _react = _interopRequireDefault(require("react"));
-var _client = _interopRequireDefault(require("react-dom/client"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* -------------------------------------------------------------------------- */
-var _default = _DataGrid.default;
-exports.default = _default;
-const root = _client.default.createRoot(document.getElementById('testroot'));
-root.render(_react.default.createElement(_example.default, null));
+//
+var _default = _DataGrid.default; // const testroot = document.getElementById('testroot');
+// if (testroot) {
+// // const root = ReactDOM.createRoot(document.getElementById('testroot') as HTMLElement);
+// // root.render(<ExampleGrid />);
+// }
+exports.default = _default;

package/dist/src/themes/base_styles.css

@@ -25,6 +25,6 @@
 	margin: 0;
 }
 .azgrid-delayedresize {
-	transition-property: 'width,height';
+	transition-property: width, height;
 	transition-delay: 200ms;
 }

package/dist/src/views/DataGrid.js

@@ -118,7 +118,7 @@ function DataGridEventsWrapper(props) {
   const [menuRow, set_menuRow] = _react.default.useState(null);
   /* --------------------------------- events --------------------------------- */
   const onRowContextMenu = _react.default.useCallback((rowProps, event) => {
-    if (_func_child.func_selection.has_selection()) return;
+    if (!rowProps || !rowProps.data || _func_child.func_selection.has_selection()) return;
     update_menuRow(rowProps.data);
     update_menuAnchorEl(_func_child.func_selection.getVirtualElement(event.clientX, event.clientY));
     event.preventDefault();
@@ -221,17 +221,17 @@ function DataGridDetailsWrapper(props) {
 }
 function DataGridSizeWrapper(props) {
   if (props.delayedSize) {
-    return _react.default.createElement(DataGridDelayedSize, {
+    return _react.default.createElement(DataGridDelayedSizeWrapper, {
       ...props
     });
   } else {
-    return _react.default.createElement(DataGridFlexSize, {
+    return _react.default.createElement(DataGridCore, {
       ...props
     });
   }
 }
 /* -------------------------------------------------------------------------- */
-function DataGridDelayedSize(props) {
+function DataGridDelayedSizeWrapper(props) {
   const {
     ref,
     height,
@@ -240,20 +240,16 @@ function DataGridDelayedSize(props) {
   return _react.default.createElement("div", {
     ref: ref,
     className: (0, _clsx.default)(props.className, 'azgrid-nooverflow', 'azgrid-filler')
-  }, _react.default.createElement(_reactdatagridEnterprise.default, {
-    ...props.static_gridOptions,
-    ...props.dynamic_gridOptions,
-    handle: ref => props.gridRef.current = ref ? ref.current : null,
-    className: 'azgrid-delayedresize',
+  }, _react.default.createElement("div", {
     style: {
       height: height,
       width: width
-    },
-    columns: props.columns,
-    dataSource: props.dataSource
-  }), props.children);
+    }
+  }, _react.default.createElement(DataGridCore, {
+    ...props
+  })));
 }
-function DataGridFlexSize(props) {
+function DataGridCore(props) {
   return _react.default.createElement("div", {
     className: (0, _clsx.default)(props.className, 'azgrid-nooverflow', 'azgrid-filler')
   }, _react.default.createElement(_reactdatagridEnterprise.default, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@azrico/reactgrid",
-	"version": "1.2.22",
+	"version": "1.2.25",
 	"main": "dist/index.js",
 	"description": "React Datagrid",
 	"author": "Azrideus <MehrdadTavangar@gmail.com>",
@@ -29,23 +29,23 @@
 		"typescript": "^4.8.4"
 	},
 	"dependencies": {
-		"@azrico/controls": "1.4.26",
+		"@azrico/controls": "1.4.27",
 		"@azrico/object": "^1.3.1",
 		"@emotion/react": "^11.9.3",
 		"@emotion/styled": "^11.9.3",
-		"@inovua/reactdatagrid-enterprise": "^5.8.1",
+		"@inovua/reactdatagrid-enterprise": "^5.8.5",
 		"clsx": "^1.2.1",
 		"react": "^18.2.0",
 		"react-use-size": "^3.0.1"
 	},
 	"peerDependencies": {
-		"@azrico/controls": "*",
-		"@emotion/react": "*",
-		"@emotion/styled": "*",
-		"@inovua/reactdatagrid-enterprise": "*",
-		"clsx": "*",
-		"react": "*",
-		"react-use-size": "*"
+		"@azrico/controls": ">=1.4.27",
+		"@emotion/react": ">=11.9.3",
+		"@emotion/styled": ">=11.9.3",
+		"@inovua/reactdatagrid-enterprise": ">=5.8.5",
+		"clsx": ">=1.2.1",
+		"react": ">=18.2.0",
+		"react-use-size": ">=3.0.1"
 	},
 	"browserslist": {
 		"production": [

package/src/index.tsx

@@ -7,8 +7,12 @@ 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 />);
+// const testroot = document.getElementById('testroot');
+// if (testroot) {
+// // const root = ReactDOM.createRoot(document.getElementById('testroot') as HTMLElement);
+// // root.render(<ExampleGrid />);
+
+// }

package/src/themes/base_styles.css

@@ -25,6 +25,6 @@
 	margin: 0;
 }
 .azgrid-delayedresize {
-	transition-property: 'width,height';
+	transition-property: width, height;
 	transition-delay: 200ms;
 }

package/src/views/DataGrid.tsx

@@ -264,7 +264,7 @@ function DataGridEventsWrapper(props: DataGridWrapperProps) {
 	/* --------------------------------- events --------------------------------- */
 
 	const onRowContextMenu = React.useCallback((rowProps, event) => {
-		if (func_selection.has_selection()) return;
+		if (!rowProps || !rowProps.data || func_selection.has_selection()) return;
 		update_menuRow(rowProps.data);
 		update_menuAnchorEl(func_selection.getVirtualElement(event.clientX, event.clientY));
 		event.preventDefault();
@@ -393,37 +393,27 @@ function DataGridDetailsWrapper(props: DataGridWrapperProps) {
 
 function DataGridSizeWrapper(props: DataGridWrapperProps) {
 	if (props.delayedSize) {
-		return <DataGridDelayedSize {...props} />;
+		return <DataGridDelayedSizeWrapper {...props} />;
 	} else {
-		return <DataGridFlexSize {...props} />;
+		return <DataGridCore {...props} />;
 	}
 }
 
 /* -------------------------------------------------------------------------- */
-function DataGridDelayedSize(props: DataGridWrapperProps) {
+function DataGridDelayedSizeWrapper(props: DataGridWrapperProps) {
 	const { ref, height, width } = useComponentSize();
 	return (
 		<div
 			ref={ref}
 			className={clsx(props.className, 'azgrid-nooverflow', 'azgrid-filler')}
 		>
-			<ReactDataGrid
-				{...props.static_gridOptions}
-				{...props.dynamic_gridOptions}
-				handle={(ref) => (props.gridRef.current = ref ? ref.current : null)}
-				className={'azgrid-delayedresize'}
-				style={{
-					height: height,
-					width: width,
-				}}
-				columns={props.columns}
-				dataSource={props.dataSource}
-			/>
-			{props.children}
+			<div style={{ height: height, width: width }}>
+				<DataGridCore {...props} />
+			</div>
 		</div>
 	);
 }
-function DataGridFlexSize(props: DataGridWrapperProps) {
+function DataGridCore(props: DataGridWrapperProps) {
 	return (
 		<div className={clsx(props.className, 'azgrid-nooverflow', 'azgrid-filler')}>
 			<ReactDataGrid