@insticc/react-datagrid-2 1.0.5 → 1.0.7

package/build/index.js

@@ -1,10 +1,6 @@
 "use strict";
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireWildcard(require("prop-types"));
 var _materialReactTable = require("material-react-table");
@@ -83,6 +79,16 @@ var DataGrid = function DataGrid(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     rowSelection = _useState2[0],
     setRowSelection = _useState2[1];
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    sorting = _useState6[0],
+    setSorting = _useState6[1];
+  //optionally access the underlying virtualizer instance
+  var rowVirtualizerInstanceRef = (0, _react.useRef)(null);
 
   // get the selected rows (if is a int that means that the row is selected if is a double that means that is a subrow) 
   // so if is a subrow we need to go to the parent row and get the id that is on the position after the . 
@@ -122,17 +128,6 @@ var DataGrid = function DataGrid(_ref) {
       }));
     }
   }, [rowSelection]);
-
-  //optionally access the underlying virtualizer instance
-  var rowVirtualizerInstanceRef = (0, _react.useRef)(null);
-  var _useState3 = (0, _react.useState)(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isLoading = _useState4[0],
-    setIsLoading = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    sorting = _useState6[0],
-    setSorting = _useState6[1];
   (0, _react.useEffect)(function () {
     if (typeof window !== 'undefined') {
       setIsLoading(false);
@@ -553,6 +548,12 @@ DataGrid.propTypes = {
   enableGlobalFilter: _propTypes["default"].bool,
   enableVirtualization: _propTypes["default"].bool
 };
+
+// export default DataGrid;
+module.exports = {
+  DataGrid: DataGrid
+};
+
 // DataGrid.defaultProps = {
 //   hasExcelExport: false,
 //   hasPdfExport: false,
@@ -565,103 +566,4 @@ DataGrid.propTypes = {
 //   pagination: 'both',
 //   itemsPerPage: [10, 15, 20, 25],
 //   rowHeight: 60,
-// };
-var _default = exports["default"] = DataGrid;
-/**
- * [ DataGrid Example ]
-import React from "react";
-import { Icon } from "semantic-ui-react";
-import DataGrid from "../../Components/DataGrid";
-class DataGridExample extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {};
-  }
-  // ... Omited code related to the data fetching
-  getActions = () => {
-    return [
-      {
-        name: "Edit",
-        onClick: this.editRow,
-        icon: <Icon name="edit"/>,
-        selectionMode: "multi",
-      },
-      {
-        name: "Delete",
-        onClick: this.deleteRow,
-        icon: require("../../images/trash.png"),
-        color: "red",
-        selectionMode: "single",
-        confirmMessage: "Are you sure you want to delete this row?",
-      },
-    ]
-  }
-  createColumns = () => {
-    return [
-      {
-        accessorKey: 'id',
-        header: 'ID',
-        size: 350,
-        enableClickToCopy: true,
-        Cell: ({ renderedCellValue }) => (
-          <span>
-            <Icon name="copy outline"/> {renderedCellValue}
-          </span>
-        ),
-      },
-      {
-        accessorKey: 'name',
-        header: 'Name',
-        size: 400,
-        filterFn: 'regex',
-      },
-      {
-        accessorKey: 'description',
-        header: 'Description',
-        enableResizing: false,
-      },
-      {
-        accessorKey: 'type',
-        header: 'Type',
-        enableColumnFilterModes: false,
-      },
-      {
-        accessorFn: (row) => `${row.senderContext} ${row.role} (${row.contextType})`,
-        header: 'Sender',
-        size: 300,
-      },
-    ]
-  }
-  getRows = () => {
-    const rows = this.props.data.map((rule) => {
-      return {
-        id: rule.idRule,
-        name: rule.name,
-        description: rule.description || 'N/A',
-        type: rule.RuleType.name,
-        senderContext: rule.Sender.context || '',
-        role: rule.Sender.role,
-        contextType: rule.ContextType.name,
-        context: rule.context,
-        conditions: rule.Conditions || [],
-        addressee: rule.addressee || '',
-        contact: rule.contactProperty || '',
-        createdAt: rule.createdAt || '',
-      }
-    })
-    return rows;
-  }
-  render() {
-    return (
-      <DataGrid
-        createRows={this.getRows()}
-        columns={this.createColumns()}
-        actions={this.getActions()}
-        rowHeight=90
-        hasExcelExport={true}
-        excelOption="all"
-      />
-    );
-  }
-}
- */
+// };

package/build/utils/filters.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.regexFilterTooltip = exports.logicalFilterTooltip = exports.logicalFilter = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _semanticUiReact = require("semantic-ui-react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var logicalFilter = exports.logicalFilter = function logicalFilter(row, id, filterValue) {
   var rowValue = row.getValue(id).toLowerCase();
   var contains = function contains(value, term) {
@@ -45,17 +47,17 @@ var logicalFilter = exports.logicalFilter = function logicalFilter(row, id, filt
   if (!parts) return false;
   return analyseParts(parts);
 };
-var logicalFilterTooltip = exports.logicalFilterTooltip = /*#__PURE__*/React.createElement("div", {
+var logicalFilterTooltip = exports.logicalFilterTooltip = /*#__PURE__*/_react["default"].createElement("div", {
   style: {
     display: 'flex',
     flexDirection: 'column',
     textAlign: 'start'
   }
-}, "This filter admits logical operators such as:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "'&&' (AND) "), /*#__PURE__*/React.createElement("li", null, "'||' (OR) "), /*#__PURE__*/React.createElement("li", null, "'~' (NOT) ")), /*#__PURE__*/React.createElement("br", null), "These operators can be combined.", /*#__PURE__*/React.createElement("br", null), "For example, 'John Doe && Smith || James' will return rows that have both 'John Doe' and 'Smith', or 'James'.");
-var regexFilterTooltip = exports.regexFilterTooltip = /*#__PURE__*/React.createElement("div", {
+}, "This filter admits logical operators such as:", /*#__PURE__*/_react["default"].createElement("ul", null, /*#__PURE__*/_react["default"].createElement("li", null, "'&&' (AND) "), /*#__PURE__*/_react["default"].createElement("li", null, "'||' (OR) "), /*#__PURE__*/_react["default"].createElement("li", null, "'~' (NOT) ")), /*#__PURE__*/_react["default"].createElement("br", null), "These operators can be combined.", /*#__PURE__*/_react["default"].createElement("br", null), "For example, 'John Doe && Smith || James' will return rows that have both 'John Doe' and 'Smith', or 'James'.");
+var regexFilterTooltip = exports.regexFilterTooltip = /*#__PURE__*/_react["default"].createElement("div", {
   style: {
     display: 'flex',
     flexDirection: 'column',
     textAlign: 'start'
   }
-}, "This filter enables the use of regular expression to search for patterns in the row data.", /*#__PURE__*/React.createElement("br", null), "For example, '^[A-Z]' will find entries that start with a capital letter.");
+}, "This filter enables the use of regular expression to search for patterns in the row data.", /*#__PURE__*/_react["default"].createElement("br", null), "For example, '^[A-Z]' will find entries that start with a capital letter.");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insticc/react-datagrid-2",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "",
   "main": "build/index.js",
   "scripts": {