@azrico/reactgrid 1.2.23 → 1.2.26

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.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)
+
 ### [1.2.23](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.22...v1.2.23) (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

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

package/dist/src/views/DataGrid.js

@@ -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: (0, _clsx.default)('azgrid-nooverflow', 'azgrid-filler')
   }, _react.default.createElement("div", {
+    className: (0, _clsx.default)('azgrid-delayedresize'),
     style: {
       height: height,
       width: width

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@azrico/reactgrid",
-	"version": "1.2.23",
+	"version": "1.2.26",
 	"main": "dist/index.js",
 	"description": "React Datagrid",
 	"author": "Azrideus <MehrdadTavangar@gmail.com>",
@@ -29,7 +29,7 @@
 		"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",
@@ -39,7 +39,7 @@
 		"react-use-size": "^3.0.1"
 	},
 	"peerDependencies": {
-		"@azrico/controls": ">=1.4.26",
+		"@azrico/controls": ">=1.4.27",
 		"@emotion/react": ">=11.9.3",
 		"@emotion/styled": ">=11.9.3",
 		"@inovua/reactdatagrid-enterprise": ">=5.8.5",

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

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

package/src/views/DataGrid.tsx

@@ -403,11 +403,11 @@ 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={clsx('azgrid-nooverflow', 'azgrid-filler')}>
+			<div
+				className={clsx('azgrid-delayedresize')}
+				style={{ height: height, width: width }}
+			>
 				<DataGridCore {...props} />
 			</div>
 		</div>