@azrico/reactgrid 1.2.3 → 1.2.5

package/dist/src/views/DataGrid.d.ts

@@ -37,6 +37,7 @@ type GridOptions = Partial<TypeDataGridProps>;
 export type AzGridProps = {
     dataSource?: any[] | ((args: any) => any[] | Promise<any[] | any>);
     licenseKey?: string;
+    gridRef?: any;
     gridOptions?: GridOptions;
     columns?: LooseColumnDefinition[];
     columnExtensions?: Partial<LooseColumnDefinition>;

package/dist/src/views/DataGrid.js

@@ -64,6 +64,8 @@ const defaultColumnOptions = {
 const dynamic_option_names = ['selected', 'loading', 'limit', 'skip'];
 /* -------------------------------------------------------------------------- */
 function AzGrid(props) {
+  const gridRefBackup = _react.default.useRef(null);
+  const gridRef = props.gridRef || gridRefBackup;
   /* -------------------------------------------------------------------------- */
   /*                                   Columns                                  */
   /* -------------------------------------------------------------------------- */
@@ -151,6 +153,7 @@ function AzGrid(props) {
   }, dynamic_option_names.map(r => props[r]));
   return _react.default.createElement(DataGridEventsWrapper, {
     ...props,
+    gridRef: gridRef,
     static_gridOptions: static_gridOptions,
     dynamic_gridOptions: dynamic_gridOptions,
     columns: cached_columns,
@@ -223,7 +226,7 @@ function DataGridEventsWrapper(props) {
     menuAnchorEl: menuAnchorEl,
     set_menuAnchorEl: update_menuAnchorEl,
     menuRow: menuRow,
-    items: props.contextMenuItems
+    menu_items: props.contextMenuItems
   }), props.children);
 }
 function DataGridSizeWrapper(props) {
@@ -239,7 +242,6 @@ function DataGridSizeWrapper(props) {
   }
 }
 function DataGridDelayedSize(props) {
-  const gridRef = _react.default.useRef(null);
   const {
     ref,
     height,
@@ -251,7 +253,7 @@ function DataGridDelayedSize(props) {
   }, _react.default.createElement(_reactdatagridEnterprise.default, {
     ...props.static_gridOptions,
     ...props.dynamic_gridOptions,
-    handle: ref => gridRef.current = ref ? ref.current : null,
+    handle: ref => props.gridRef.current = ref ? ref.current : null,
     className: 'azgrid-delayedresize',
     style: {
       height: height,
@@ -262,13 +264,12 @@ function DataGridDelayedSize(props) {
   }), props.children);
 }
 function DataGridFlexSize(props) {
-  const gridRef = _react.default.useRef(null);
   return _react.default.createElement("div", {
     className: (0, _clsx.default)(props.className, 'azgrid-nooverflow', 'azgrid-filler')
   }, _react.default.createElement(_reactdatagridEnterprise.default, {
     ...props.static_gridOptions,
     ...props.dynamic_gridOptions,
-    handle: ref => gridRef.current = ref ? ref.current : null,
+    handle: ref => props.gridRef.current = ref ? ref.current : null,
     className: 'azgrid-filler',
     columns: props.columns,
     dataSource: props.dataSource

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@azrico/reactgrid",
-	"version": "1.2.3",
+	"version": "1.2.5",
 	"main": "dist/index.js",
 	"description": "React Datagrid",
 	"author": "Azrideus <MehrdadTavangar@gmail.com>",
@@ -29,7 +29,7 @@
 		"typescript": "^4.8.4"
 	},
 	"dependencies": {
-		"@azrico/controls": "1.3.36",
+		"@azrico/controls": "1.3.37",
 		"@azrico/object": "^1.3.1",
 		"@emotion/react": "^11.9.3",
 		"@emotion/styled": "^11.9.3",

package/src/views/DataGrid.tsx

@@ -69,6 +69,7 @@ export type AzGridProps = {
 
 	licenseKey?: string;
 
+	gridRef?: any;
 	gridOptions?: GridOptions;
 
 	columns?: LooseColumnDefinition[];
@@ -162,6 +163,8 @@ const defaultColumnOptions: ColumnDefinition = {
 const dynamic_option_names = ['selected', 'loading', 'limit', 'skip'];
 /* -------------------------------------------------------------------------- */
 export function AzGrid(props: AzGridProps) {
+	const gridRefBackup = React.useRef<any>(null);
+	const gridRef = props.gridRef || gridRefBackup;
 	/* -------------------------------------------------------------------------- */
 	/*                                   Columns                                  */
 	/* -------------------------------------------------------------------------- */
@@ -272,6 +275,7 @@ export function AzGrid(props: AzGridProps) {
 	return (
 		<DataGridEventsWrapper
 			{...props}
+			gridRef={gridRef}
 			static_gridOptions={static_gridOptions}
 			dynamic_gridOptions={dynamic_gridOptions}
 			columns={cached_columns}
@@ -358,7 +362,7 @@ function DataGridEventsWrapper(props: DataGridWrapperProps) {
 				menuAnchorEl={menuAnchorEl}
 				set_menuAnchorEl={update_menuAnchorEl}
 				menuRow={menuRow}
-				items={props.contextMenuItems}
+				menu_items={props.contextMenuItems as any}
 			/>
 			{props.children}
 		</DataGridSizeWrapper>
@@ -373,7 +377,6 @@ function DataGridSizeWrapper(props: DataGridWrapperProps) {
 	}
 }
 function DataGridDelayedSize(props: DataGridWrapperProps) {
-	const gridRef = React.useRef<any>(null);
 	const { ref, height, width } = useComponentSize();
 	return (
 		<div
@@ -383,7 +386,7 @@ function DataGridDelayedSize(props: DataGridWrapperProps) {
 			<ReactDataGrid
 				{...props.static_gridOptions}
 				{...props.dynamic_gridOptions}
-				handle={(ref) => (gridRef.current = ref ? ref.current : null)}
+				handle={(ref) => (props.gridRef.current = ref ? ref.current : null)}
 				className={'azgrid-delayedresize'}
 				style={{
 					height: height,
@@ -397,13 +400,12 @@ function DataGridDelayedSize(props: DataGridWrapperProps) {
 	);
 }
 function DataGridFlexSize(props: DataGridWrapperProps) {
-	const gridRef = React.useRef<any>(null);
 	return (
 		<div className={clsx(props.className, 'azgrid-nooverflow', 'azgrid-filler')}>
 			<ReactDataGrid
 				{...props.static_gridOptions}
 				{...props.dynamic_gridOptions}
-				handle={(ref) => (gridRef.current = ref ? ref.current : null)}
+				handle={(ref) => (props.gridRef.current = ref ? ref.current : null)}
 				className={'azgrid-filler'}
 				columns={props.columns}
 				dataSource={props.dataSource}