@azrico/reactgrid 1.3.38 → 1.3.40

package/package.json

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

package/src/example.tsx

@@ -30,13 +30,12 @@ const columns = [
 const editableColumns = ['job', 'age'];
 
 function getData(delta: any, max = 200) {
-	const fd: any[] = [];
-	console.log('Delta:', delta);
+	const fd: any[] = []; 
 	for (let index = 0; index < max; index++) {
 		const currentObject = {
 			__table_id: String(index),
 			name: 'user-' + index,
-			age: 20,
+			age: 5 + index,
 			job: 'None',
 		};
 		if (delta[index] && typeof delta[index] === 'object') {

package/src/func/func_grid.ts

@@ -154,18 +154,20 @@ export function ApplyColumnData(column_data: any): ColumnDefinition[] {
 	}
 	for (let index = 0; index < final_columns.length; index++) {
 		const col = final_columns[index];
-		if (col.type) {
-			switch (col.type) {
+		const coltype = col.type;
+		delete col.type;
+		if (coltype) {
+			switch (coltype) {
 				case 'combo':
 				case 'select':
 					//@ts-ignore
 					col.editor = SelectEditor;
 					break;
-				// case 'number':
-				// case 'numberic':
-				// 	//@ts-ignore
-				// 	col.editor = NumericEditor;
-				// 	break;
+				case 'int':
+				case 'number':
+				case 'numberic':
+					col.type = 'number';
+					break;
 				case 'truefalse':
 				case 'bool':
 				case 'boolean':
@@ -174,7 +176,6 @@ export function ApplyColumnData(column_data: any): ColumnDefinition[] {
 					break;
 			}
 			if (col.editable != false) col.editable = true;
-			delete col.type;
 		}
 		//@ts-ignore
 		if (!col.editorProps) col.editorProps = {};

package/src/views/DataGrid.tsx

@@ -177,7 +177,7 @@ export function AzGrid(props: AzGridProps) {
 		props.editableColumns,
 		props.columnExtensions,
 		props.customColumns,
-	]);
+	]); 
 	/* -------------------------------------------------------------------------- */
 	/*                                 Row changes                                */
 	/* -------------------------------------------------------------------------- */
@@ -506,7 +506,6 @@ function DataGridSearchWrapper(props: DataGridWrapperProps) {
 		[]
 	);
 	React.useEffect(() => {
-		set_search('');
 		fn_eval(props.dataSource).then((r) => {
 			currentDS.current = typeof r === 'object' ? r.data || r : r;
 			searchIfNeeded();

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-export * from './src';
-import { AzGrid } from './src';
-export default AzGrid;

package/dist/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports.default = void 0;
-var _src = require("./src");
-Object.keys(_src).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _src[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _src[key];
-    }
-  });
-});
-var _default = _src.AzGrid;
-exports.default = _default;

package/dist/src/example.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export * from './views/DataGrid';
-export declare function ExampleGrid(): JSX.Element;
-export default ExampleGrid;

package/dist/src/example.js

@@ -1,175 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  ExampleGrid: true
-};
-exports.ExampleGrid = ExampleGrid;
-exports.default = void 0;
-var _DataGrid = _interopRequireWildcard(require("./views/DataGrid"));
-Object.keys(_DataGrid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DataGrid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DataGrid[key];
-    }
-  });
-});
-var _react = _interopRequireDefault(require("react"));
-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; }
-const columns = [{
-  name: 'name',
-  title: 'Name',
-  defaultFlex: 1
-}, {
-  name: 'job',
-  title: 'Job',
-  type: 'combo',
-  items: ['None', 'Engineer', 'Doctor'],
-  defaultFlex: 1
-}, {
-  name: 'age',
-  title: 'Age',
-  type: 'number',
-  defaultFlex: 1
-}];
-const editableColumns = ['job', 'age'];
-function getData(delta, max = 200) {
-  const fd = [];
-  console.log('Delta:', delta);
-  for (let index = 0; index < max; index++) {
-    const currentObject = {
-      __table_id: String(index),
-      name: 'user-' + index,
-      age: 20,
-      job: 'None'
-    };
-    if (delta[index] && typeof delta[index] === 'object') {
-      for (const key in delta[index]) {
-        currentObject[key] = delta[index][key];
-      }
-    }
-    const childrows = [];
-    if (index % 5 == 0) {
-      const sub_selfid = 's' + index;
-      childrows.push({
-        __table_id: sub_selfid,
-        __parent__table_id: String(index),
-        name: 'sub-' + index,
-        age: 20
-      });
-    }
-    currentObject['__children'] = childrows;
-    fd.push(currentObject);
-  }
-  return fd;
-}
-function ExampleGrid() {
-  const [ds_reset, set_ds_reset] = _react.default.useState(0);
-  const [delta, set_delta] = _react.default.useState({});
-  const [delayed_reload, set_delayed_reload] = _react.default.useState(false);
-  const dataSource = _react.default.useMemo(() => getData(delta), []);
-  // const dataSource = React.useCallback(
-  // 	async (dt) => {
-  // 		//console.log('Start loading');
-  // 		return await new Promise((resolve) => {
-  // 			setTimeout(() => {
-  // 				resolve(getData(delta));
-  // 			}, 1000);
-  // 		});
-  // 	},
-  // 	[ds_reset, delta]
-  // );
-  // const details_dataSource = React.useCallback(
-  // 	async (dt) => {
-  // 		//console.log('Start loading');
-  // 		return await new Promise((resolve) => {
-  // 			setTimeout(() => {
-  // 				resolve(getData(delta, 5));
-  // 			}, 1000);
-  // 		});
-  // 	},
-  // 	[ds_reset, delta]
-  // );
-  function onEditComplete(params) {
-    const {
-      value,
-      columnId,
-      rowId,
-      ...rest
-    } = params;
-    let new_rd = delta[rowId];
-    if (!new_rd) new_rd = {};
-    new_rd[columnId] = value;
-    set_delta(d => {
-      return {
-        ...d,
-        [rowId]: new_rd
-      };
-    });
-  }
-  const onRowDoubleClick = _react.default.useCallback((index, rowdata) => {
-    console.log('dbl', (rowdata === null || rowdata === void 0 ? void 0 : rowdata.data) || rowdata);
-  }, []);
-  const onRowClick = _react.default.useCallback((index, rowdata) => {
-    //console.log(rowdata?.data || rowdata);
-  }, []);
-  _react.default.useEffect(() => {
-    setTimeout(() => {
-      set_delayed_reload(true);
-    }, 2000);
-  }, []);
-  const customColumns = _react.default.useMemo(() => {
-    if (!delayed_reload) return [];
-    return [{
-      name: 'name',
-      render: r => r.value + '^'
-    }];
-  }, [delayed_reload]);
-  const contextMenuItems = _react.default.useCallback(product => {
-    return [{
-      type: 'text',
-      content: product.name
-    }];
-  }, []);
-  return _react.default.createElement(_DataGrid.default, {
-    delayedSize: true,
-    dark: true,
-    // details_dataSource={details_dataSource}
-    dataSource: dataSource,
-    details_columns: columns,
-    onRowClick: onRowClick,
-    onRowDoubleClick: onRowDoubleClick,
-    allowChildRows: true,
-    // onSelectionChange={onSelectionChange}
-    // selected={selected}
-    contextMenuItems: contextMenuItems,
-    customColumns: customColumns,
-    columns: columns,
-    editableColumns: editableColumns,
-    editable: true,
-    onEditComplete: onEditComplete,
-    advancedFilterFields: ['name'],
-    // leftColumns={leftColumns}
-    gridOptions: {
-      // defaultFilterValue: filterValue,
-      // remoteFilter: false,
-      // multiSelect: true,
-      // pagination: 'local',
-      // defaultLimit: 100,
-      // limit: 100,
-      // pageSizes: [100],
-      // rowIndexColumn: true,
-      // checkboxColumn: true,
-    }
-  });
-}
-var _default = ExampleGrid;
-exports.default = _default;

package/dist/src/func/func_child.d.ts

@@ -1,29 +0,0 @@
-type mrow = {
-    __parent__table_id: any;
-    __table_id: any;
-    __children?: any[];
-};
-export declare function fix_parent_child_relations<T extends mrow>(rows: T[]): T[];
-export declare class func_selection {
-    static getVirtualElement(x?: number, y?: number): {
-        getBoundingClientRect: () => {
-            width: number;
-            height: number;
-            top: number;
-            right: number;
-            bottom: number;
-            left: number;
-        };
-    };
-    static generateGetBoundingClientRect(x?: number, y?: number): () => {
-        width: number;
-        height: number;
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
-    static get_selectedText(): string;
-    static has_selection(): boolean;
-}
-export {};

package/dist/src/func/func_child.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fix_parent_child_relations = fix_parent_child_relations;
-exports.func_selection = void 0;
-function get_parentId(obj) {
-  return obj.__parent__table_id || obj.parent;
-}
-function get_selfId(obj) {
-  return obj.__table_id;
-}
-//given an array of rows, fixes parent,child relations
-function fix_parent_child_relations(rows) {
-  if (!Array.isArray(rows)) rows = [];
-  const anyparentid = rows.find(r => get_parentId(r));
-  const anyselfid = rows.find(r => get_selfId(r));
-  if (!anyparentid || !anyselfid) return rows;
-  const converted_rows = rows.filter(r => r != null).map(r => {
-    return {
-      parent: get_parentId(r),
-      self: get_selfId(r),
-      data: r
-    };
-  });
-  const top_level_rows = converted_rows.filter(r => !r.parent);
-  const any_child = converted_rows.find(r => Boolean(r.parent));
-  if (any_child) {
-    //find children of top-level parents:
-    for (let index = 0; index < top_level_rows.length; index++) {
-      const mrow = top_level_rows[index];
-      assign_children(mrow, converted_rows);
-    }
-  }
-  return top_level_rows.map(r => r.data);
-}
-function assign_children(row, all_rows) {
-  const my_children = all_rows.filter(s => row.self == s.parent);
-  if (my_children.length > 0) {
-    //find children of my children:
-    for (let index = 0; index < my_children.length; index++) {
-      const child = my_children[index];
-      assign_children(child, all_rows);
-    }
-    row.data.__children = my_children.map(r => r.data);
-  } else if (!Array.isArray(row.data.__children) || row.data.__children.length == 0) row.data.__children = undefined;
-}
-class func_selection {
-  static getVirtualElement(x = 0, y = 0) {
-    const boundsRect = func_selection.generateGetBoundingClientRect(x, y);
-    return {
-      getBoundingClientRect: boundsRect
-    };
-  }
-  static generateGetBoundingClientRect(x = 0, y = 0) {
-    return () => ({
-      width: 0,
-      height: 0,
-      top: y,
-      right: x,
-      bottom: y,
-      left: x
-    });
-  }
-  static get_selectedText() {
-    var text = '';
-    if (window.getSelection) {
-      var _window$getSelection;
-      text = (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.toString();
-    } else if (document.selection && document.selection.type != 'Control') {
-      var _document$selection$c;
-      text = (_document$selection$c = document.selection.createRange()) === null || _document$selection$c === void 0 ? void 0 : _document$selection$c.text;
-    }
-    return text || '';
-  }
-  static has_selection() {
-    const slct = window.getSelection();
-    if (slct == null) return false;
-    if (slct.type == null) return func_selection.get_selectedText().length !== 0;
-    if (slct.type === 'Range') return true;
-    return false;
-  }
-}
-exports.func_selection = func_selection;

package/dist/src/func/func_grid.d.ts

@@ -1,48 +0,0 @@
-import { ColumnDefinition } from '../views/DataGrid';
-export type MakeWriteable<Type> = {
-    -readonly [Key in keyof Type]: Type[Key];
-};
-export type ModifyFields<T, R> = Omit<T, keyof R> & R;
-export declare function ApplyDataSource(datasource: any, props: any): Promise<any>;
-/**
- * merges together all different props for columns
- * to build a single final column data array
- * @param column_data
- * @returns
- */
-export declare function ApplyColumnData(column_data: any): ColumnDefinition[];
-export declare function to_datasource(arr: any[], idProperty: string, valueAsID?: boolean): any[];
-/**
- * Gets name of a column from its column object
- * @param obj
- * @returns
- */
-export declare function get_col_name(obj: any): string;
-/**
- * Gets header of a column
- * @param obj
- * @returns
- */
-export declare function get_col_header(obj: any): string;
-/**
- * Gets name of a column from its column object
- * @param obj
- * @returns
- */
-export declare function get_row_id(obj: any): any;
-export declare function set_row_id(obj: any, val: undefined | string): any;
-/**
- * Gets default activation key for grid plugin
- * THIS KEY IS FOR DEBUGGING PURPOSE ONLY.
- * PROVIDE YOUR OWN KEY
- * @returns
- */
-export declare function get_default_key(): string;
-export declare function validateCache(current: any, old: any, looseCheck?: boolean): boolean;
-/**
- * find the real index of the given row data
- * sometimes when we scroll the rowData prop becomes invalid
- * but we can manually find the correct data by reading the id from clicked item's Html props
- * @param view
- */
-export declare function find_realData(alldata: any[], view: any, def?: undefined): any;