@azrico/reactgrid 1.3.34 → 1.3.36

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

@@ -5,7 +5,7 @@ import '../themes/base_styles.css';
 import '../themes/grid.css';
 import { ConvertableToMenuItem } from '@azrico/controls';
 import React from 'react';
-import { TypeCellSelection, TypeColumn, TypeDataGridProps, TypeDataSource, TypeEditInfo, TypeFilterTypes, TypeFilterValue, TypeRowDetailsInfo, TypeRowProps, TypeRowSelection } from '@inovua/reactdatagrid-community/types';
+import { TypeCellSelection, TypeColumn, TypeDataGridProps, TypeDataSource, TypeEditInfo, TypeFilterTypes, TypeFilterValue, TypeRowDetailsInfo, TypeRowProps, TypeRowSelection, TypeComputedProps } from '@inovua/reactdatagrid-community/types';
 import { TypeOnSelectionChangeArg } from '@inovua/reactdatagrid-community/types/TypeDataGridProps';
 export type ColumnDefinition = TypeColumn;
 export type CellDefinition = any;
@@ -45,7 +45,7 @@ export type AzGridProps = {
     details_columns?: LooseColumnDefinition[];
     details_filter?: FilterValues;
     licenseKey?: string;
-    gridRef?: any;
+    gridRef?: React.MutableRefObject<TypeComputedProps>;
     gridOptions?: AzGridOptions;
     columns?: LooseColumnDefinition[];
     columnExtensions?: Partial<LooseColumnDefinition>;

package/dist/src/views/DataGrid.js

@@ -131,7 +131,7 @@ function DataGridEventsWrapper(props) {
     for (let index = 0; index < dt.length; index++) {
       props.gridRef.current.setItemPropertyAt(index, col, dt[index][col]);
     }
-  }, [props.gridRef.current, props.gridRef.current.ungroupedData]);
+  }, [props.gridRef.current]);
   const refresh = _react.default.useCallback(() => {
     const dt = props.gridRef.current.ungroupedData;
     for (let index = 0; index < dt.length; index++) {
@@ -139,8 +139,9 @@ function DataGridEventsWrapper(props) {
         replace: false
       });
     }
-  }, [props.gridRef.current, props.gridRef.current.ungroupedData]);
+  }, [props.gridRef.current]);
   _react.default.useEffect(() => {
+    if (!props.gridRef.current) return;
     props.gridRef.current['refresh'] = refresh;
     props.gridRef.current['refreshColumn'] = refreshColumn;
   }, [props.gridRef.current, props.dataSource, refresh, refreshColumn]);
@@ -361,7 +362,7 @@ function DataGridCore(props) {
     ...props.static_gridOptions,
     ...props.dynamic_gridOptions,
     rowIndexColumn: true,
-    handle: ref => props.gridRef.current = ref ? ref.current : null,
+    handle: ref => props.gridRef = ref,
     className: 'azgrid-flexed',
     columns: props.columns,
     dataSource: props.dataSource

package/package.json

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

package/src/views/DataGrid.tsx

@@ -26,6 +26,7 @@ import {
 	TypeRowDetailsInfo,
 	TypeRowProps,
 	TypeRowSelection,
+	TypeComputedProps,
 } from '@inovua/reactdatagrid-community/types';
 import { fix_parent_child_relations, func_selection } from '../func/func_child';
 import { array_intersection, fn_eval } from '@azrico/object';
@@ -81,7 +82,7 @@ export type AzGridProps = {
 
 	licenseKey?: string;
 
-	gridRef?: any;
+	gridRef?: React.MutableRefObject<TypeComputedProps>;
 	gridOptions?: AzGridOptions;
 
 	columns?: LooseColumnDefinition[];
@@ -134,6 +135,7 @@ type DataGridProps = ModifyFields<
 type DataGridWrapperProps = ModifyFields<
 	DataGridProps,
 	{
+		gridRef: React.MutableRefObject<TypeComputedProps>;
 		static_gridOptions: AzGridOptions;
 		dynamic_gridOptions: AzGridOptions;
 		children?: React.ReactNode;
@@ -284,15 +286,16 @@ function DataGridEventsWrapper(props: DataGridWrapperProps) {
 				(props.gridRef.current as any).setItemPropertyAt(index, col, dt[index][col]);
 			}
 		},
-		[props.gridRef.current, props.gridRef.current.ungroupedData]
+		[props.gridRef.current]
 	);
 	const refresh = React.useCallback(() => {
 		const dt = props.gridRef.current.ungroupedData;
 		for (let index = 0; index < dt.length; index++) {
 			(props.gridRef.current as any).setItemAt(index, {}, { replace: false });
 		}
-	}, [props.gridRef.current, props.gridRef.current.ungroupedData]);
+	}, [props.gridRef.current]);
 	React.useEffect(() => {
+		if (!props.gridRef.current) return;
 		props.gridRef.current['refresh'] = refresh;
 		props.gridRef.current['refreshColumn'] = refreshColumn;
 	}, [props.gridRef.current, props.dataSource, refresh, refreshColumn]);
@@ -545,7 +548,7 @@ function DataGridCore(props: DataGridWrapperProps) {
 				{...props.static_gridOptions}
 				{...props.dynamic_gridOptions}
 				rowIndexColumn
-				handle={(ref) => (props.gridRef.current = ref ? ref.current : null)}
+				handle={(ref) => (props.gridRef = ref as any)}
 				className={'azgrid-flexed'}
 				columns={props.columns}
 				dataSource={props.dataSource}