@azrico/reactgrid 1.2.13 → 1.2.14

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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.14](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.13...v1.2.14) (2023-04-01)
+
 ### [1.2.13](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.12...v1.2.13) (2023-04-01)
 
 ### [1.2.12](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.11...v1.2.12) (2023-03-31)

package/dist/index.js

@@ -1,21 +1,3 @@
-"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;
+export * from './src';
+import { AzGrid } from './src';
+export default AzGrid;

package/dist/src/example.js

@@ -1,161 +1,118 @@
-"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);
-  }
-  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
-  });
-}
-var _default = ExampleGrid;
-exports.default = _default;
+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,
+    },
+];
+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);
+    }
+    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 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 }));
+}
+export default ExampleGrid;

package/dist/src/func/func_child.js

@@ -1,84 +1,81 @@
-"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) {
-    return () => ({
-      getBoundingClientRect: func_selection.generateGetBoundingClientRect(x, y)
-    });
-  }
-  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;
+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
+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);
+        }
+    }
+    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;
+}
+export class func_selection {
+    static getVirtualElement(x = 0, y = 0) {
+        return () => ({
+            getBoundingClientRect: func_selection.generateGetBoundingClientRect(x, y),
+        });
+    }
+    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;
+    }
+}