@azrico/reactgrid 1.2.35 → 1.2.37

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.2.37](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.10...v1.2.37) (2023-07-09)
+
+
+### Features
+
+* editable can be a function ([6ea857e](https://github.com/Azrideus/azrico-reactgrid/commit/6ea857e4f403d2a334dc5e74065f6b8033277ca4))
+
+
+### Bug Fixes
+
+* DataGridDelayedSizeWrapper actual delayed ([2ddfd2f](https://github.com/Azrideus/azrico-reactgrid/commit/2ddfd2fb58c90bd906e1330f22f0ef7468d34afb))
+* onCellSelectionChange ([95c8f54](https://github.com/Azrideus/azrico-reactgrid/commit/95c8f540e94dde0c7e245fb29fb6afc7172957ec))
+* styling ([9018f75](https://github.com/Azrideus/azrico-reactgrid/commit/9018f7593e253720f751f52855a2d956dfc578ed))
+
+### [1.2.36](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.10...v1.2.36) (2023-07-09)
+
+
+### Features
+
+* editable can be a function ([6ea857e](https://github.com/Azrideus/azrico-reactgrid/commit/6ea857e4f403d2a334dc5e74065f6b8033277ca4))
+
+
+### Bug Fixes
+
+* DataGridDelayedSizeWrapper actual delayed ([2ddfd2f](https://github.com/Azrideus/azrico-reactgrid/commit/2ddfd2fb58c90bd906e1330f22f0ef7468d34afb))
+* onCellSelectionChange ([95c8f54](https://github.com/Azrideus/azrico-reactgrid/commit/95c8f540e94dde0c7e245fb29fb6afc7172957ec))
+* styling ([9018f75](https://github.com/Azrideus/azrico-reactgrid/commit/9018f7593e253720f751f52855a2d956dfc578ed))
+
 ### [1.2.35](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.10...v1.2.35) (2023-07-09)
 
 

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,3 +1,21 @@
-export * from './src';
-import { AzGrid } from './src';
-export default AzGrid;
+"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 +1,4 @@
-export * from './views/DataGrid';
-import React from 'react';
-export declare function ExampleGrid(): React.JSX.Element;
-export default ExampleGrid;
+export * from './views/DataGrid';
+import React from 'react';
+export declare function ExampleGrid(): React.JSX.Element;
+export default ExampleGrid;

package/dist/src/example.js

@@ -1,118 +1,161 @@
-export * from './views/DataGrid';
-import AzGrid from './views/DataGrid';
-import React from 'react';
-const columns = [
-    {
-        name: 'name',
-        title: 'Name',
-        defaultFlex: 1,
-    },
-    {
-        name: 'job',
-        title: 'Job',
-        type: 'combo',
-        items: ['None', 'Engineer', 'Doctor'],
-        defaultFlex: 1,
-    },
-    {
-        name: 'age',
-        title: 'Age',
-        defaultFlex: 1,
-    },
-];
+"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',
+  defaultFlex: 1
+}];
 const editableColumns = ['job', 'age'];
 const contextMenuItems = ['test'];
 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);
+  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];
+      }
     }
-    return fd;
-}
-export function ExampleGrid() {
-    const [ds_reset, set_ds_reset] = React.useState(0);
-    const [delta, set_delta] = React.useState({});
-    const [delayed_reload, set_delayed_reload] = React.useState(false);
-    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 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
+      });
     }
-    const onRowDoubleClick = React.useCallback((index, rowdata) => {
-        console.log('dbl', rowdata?.data || rowdata);
-    }, []);
-    const onRowClick = React.useCallback((index, rowdata) => {
-        //console.log(rowdata?.data || rowdata);
-    }, []);
-    React.useEffect(() => {
-        setTimeout(() => {
-            set_delayed_reload(true);
-        }, 2000);
-    }, []);
-    const customColumns = React.useMemo(() => {
-        if (!delayed_reload)
-            return [];
-        return [{ name: 'name', render: (r) => r.value + '^' }];
-    }, [delayed_reload]);
-    return (React.createElement(AzGrid, { dark: true, delayedSize: true, details_dataSource: details_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, 
-        // leftColumns={leftColumns}
-        gridOptions: {
-        // defaultFilterValue: filterValue,
-        // remoteFilter: false,
-        // multiSelect: true,
-        // pagination: 'local',
-        // defaultLimit: 100,
-        // limit: 100,
-        // pageSizes: [100],
-        // rowIndexColumn: true,
-        // checkboxColumn: true,
-        }, dataSource: dataSource }));
+    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.useCallback(async dt => {
+    //console.log('Start loading');
+    return await new Promise(resolve => {
+      setTimeout(() => {
+        resolve(getData(delta));
+      }, 1000);
+    });
+  }, [ds_reset, delta]);
+  const details_dataSource = _react.default.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]);
+  return _react.default.createElement(_DataGrid.default, {
+    dark: true,
+    delayedSize: true,
+    details_dataSource: details_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,
+    // leftColumns={leftColumns}
+    gridOptions: {
+      // defaultFilterValue: filterValue,
+      // remoteFilter: false,
+      // multiSelect: true,
+      // pagination: 'local',
+      // defaultLimit: 100,
+      // limit: 100,
+      // pageSizes: [100],
+      // rowIndexColumn: true,
+      // checkboxColumn: true,
+    },
+    dataSource: dataSource
+  });
 }
-export default ExampleGrid;
+var _default = ExampleGrid;
+exports.default = _default;

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

@@ -1,29 +1,29 @@
-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 {};
+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,82 +1,85 @@
+"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;
+  return obj.__parent__table_id || obj.parent;
 }
 function get_selfId(obj) {
-    return obj.__table_id;
+  return obj.__table_id;
 }
 //given an array of rows, fixes parent,child relations
-export 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);
-        }
+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);
+  }
+  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);
+  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);
     }
-    else if (!Array.isArray(row.data.__children) || row.data.__children.length == 0)
-        row.data.__children = undefined;
+    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;
 }
-export 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) {
-            text = window.getSelection()?.toString();
-        }
-        else if (document.selection &&
-            document.selection.type != 'Control') {
-            text = document.selection.createRange()?.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;
+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,39 +1,39 @@
-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
- * @returns
- */
-export declare function get_default_key(): string;
-export declare function validateCache(current: any, old: any, looseCheck?: boolean): boolean;
+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
+ * @returns
+ */
+export declare function get_default_key(): string;
+export declare function validateCache(current: any, old: any, looseCheck?: boolean): boolean;