@azrico/reactgrid 1.2.25 → 1.2.28

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.28](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.27...v1.2.28) (2023-04-03)
+
+### [1.2.27](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.26...v1.2.27) (2023-04-03)
+
+### [1.2.26](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.25...v1.2.26) (2023-04-03)
+
+
+### Bug Fixes
+
+* DataGridDelayedSizeWrapper actual delayed ([2ddfd2f](https://github.com/Azrideus/azrico-reactgrid/commit/2ddfd2fb58c90bd906e1330f22f0ef7468d34afb))
+
 ### [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)

package/dist/src/themes/base_styles.css

@@ -27,4 +27,5 @@
 .azgrid-delayedresize {
 	transition-property: width, height;
 	transition-delay: 200ms;
+	transition-duration: 0ms;
 }

package/dist/src/views/DataGrid.js

@@ -167,18 +167,18 @@ function DataGridEventsWrapper(props) {
     menuAnchorEl: menuAnchorEl,
     set_menuAnchorEl: update_menuAnchorEl,
     menuRow: menuRow,
-    items: props.contextMenuItems
+    menu_items: props.contextMenuItems
   });
   if (props.details_dataSource) {
     return _react.default.createElement(DataGridDetailsWrapper, {
       ...props,
       static_gridOptions: static_gridOptions
-    }, contextMenu, props.children);
+    }, contextMenu);
   } else {
     return _react.default.createElement(DataGridSizeWrapper, {
       ...props,
       static_gridOptions: static_gridOptions
-    }, contextMenu, props.children);
+    }, contextMenu);
   }
 }
 function DataGridDetailsWrapper(props) {
@@ -217,7 +217,7 @@ function DataGridDetailsWrapper(props) {
   return _react.default.createElement(DataGridSizeWrapper, {
     ...props,
     static_gridOptions: static_gridOptions
-  }, props.children);
+  });
 }
 function DataGridSizeWrapper(props) {
   if (props.delayedSize) {
@@ -239,8 +239,9 @@ function DataGridDelayedSizeWrapper(props) {
   } = (0, _reactUseSize.useComponentSize)();
   return _react.default.createElement("div", {
     ref: ref,
-    className: (0, _clsx.default)(props.className, 'azgrid-nooverflow', 'azgrid-filler')
+    className: 'azgrid-filler'
   }, _react.default.createElement("div", {
+    className: 'azgrid-delayedresize',
     style: {
       height: height,
       width: width
@@ -251,7 +252,7 @@ function DataGridDelayedSizeWrapper(props) {
 }
 function DataGridCore(props) {
   return _react.default.createElement("div", {
-    className: (0, _clsx.default)(props.className, 'azgrid-nooverflow', 'azgrid-filler')
+    className: (0, _clsx.default)(props.className, 'azgrid-filler')
   }, _react.default.createElement(_reactdatagridEnterprise.default, {
     ...props.static_gridOptions,
     ...props.dynamic_gridOptions,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@azrico/reactgrid",
-	"version": "1.2.25",
+	"version": "1.2.28",
 	"main": "dist/index.js",
 	"description": "React Datagrid",
 	"author": "Azrideus <MehrdadTavangar@gmail.com>",

package/src/themes/base_styles.css

@@ -27,4 +27,5 @@
 .azgrid-delayedresize {
 	transition-property: width, height;
 	transition-delay: 200ms;
+	transition-duration: 0ms;
 }

package/src/views/DataGrid.tsx

@@ -323,7 +323,7 @@ function DataGridEventsWrapper(props: DataGridWrapperProps) {
 			menuAnchorEl={menuAnchorEl}
 			set_menuAnchorEl={update_menuAnchorEl}
 			menuRow={menuRow}
-			items={props.contextMenuItems}
+			menu_items={props.contextMenuItems as any}
 		/>
 	);
 
@@ -331,14 +331,12 @@ function DataGridEventsWrapper(props: DataGridWrapperProps) {
 		return (
 			<DataGridDetailsWrapper {...props} static_gridOptions={static_gridOptions}>
 				{contextMenu}
-				{props.children}
 			</DataGridDetailsWrapper>
 		);
 	} else {
 		return (
 			<DataGridSizeWrapper {...props} static_gridOptions={static_gridOptions}>
 				{contextMenu}
-				{props.children}
 			</DataGridSizeWrapper>
 		);
 	}
@@ -385,9 +383,10 @@ function DataGridDetailsWrapper(props: DataGridWrapperProps) {
 	}, [props.static_gridOptions]);
 
 	return (
-		<DataGridSizeWrapper {...props} static_gridOptions={static_gridOptions}>
-			{props.children}
-		</DataGridSizeWrapper>
+		<DataGridSizeWrapper
+			{...props}
+			static_gridOptions={static_gridOptions}
+		></DataGridSizeWrapper>
 	);
 }
 
@@ -403,11 +402,8 @@ function DataGridSizeWrapper(props: DataGridWrapperProps) {
 function DataGridDelayedSizeWrapper(props: DataGridWrapperProps) {
 	const { ref, height, width } = useComponentSize();
 	return (
-		<div
-			ref={ref}
-			className={clsx(props.className, 'azgrid-nooverflow', 'azgrid-filler')}
-		>
-			<div style={{ height: height, width: width }}>
+		<div ref={ref} className={'azgrid-filler'}>
+			<div className={'azgrid-delayedresize'} style={{ height: height, width: width }}>
 				<DataGridCore {...props} />
 			</div>
 		</div>
@@ -415,7 +411,7 @@ function DataGridDelayedSizeWrapper(props: DataGridWrapperProps) {
 }
 function DataGridCore(props: DataGridWrapperProps) {
 	return (
-		<div className={clsx(props.className, 'azgrid-nooverflow', 'azgrid-filler')}>
+		<div className={clsx(props.className, 'azgrid-filler')}>
 			<ReactDataGrid
 				{...props.static_gridOptions}
 				{...props.dynamic_gridOptions}