@azrico/reactgrid 1.2.1 → 1.2.2

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,150 +1,113 @@
-"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: 'Category',
-  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) {
-  const fd = [];
-  console.log('Delta:', delta);
-  for (let index = 0; index < 200; 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];
-      }
-    }
-    fd.push(currentObject);
-    //if (index % 5 == 0) {
-    //	const sub_selfid = 's' + index;
-    //	fd.push({
-    //		__table_id: sub_selfid,
-    //		__parent__table_id: String(index),
-    //		name: 'sub-' + index,
-    //		age: 20,
-    //	});
-    //	if (index % 2 == 0) {
-    //		const sub2_selfid = 'ss' + index;
-    //		fd.push({
-    //			__table_id: sub2_selfid,
-    //			__parent__table_id: sub_selfid,
-    //			name: 'sub2-' + index,
-    //			age: 20,
-    //		});
-    //	}
-    //}
-  }
-
-  return fd;
-}
-function ExampleGrid() {
-  const [ds_reset, set_ds_reset] = _react.default.useState(0);
-  const [delta, set_delta] = _react.default.useState({});
-  const dataSource = _react.default.useCallback(async dt => {
-    //console.log('Start loading');
-    return await new Promise(resolve => {
-      setTimeout(() => {
-        resolve(getData(delta));
-      }, 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);
-  }, []);
-  function rst_ds() {
-    //console.log('rst_ds');
-    set_ds_reset(s => s + 1);
-  }
-  return _react.default.createElement(_DataGrid.default, {
-    dark: true,
-    delayedSize: true,
-    onRowClick: onRowClick,
-    onRowDoubleClick: onRowDoubleClick,
-    // allowChildRows
-    // 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: 'Category',
+        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) {
+    const fd = [];
+    console.log('Delta:', delta);
+    for (let index = 0; index < 200; 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];
+            }
+        }
+        fd.push(currentObject);
+        //if (index % 5 == 0) {
+        //	const sub_selfid = 's' + index;
+        //	fd.push({
+        //		__table_id: sub_selfid,
+        //		__parent__table_id: String(index),
+        //		name: 'sub-' + index,
+        //		age: 20,
+        //	});
+        //	if (index % 2 == 0) {
+        //		const sub2_selfid = 'ss' + index;
+        //		fd.push({
+        //			__table_id: sub2_selfid,
+        //			__parent__table_id: sub_selfid,
+        //			name: 'sub2-' + index,
+        //			age: 20,
+        //		});
+        //	}
+        //}
+    }
+    return fd;
+}
+export function ExampleGrid() {
+    const [ds_reset, set_ds_reset] = React.useState(0);
+    const [delta, set_delta] = React.useState({});
+    const dataSource = React.useCallback(async (dt) => {
+        //console.log('Start loading');
+        return await new Promise((resolve) => {
+            setTimeout(() => {
+                resolve(getData(delta));
+            }, 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);
+    }, []);
+    function rst_ds() {
+        //console.log('rst_ds');
+        set_ds_reset((s) => s + 1);
+    }
+    return (React.createElement(AzGrid, { dark: true, delayedSize: true, onRowClick: onRowClick, onRowDoubleClick: onRowDoubleClick, 
+        // allowChildRows
+        // 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/helpers.js

@@ -1,80 +1,75 @@
-"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 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);
-  //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);
-  }
-  const result = top_level_rows.map(r => r.data);
-  //console.log(result);
-  return result;
-}
-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 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);
+    //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);
+    }
+    const result = top_level_rows.map((r) => r.data);
+    //console.log(result);
+    return result;
+}
+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;
+    }
+}

package/dist/src/index.js

@@ -1,25 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-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];
-    }
-  });
-});
-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; // const root = ReactDOM.createRoot(document.getElementById('testroot') as HTMLElement);
-// root.render(<ExampleGrid />);
-exports.default = _default;
+export * from './views/DataGrid';
+import AzGrid from './views/DataGrid';
+// import ExampleGrid from './example';
+// import React from 'react';
+// import ReactDOM from 'react-dom/client';
+/* -------------------------------------------------------------------------- */
+export default AzGrid;
+// const root = ReactDOM.createRoot(document.getElementById('testroot') as HTMLElement);
+// root.render(<ExampleGrid />);

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

@@ -44,7 +44,7 @@ export type AzGridProps = {
     leftColumns?: string[];
     rightColumns?: string[];
     customColumns?: customColumnData[];
-    contextMenuItems?: ConvertableToMenuItem[];
+    contextMenuItems?: ConvertableToMenuItem | ConvertableToMenuItem[];
     highlightedRow?: any;
     RowDetail?: RowDetailsFunc;
     selected?: RowSelectionValue;