@azrico/reactgrid 1.0.15 → 1.0.17

package/dist/src/index.js

@@ -17,21 +17,15 @@ Object.keys(_DataGrid).forEach(function (key) {
     }
   });
 });
-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;
-if (process.env.NODE_ENV === 'production') {
-  // set production urls
-  // enable sentry
-} else if (process.env.NODE_ENV === 'development') {
-  const root = _client.default.createRoot(document.getElementById('root'));
-  root.render(_react.default.createElement(_example.default, null));
-} else {
-  // set defaults
-}
+var _default = _DataGrid.default; // if (process.env!.NODE_ENV === 'production') {
+// 	// set production urls
+// 	// enable sentry
+// } else if (process.env!.NODE_ENV === 'development') {
+// 	const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
+// 	root.render(<ExampleGrid />);
+// } else {
+// 	// set defaults
+// }
+exports.default = _default;

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

@@ -52,6 +52,9 @@ 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;
+    loading?: boolean;
     dark?: boolean;
     allowChildRows?: boolean;
     className?: string;

package/dist/src/views/DataGrid.js

@@ -189,8 +189,10 @@ function DataGrid(props) {
     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 = {
@@ -210,9 +212,10 @@ function DataGrid(props) {
   }, [props.gridOptions]);
   const dynamic_gridOptions = _react.default.useMemo(() => {
     return {
-      selected: props.selected
+      selected: props.selected,
+      loading: props.loading
     };
-  }, [props.selected]);
+  }, [props.selected, props.loading]);
   /* ------------------------------- load events ------------------------------ */
   function onCellEdit(cell) {}
   function onRowContextMenu(row, ev) {

package/package.json

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

package/src/index.tsx

@@ -7,12 +7,12 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 export default AzGrid;
 
-if (process.env!.NODE_ENV === 'production') {
-	// set production urls
-	// enable sentry
-} else if (process.env!.NODE_ENV === 'development') {
-	const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
-	root.render(<ExampleGrid />);
-} else {
-	// set defaults
-}
+// if (process.env!.NODE_ENV === 'production') {
+// 	// set production urls
+// 	// enable sentry
+// } else if (process.env!.NODE_ENV === 'development') {
+// 	const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
+// 	root.render(<ExampleGrid />);
+// } else {
+// 	// set defaults
+// }

package/src/views/DataGrid.tsx

@@ -73,7 +73,10 @@ 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;
 
+	loading?: boolean;
 	dark?: boolean;
 	allowChildRows?: boolean;
 
@@ -265,8 +268,10 @@ function DataGrid(props: DataGridProps) {
 
 		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 = {
@@ -279,8 +284,8 @@ function DataGrid(props: DataGridProps) {
 		return { ...defaultOptions, ...events, ...extra_ops, ...props.gridOptions, ...forcedOptions };
 	}, [props.gridOptions]);
 	const dynamic_gridOptions = React.useMemo<GridOptions>(() => {
-		return { selected: props.selected };
-	}, [props.selected]);
+		return { selected: props.selected, loading: props.loading };
+	}, [props.selected, props.loading]);
 
 	/* ------------------------------- load events ------------------------------ */