@insticc/react-datagrid-2 1.1.11 → 1.1.12

package/build/wrapper/styles/styles.css

@@ -0,0 +1,31 @@
+.clearFilter {
+  background-color: #ffb66c; 
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  padding: 5px;
+  border-radius: .28571429rem;
+  transition: opacity 0.2s ease;
+  /* box-shadow: 0 0 0 1px rgb(253, 175, 27); */
+}
+
+.clearFilter:hover {
+  background-color: #ff8c18;
+  /* box-shadow: 0 0 0 1px rgb(206, 145, 0); */
+}
+
+.fixed-position {
+  position: fixed !important;
+  z-Index: 99 !important;
+  width: calc(100% - 50px) !important;
+  background-color: white !important;
+  top: 0 !important;
+}
+
+.fixed-actions {
+  position: fixed !important;
+  z-Index: 99 !important;
+  width: calc(100% - 50px) !important;
+  background-color: white !important;
+  top: 70px !important;
+}

package/build/wrapper/utils/GridHelper.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _semanticUiReact = require("semantic-ui-react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var GridHelper = function GridHelper(_ref) {
+  var open = _ref.open,
+    content = _ref.content,
+    onClose = _ref.onClose,
+    title = _ref.title;
+  return /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Modal, {
+    open: open,
+    centered: true,
+    style: {
+      top: 'auto',
+      right: 'auto',
+      left: 'auto',
+      bottom: 'auto',
+      height: 'fit-content'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Modal.Header, null, title), /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Modal.Content, null, content), /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Modal.Actions, null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
+    primary: true,
+    onClick: onClose
+  }, "Close")));
+};
+var _default = exports["default"] = GridHelper;

package/build/wrapper/utils/filters.js

@@ -0,0 +1,63 @@
+"use strict";
+
+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) {
+    return value.includes(term.toLowerCase());
+  };
+  var parseFilter = function parseFilter(filter) {
+    var regex = /(\w+|\&\&|\|\||\~)/g;
+    return filter.match(regex);
+  };
+  var analyseParts = function analyseParts(parts) {
+    var result = null;
+    var currentOperator = null;
+    if (parts.includes('&&') || parts.includes('||') || parts.includes('~')) {
+      parts.forEach(function (p) {
+        if (p === '&&' || p === '||' || p === '~') {
+          currentOperator = p;
+        } else {
+          if (currentOperator === '&&') {
+            result = result && contains(rowValue, p);
+            currentOperator = null;
+          } else if (currentOperator === '||') {
+            result = result || contains(rowValue, p);
+            currentOperator = null;
+          } else if (currentOperator === '~') {
+            result = result ? result && !contains(rowValue, p) : !contains(rowValue, p);
+            currentOperator = null;
+          } else {
+            result = contains(rowValue, p);
+          }
+        }
+      });
+    } else {
+      result = rowValue.includes(filterValue.toLowerCase());
+    }
+    return result;
+  };
+  var parts = parseFilter(filterValue);
+  if (!parts) return false;
+  return analyseParts(parts);
+};
+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["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["default"].createElement("br", null), "For example, '^[A-Z]' will find entries that start with a capital letter.");

package/build/wrapper/utils/gridFixedHeader.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = gridFixedHeader;
+/**
+ * Makes a MUI-DataGrid header – and optionally its toolbar – stick to the top
+ * once the page is scrolled past a given point.
+ *
+ * @param {string|null} referenceDiv – id of a wrapper element whose top edge defines the sticky offset.
+ * @param {boolean} fixedGridActions – if true, also pin the toolbar (class "Mui-ToolbarDropZone").
+ *
+ * @returns {Function} cleanup – call if you need to remove the scroll listener.
+ */
+function gridFixedHeader(referenceDiv) {
+  var fixedGridActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var cssClassName = 'fixed-position';
+  var gridHeaderRowClassName = 'grid-sticky-header';
+  var cssActionsClassName = 'fixed-actions';
+  var gridToolbarClassName = 'grid-sticky-actions';
+  var handleScroll = function handleScroll() {
+    var _refEl$getBoundingCli;
+    var refEl = referenceDiv ? document.getElementById(referenceDiv) : null;
+    var headerEl = (refEl !== null && refEl !== void 0 ? refEl : document).getElementsByClassName(gridHeaderRowClassName)[0];
+    var toolbarEl = fixedGridActions ? (refEl !== null && refEl !== void 0 ? refEl : document).getElementsByClassName(gridToolbarClassName)[0] : null;
+    if (!headerEl) return;
+    var offset = referenceDiv ? window.scrollY + ((_refEl$getBoundingCli = refEl === null || refEl === void 0 ? void 0 : refEl.getBoundingClientRect().top) !== null && _refEl$getBoundingCli !== void 0 ? _refEl$getBoundingCli : 0) : 270;
+    if (window.scrollY > offset) {
+      headerEl.classList.add(cssClassName);
+      toolbarEl === null || toolbarEl === void 0 || toolbarEl.classList.add(cssActionsClassName);
+      var spacer = ((toolbarEl === null || toolbarEl === void 0 ? void 0 : toolbarEl.offsetHeight) || 0) + ((headerEl === null || headerEl === void 0 ? void 0 : headerEl.offsetHeight) || 0);
+      (refEl !== null && refEl !== void 0 ? refEl : document.body).style.paddingTop = "".concat(spacer, "px");
+    } else {
+      headerEl.classList.remove(cssClassName);
+      toolbarEl === null || toolbarEl === void 0 || toolbarEl.classList.remove(cssActionsClassName);
+      (refEl !== null && refEl !== void 0 ? refEl : document.body).style.paddingTop = '';
+    }
+  };
+  window.addEventListener('scroll', handleScroll, {
+    passive: true
+  });
+  handleScroll();
+  return function () {
+    return window.removeEventListener('scroll', handleScroll);
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insticc/react-datagrid-2",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "",
   "main": "build/index.js",
   "scripts": {
@@ -35,6 +35,7 @@
     "@mui/styled-engine-sc": "^6.0.0-alpha.18",
     "@mui/x-data-grid": "^7.1.0",
     "@mui/x-date-pickers": "^7.1.0",
+    "babel": "^6.23.0",
     "bootstrap": "^5.3.3",
     "date-fns": "^2.29.3",
     "jspdf": "^2.5.1",