@azrico/reactgrid 1.0.17 → 1.0.19

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

@@ -54,6 +54,8 @@ export type AzGridProps = {
     onRowDoubleClick?: (rowIndex: number, row: any) => void;
     onLimitChange?: (v: number) => void;
     onSkipChange?: (v: number) => void;
+    skip?: number;
+    limit?: number;
     loading?: boolean;
     dark?: boolean;
     allowChildRows?: boolean;

package/dist/src/views/DataGrid.js

@@ -30,6 +30,7 @@ const defaultColumnOptions = {
   draggable: false,
   lockable: false
 };
+const dynamic_option_names = ['selected', 'loading', 'limit', 'skip'];
 /* -------------------------------------------------------------------------- */
 function AzGrid(props) {
   const [pendingChanges, set_pendingChanges] = _react.default.useState(1);
@@ -185,7 +186,7 @@ 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 = {
@@ -205,19 +206,24 @@ function DataGrid(props) {
     return {
       ...defaultOptions,
       ...events,
-      ...extra_ops,
-      ...props.gridOptions,
-      ...forcedOptions
+      ...extra_ops
     };
   }, [props.gridOptions]);
-  const dynamic_gridOptions = _react.default.useMemo(() => {
+  const static_gridOptions = _react.default.useMemo(() => {
     return {
-      selected: props.selected,
-      loading: props.loading
+      ...base_gridOptions,
+      ...props.gridOptions,
+      ...forcedOptions
     };
-  }, [props.selected, props.loading]);
-  /* ------------------------------- load events ------------------------------ */
-  function onCellEdit(cell) {}
+  }, [props.gridOptions, base_gridOptions]);
+  const dynamic_gridOptions = _react.default.useMemo(() => {
+    const res = {};
+    dynamic_option_names.map(r => {
+      res[r] = props[r];
+    });
+    return res;
+  }, dynamic_option_names.map(r => props[r]));
+  /* --------------------------------- 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.17",
+	"version": "1.0.19",
 	"main": "dist/index.js",
 	"description": "React Datagrid",
 	"author": "Azrideus <MehrdadTavangar@gmail.com>",

package/src/views/DataGrid.tsx

@@ -69,13 +69,17 @@ 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;
@@ -105,7 +109,7 @@ const defaultColumnOptions: ColumnDefinition = {
 	draggable: false,
 	lockable: false,
 };
-
+const dynamic_option_names = ['selected', 'loading', 'limit', 'skip'];
 /* -------------------------------------------------------------------------- */
 export function AzGrid(props: AzGridProps) {
 	const [pendingChanges, set_pendingChanges] = React.useState<number>(1);
@@ -263,9 +267,8 @@ 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: props.onRowClick ? onRowClick : undefined,
@@ -281,16 +284,24 @@ 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 dynamic_gridOptions = React.useMemo<GridOptions>(() => {
-		return { selected: props.selected, loading: props.loading };
-	}, [props.selected, props.loading]);
-
-	/* ------------------------------- load events ------------------------------ */
-
-	function onCellEdit(cell: CellDefinition) {}
+	const static_gridOptions = React.useMemo<GridOptions>(() => {
+		return { ...base_gridOptions, ...props.gridOptions, ...forcedOptions };
+	}, [props.gridOptions, base_gridOptions]);
+
+	const dynamic_gridOptions = React.useMemo<GridOptions>(
+		() => {
+			const res = {};
+			dynamic_option_names.map((r) => {
+				res[r] = props[r];
+			});
+			return res;
+		},
+		dynamic_option_names.map((r) => props[r])
+	);
 
+	/* --------------------------------- events --------------------------------- */
 	function onRowContextMenu(row: TypeRowProps, ev: any) {
 		if (func_selection.has_selection()) return;
 		update_menuAnchorEl(func_selection.getVirtualElement(ev.clientX, ev.clientY));