@azrico/reactgrid 1.0.16 → 1.0.18

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

@@ -52,6 +52,11 @@ export type AzGridProps = {
     onRowsChange?: (rows: any[], options: any) => void;
     onRowClick?: (rowIndex: number, row: any) => void;
     onRowDoubleClick?: (rowIndex: number, row: any) => void;
+    onLimitChange?: (v: number) => void;
+    onSkipChange?: (v: number) => void;
+    skip?: number;
+    limit?: number;
+    loading?: boolean;
     dark?: boolean;
     allowChildRows?: boolean;
     className?: string;

package/dist/src/views/DataGrid.js

@@ -185,12 +185,14 @@ function DataGrid(props) {
   /* -------------------------------------------------------------------------- */
   /*                               Create the grid                              */
   /* -------------------------------------------------------------------------- */
-  const static_gridOptions = _react.default.useMemo(() => {
+  const base_gridOptions = _react.default.useMemo(() => {
     const firstcolumn = columns[0];
     const licenseKey = props.licenseKey || get_default_key();
     const events = {
-      onRowClick: onRowClick,
-      onRowDoubleClick: onRowDoubleClick,
+      onRowClick: props.onRowClick ? onRowClick : undefined,
+      onRowDoubleClick: props.onRowDoubleClick ? onRowDoubleClick : undefined,
+      onSkipChange: props.onSkipChange,
+      onLimitChange: props.onLimitChange,
       onRowContextMenu: onRowContextMenu
     };
     const extra_ops = {
@@ -203,18 +205,25 @@ function DataGrid(props) {
     return {
       ...defaultOptions,
       ...events,
-      ...extra_ops,
+      ...extra_ops
+    };
+  }, [props.gridOptions]);
+  const static_gridOptions = _react.default.useMemo(() => {
+    return {
+      ...base_gridOptions,
       ...props.gridOptions,
       ...forcedOptions
     };
-  }, [props.gridOptions]);
+  }, [props.gridOptions, base_gridOptions]);
   const dynamic_gridOptions = _react.default.useMemo(() => {
     return {
-      selected: props.selected
+      selected: props.selected,
+      loading: props.loading,
+      limit: props.limit,
+      skip: props.skip
     };
-  }, [props.selected]);
-  /* ------------------------------- load events ------------------------------ */
-  function onCellEdit(cell) {}
+  }, [props.selected, props.loading, props.skip]);
+  /* --------------------------------- events --------------------------------- */
   function onRowContextMenu(row, ev) {
     if (_helpers.func_selection.has_selection()) return;
     update_menuAnchorEl(_helpers.func_selection.getVirtualElement(ev.clientX, ev.clientY));

package/package.json

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

package/src/views/DataGrid.tsx

@@ -69,11 +69,18 @@ export type AzGridProps = {
 	RowDetail?: RowDetailsFunc;
 
 	selected?: RowSelectionValue;
+	/* -------------------------------------------------------------------------- */
 	onSelectionChange?: OnSelectionChangeFunc;
 	onRowsChange?: (rows: any[], options: any) => void;
 	onRowClick?: (rowIndex: number, row: any) => void;
 	onRowDoubleClick?: (rowIndex: number, row: any) => void;
-
+	onLimitChange?: (v: number) => void;
+	onSkipChange?: (v: number) => void;
+	/* -------------------------------------------------------------------------- */
+	skip?: number;
+	limit?: number;
+	//
+	loading?: boolean;
 	dark?: boolean;
 	allowChildRows?: boolean;
 
@@ -260,13 +267,14 @@ function DataGrid(props: DataGridProps) {
 	/*                               Create the grid                              */
 	/* -------------------------------------------------------------------------- */
 
-	const static_gridOptions = React.useMemo<GridOptions>(() => {
+	const base_gridOptions = React.useMemo<GridOptions>(() => {
 		const firstcolumn = columns[0];
-
 		const licenseKey = props.licenseKey || get_default_key();
 		const events: GridOptions = {
-			onRowClick: onRowClick,
-			onRowDoubleClick: onRowDoubleClick,
+			onRowClick: props.onRowClick ? onRowClick : undefined,
+			onRowDoubleClick: props.onRowDoubleClick ? onRowDoubleClick : undefined,
+			onSkipChange: props.onSkipChange,
+			onLimitChange: props.onLimitChange,
 			onRowContextMenu: onRowContextMenu,
 		};
 		const extra_ops: GridOptions = {
@@ -276,16 +284,16 @@ function DataGrid(props: DataGridProps) {
 			renderRowDetails: props.RowDetail,
 			theme: dark ? 'amber-dark' : 'default-light',
 		};
-		return { ...defaultOptions, ...events, ...extra_ops, ...props.gridOptions, ...forcedOptions };
+		return { ...defaultOptions, ...events, ...extra_ops };
 	}, [props.gridOptions]);
+	const static_gridOptions = React.useMemo<GridOptions>(() => {
+		return { ...base_gridOptions, ...props.gridOptions, ...forcedOptions };
+	}, [props.gridOptions, base_gridOptions]);
 	const dynamic_gridOptions = React.useMemo<GridOptions>(() => {
-		return { selected: props.selected };
-	}, [props.selected]);
-
-	/* ------------------------------- load events ------------------------------ */
-
-	function onCellEdit(cell: CellDefinition) {}
+		return { selected: props.selected, loading: props.loading, limit: props.limit, skip: props.skip };
+	}, [props.selected, props.loading, props.skip]);
 
+	/* --------------------------------- events --------------------------------- */
 	function onRowContextMenu(row: TypeRowProps, ev: any) {
 		if (func_selection.has_selection()) return;
 		update_menuAnchorEl(func_selection.getVirtualElement(ev.clientX, ev.clientY));