@azrico/reactgrid 1.0.17 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/src/views/DataGrid.d.ts +2 -0
  2. package/dist/src/views/DataGrid.js +13 -7
  3. package/package.json +1 -1
  4. package/src/views/DataGrid.tsx +13 -10
package/dist/src/views/DataGrid.d.ts CHANGED
@@ -54,6 +54,8 @@ export type AzGridProps = {
54
54
  onRowDoubleClick?: (rowIndex: number, row: any) => void;
55
55
  onLimitChange?: (v: number) => void;
56
56
  onSkipChange?: (v: number) => void;
57
+ skip?: number;
58
+ limit?: number;
57
59
  loading?: boolean;
58
60
  dark?: boolean;
59
61
  allowChildRows?: boolean;
package/dist/src/views/DataGrid.js CHANGED
@@ -185,7 +185,7 @@ function DataGrid(props) {
185
185
  /* -------------------------------------------------------------------------- */
186
186
  /* Create the grid */
187
187
  /* -------------------------------------------------------------------------- */
188
- const static_gridOptions = _react.default.useMemo(() => {
188
+ const base_gridOptions = _react.default.useMemo(() => {
189
189
  const firstcolumn = columns[0];
190
190
  const licenseKey = props.licenseKey || get_default_key();
191
191
  const events = {
@@ -205,19 +205,25 @@ function DataGrid(props) {
205
205
  return {
206
206
  ...defaultOptions,
207
207
  ...events,
208
- ...extra_ops,
208
+ ...extra_ops
209
+ };
210
+ }, [props.gridOptions]);
211
+ const static_gridOptions = _react.default.useMemo(() => {
212
+ return {
213
+ ...base_gridOptions,
209
214
  ...props.gridOptions,
210
215
  ...forcedOptions
211
216
  };
212
- }, [props.gridOptions]);
217
+ }, [props.gridOptions, base_gridOptions]);
213
218
  const dynamic_gridOptions = _react.default.useMemo(() => {
214
219
  return {
215
220
  selected: props.selected,
216
- loading: props.loading
221
+ loading: props.loading,
222
+ limit: props.limit,
223
+ skip: props.skip
217
224
  };
218
- }, [props.selected, props.loading]);
219
- /* ------------------------------- load events ------------------------------ */
220
- function onCellEdit(cell) {}
225
+ }, [props.selected, props.loading, props.skip]);
226
+ /* --------------------------------- events --------------------------------- */
221
227
  function onRowContextMenu(row, ev) {
222
228
  if (_helpers.func_selection.has_selection()) return;
223
229
  update_menuAnchorEl(_helpers.func_selection.getVirtualElement(ev.clientX, ev.clientY));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@azrico/reactgrid",
3
- "version": "1.0.17",
3
+ "version": "1.0.18",
4
4
  "main": "dist/index.js",
5
5
  "description": "React Datagrid",
6
6
  "author": "Azrideus <MehrdadTavangar@gmail.com>",
package/src/views/DataGrid.tsx CHANGED
@@ -69,13 +69,17 @@ export type AzGridProps = {
69
69
  RowDetail?: RowDetailsFunc;
70
70
 
71
71
  selected?: RowSelectionValue;
72
+ /* -------------------------------------------------------------------------- */
72
73
  onSelectionChange?: OnSelectionChangeFunc;
73
74
  onRowsChange?: (rows: any[], options: any) => void;
74
75
  onRowClick?: (rowIndex: number, row: any) => void;
75
76
  onRowDoubleClick?: (rowIndex: number, row: any) => void;
76
77
  onLimitChange?: (v: number) => void;
77
78
  onSkipChange?: (v: number) => void;
78
-
79
+ /* -------------------------------------------------------------------------- */
80
+ skip?: number;
81
+ limit?: number;
82
+ //
79
83
  loading?: boolean;
80
84
  dark?: boolean;
81
85
  allowChildRows?: boolean;
@@ -263,9 +267,8 @@ function DataGrid(props: DataGridProps) {
263
267
  /* Create the grid */
264
268
  /* -------------------------------------------------------------------------- */
265
269
 
266
- const static_gridOptions = React.useMemo<GridOptions>(() => {
270
+ const base_gridOptions = React.useMemo<GridOptions>(() => {
267
271
  const firstcolumn = columns[0];
268
-
269
272
  const licenseKey = props.licenseKey || get_default_key();
270
273
  const events: GridOptions = {
271
274
  onRowClick: props.onRowClick ? onRowClick : undefined,
@@ -281,16 +284,16 @@ function DataGrid(props: DataGridProps) {
281
284
  renderRowDetails: props.RowDetail,
282
285
  theme: dark ? 'amber-dark' : 'default-light',
283
286
  };
284
- return { ...defaultOptions, ...events, ...extra_ops, ...props.gridOptions, ...forcedOptions };
287
+ return { ...defaultOptions, ...events, ...extra_ops };
285
288
  }, [props.gridOptions]);
289
+ const static_gridOptions = React.useMemo<GridOptions>(() => {
290
+ return { ...base_gridOptions, ...props.gridOptions, ...forcedOptions };
291
+ }, [props.gridOptions, base_gridOptions]);
286
292
  const dynamic_gridOptions = React.useMemo<GridOptions>(() => {
287
- return { selected: props.selected, loading: props.loading };
288
- }, [props.selected, props.loading]);
289
-
290
- /* ------------------------------- load events ------------------------------ */
291
-
292
- function onCellEdit(cell: CellDefinition) {}
293
+ return { selected: props.selected, loading: props.loading, limit: props.limit, skip: props.skip };
294
+ }, [props.selected, props.loading, props.skip]);
293
295
 
296
+ /* --------------------------------- events --------------------------------- */
294
297
  function onRowContextMenu(row: TypeRowProps, ev: any) {
295
298
  if (func_selection.has_selection()) return;
296
299
  update_menuAnchorEl(func_selection.getVirtualElement(ev.clientX, ev.clientY));