@insticc/react-datagrid-2 1.0.17 → 1.0.18

package/package.json

@@ -1,39 +1,42 @@
-{
-  "name": "@insticc/react-datagrid-2",
-  "version": "1.0.17",
-  "description": "",
-  "main": "build/index.js",
-  "scripts": {
-    "build": "babel src -d build --copy-files"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://set1.insticc.org/Bonobo.Git.Server/React-Datagrid-2.git"
-  },
-  "author": "Bernardo Lagos",
-  "license": "ISC",
-  "dependencies": {
-    "@babel/cli": "^7.26.4",
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.26.3",
-    "@emotion/react": "11.11.4",
-    "@emotion/styled": "11.11.5",
-    "@mui/icons-material": "5.15.15",
-    "@mui/material": "5.15.15",
-    "@mui/styled-engine-sc": "^6.0.0",
-    "@mui/x-data-grid": "^7.1.0",
-    "@mui/x-date-pickers": "7.1.0",
-    "bootstrap": "^5.3.3",
-    "jspdf": "2.5.1",
-    "jspdf-autotable": "3.8.2",
-    "material-react-table": "2.12.1",
-    "prop-types": "^15.8.1",
-    "react": "18.2.0",
-    "react-bootstrap": "2.10.2",
-    "react-dom": "18.2.0",
-    "semantic-ui-css": "^2.5.0",
-    "semantic-ui-react": "2.1.5",
-    "xlsx": "0.18.5"
-  }
-}
+{
+  "name": "@insticc/react-datagrid-2",
+  "version": "1.0.18",
+  "description": "",
+  "main": "build/index.js",
+  "scripts": {
+    "build": "babel src -d build --copy-files"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://set1.insticc.org/Bonobo.Git.Server/React-Datagrid-2.git"
+  },
+  "author": "Bernardo Lagos",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "semantic-ui-react": "^2.1.5",
+    "react-bootstrap": "^2.10.2",
+    "semantic-ui-css": "^2.5.0",
+    "bootstrap": "^5.3.3",
+    "prop-types": "^15.6.1"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.26.4",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@mui/icons-material": "^5.15.15",
+    "@mui/x-data-grid": "^7.1.0",
+    "@mui/x-date-pickers": "^7.1.0",
+    "@mui/material": "^5.15.15",
+    "jspdf": "^2.5.1",
+    "jspdf-autotable": "^3.8.2",
+    "material-react-table": "^2.12.1",
+    "xlsx": "^0.18.5"
+  }
+}

package/build/ActionButton.js

@@ -1,201 +0,0 @@
-"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 = _interopRequireDefault(require("prop-types"));
-var _semanticUiReact = require("semantic-ui-react");
-var _material = require("@mui/material");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-var ActionButton = function ActionButton(_ref) {
-  var table = _ref.table,
-    name = _ref.name,
-    tooltip = _ref.tooltip,
-    onClick = _ref.onClick,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'blue' : _ref$color,
-    icon = _ref.icon,
-    _ref$selectionMode = _ref.selectionMode,
-    selectionMode = _ref$selectionMode === void 0 ? 'always' : _ref$selectionMode,
-    _ref$confirmMessage = _ref.confirmMessage,
-    confirmMessage = _ref$confirmMessage === void 0 ? 'Are you sure you want to perform this action?' : _ref$confirmMessage,
-    _ref$hasConfirmMessag = _ref.hasConfirmMessage,
-    hasConfirmMessage = _ref$hasConfirmMessag === void 0 ? true : _ref$hasConfirmMessag;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    enableConfirmMessage = _useState2[0],
-    setEnableConfirmMessage = _useState2[1];
-
-  /**
-   * Renders the action button icon.
-   * If `icon` is a string, it will render it as an image.
-   * Otherwise, it will render the provided React element.
-   * @returns the action button icon.
-   */
-  var renderIcon = function renderIcon() {
-    if (typeof icon === 'string') {
-      return /*#__PURE__*/_react["default"].createElement("img", {
-        src: icon,
-        alt: name,
-        color: color,
-        height: 15,
-        style: {
-          marginRight: '.2em'
-        }
-      });
-    } else {
-      return icon;
-    }
-  };
-
-  /**
-   * Determines if the action button should be disabled.
-   * The button will be disabled based on the selection mode provided and the number of selected rows.
-   * - `single`: The button is enabled only when exactly one row is selected.
-   * - `multi`: The button is enabled when one or more rows are selected.
-   * - `always`: The button is never disabled.
-   * @param {Object} table - The data grid table instance.
-   * @returns {boolean} `true` if the action button should be disabled; otherwise, `false`.
-   */
-  var shouldDisableActionButton = function shouldDisableActionButton(table) {
-    var selectedRowCount = table.getSelectedRowModel().flatRows.length;
-    if (selectionMode === 'single') {
-      return selectedRowCount !== 1;
-    } else if (selectionMode === 'multi') {
-      return selectedRowCount < 1;
-    } else {
-      return false;
-    }
-  };
-
-  /**
-   * Handles the confirmation action.
-   * If the confirmation message is enabled, it will close the confirmation window and proceed with the action.
-   */
-  var handleConfirm = function handleConfirm() {
-    setEnableConfirmMessage(false);
-    handleClick(table);
-  };
-
-  /**
-   * Executes the action associated with the button.
-   * It retrieves the selected rows based on the selection mode and passes them to the `onClick` callback.
-   * @param {Object} table - The data grid table instance.
-   */
-  var handleClick = function handleClick(table) {
-    var rows = getSelectedRows(table);
-    onClick(rows);
-  };
-
-  /**
-   * Retrieves the data of the selected rows based on the selection mode.
-   * - `single`: Returns the data of the first selected row.
-   * - `multi`: Returns the data of all selected rows.
-   * - `always`: Returns the data of all rows in the current view.
-   * @param {Object} table - The data grid table instance.
-   * @returns {Object|Array} The data of the selected rows.
-   */
-  var getSelectedRows = function getSelectedRows(table) {
-    var selectedRows = table.getSelectedRowModel().flatRows;
-    if (selectionMode === 'single') {
-      var _selectedRows$;
-      return (_selectedRows$ = selectedRows[0]) === null || _selectedRows$ === void 0 ? void 0 : _selectedRows$.original;
-    } else if (selectionMode === 'multi') {
-      return selectedRows.map(function (row) {
-        return row.original;
-      });
-    } else {
-      return table.getPrePaginationRowModel().rows.map(function (row) {
-        return row.original;
-      });
-    }
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-    title: tooltip || name,
-    arrow: true
-  }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
-    disabled: shouldDisableActionButton(table),
-    onClick: function onClick() {
-      return hasConfirmMessage ? setEnableConfirmMessage(true) : handleConfirm();
-    },
-    icon: renderIcon(),
-    content: name,
-    basic: true,
-    color: color,
-    style: {
-      display: 'flex',
-      height: '40px',
-      alignItems: 'center',
-      justifyContent: 'center'
-    }
-  }))), /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Confirm, {
-    style: {
-      height: 'fit-content',
-      textAlign: 'center',
-      top: 'auto',
-      right: 'auto',
-      left: 'auto',
-      bottom: 'auto',
-      fontSize: '14px'
-    },
-    open: enableConfirmMessage,
-    size: "mini",
-    content: confirmMessage,
-    cancelButton: /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
-      content: "No",
-      size: "small",
-      color: "red",
-      icon: "cancel"
-    }),
-    confirmButton: /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
-      content: "Yes",
-      size: "small",
-      color: "green",
-      icon: "check"
-    }),
-    onCancel: function onCancel() {
-      return setEnableConfirmMessage(false);
-    },
-    onConfirm: function onConfirm() {
-      return handleConfirm();
-    }
-  }));
-};
-ActionButton.propTypes = {
-  table: _propTypes["default"].object.isRequired,
-  // the data grid table
-  name: _propTypes["default"].string.isRequired,
-  // the name of the action button
-  tooltip: _propTypes["default"].string,
-  // the tooltip for the action button
-  onClick: _propTypes["default"].func.isRequired,
-  // the callback to be called when the action button is clicked
-  color: _propTypes["default"].oneOf(['blue', 'red', 'green', 'yellow', 'orange', 'black', 'grey', 'purple', 'teal', 'brown', 'violet', 'purple', 'olive', 'pink']),
-  // the color of the action button
-  icon: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]).isRequired,
-  // the action button icon
-  selectionMode: _propTypes["default"].oneOf(['single', 'multi', 'always']),
-  // the action button selection mode
-  confirmMessage: _propTypes["default"].string,
-  // the action confirming message
-  hasConfirmMessage: _propTypes["default"].bool // defines whether there is a confirm message for the action button
-};
-
-// ActionButton.defaultProps = {
-//   color: 'blue',
-//   selectionMode: 'always',
-//   confirmMessage: 'Are you sure you want to perform this action?',
-//   hasConfirmMessage: true,
-// }
-var _default = exports["default"] = ActionButton;

package/build/ColumnFilter.js

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _material = require("@mui/material");
-var _semanticUiReact = require("semantic-ui-react");
-var _reactBootstrap = require("react-bootstrap");
-var _filters = require("./utils/filters");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-var ColumnFilter = function ColumnFilter(props) {
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
-    key: "regex",
-    onClick: function onClick() {
-      return props.onSelectFilterMode('regex');
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      width: '100%'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '5px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    style: {
-      minWidth: '36px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("b", null, "(.*)")), /*#__PURE__*/_react["default"].createElement("span", null, "Regex")), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.OverlayTrigger, {
-    placement: "right-start",
-    key: "regex-tooltip",
-    overlay: /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Tooltip, {
-      id: "tooltip-regex",
-      style: {
-        zIndex: 99999
-      }
-    }, _filters.regexFilterTooltip)
-  }, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Icon, {
-    name: "info circle",
-    fitted: true
-  })))), /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
-    key: "logical",
-    onClick: function onClick() {
-      return props.onSelectFilterMode('logical');
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      justifyContent: 'space-between',
-      width: '100%'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '5px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    style: {
-      minWidth: '36px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("b", null, "\u03A8")), /*#__PURE__*/_react["default"].createElement("span", null, "Logical")), /*#__PURE__*/_react["default"].createElement(_reactBootstrap.OverlayTrigger, {
-    placement: "right-start",
-    key: "logical-tooltip",
-    overlay: /*#__PURE__*/_react["default"].createElement(_reactBootstrap.Tooltip, {
-      id: "tooltip-logical",
-      style: {
-        zIndex: 99999
-      }
-    }, _filters.logicalFilterTooltip)
-  }, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Icon, {
-    name: "info circle",
-    fitted: true
-  })))), /*#__PURE__*/_react["default"].createElement(_material.Divider, {
-    style: {
-      borderColor: 'rgba(0, 0, 0, 0.51)'
-    }
-  }), props.filterOptions.map(function (filter, index) {
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      key: filter.option
-    }, /*#__PURE__*/_react["default"].createElement(_material.MenuItem, {
-      onClick: function onClick() {
-        return props.onSelectFilterMode(filter.option);
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: 'flex',
-        gap: '5px'
-      }
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      style: {
-        minWidth: '36px'
-      }
-    }, /*#__PURE__*/_react["default"].createElement("b", null, filter.symbol)), /*#__PURE__*/_react["default"].createElement("span", null, filter.label))), filter.divider && /*#__PURE__*/_react["default"].createElement(_material.Divider, {
-      style: {
-        borderColor: 'rgba(0, 0, 0, 0.51)'
-      }
-    }));
-  }));
-};
-var _default = exports["default"] = ColumnFilter;

package/build/ExportActions.js

@@ -1,368 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _material = require("@mui/material");
-var _react = _interopRequireDefault(require("react"));
-var _semanticUiReact = require("semantic-ui-react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var XLSX = _interopRequireWildcard(require("xlsx"));
-var _jspdf = require("jspdf");
-var _jspdfAutotable = _interopRequireDefault(require("jspdf-autotable"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-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); }
-var ExportActions = function ExportActions(props) {
-  /**
-   * Exports the data grid data to an excel file.
-   * @returns Error if the data is invalid or empty.
-   */
-  var handleExcelExportData = function handleExcelExportData() {
-    var data = props.data;
-    if (!Array.isArray(data) || data.length === 0) {
-      console.log('Invalid data format or empty data array');
-      return;
-    }
-    var fieldNames = Object.keys(data[0]);
-    var dataArray = [fieldNames];
-    data.forEach(function (item) {
-      var rowData = [];
-      fieldNames.forEach(function (fieldName) {
-        var value = item[fieldName];
-        if (_typeof(value) === 'object' && value !== null) {
-          rowData.push(JSON.stringify(value));
-        } else {
-          rowData.push(value);
-        }
-      });
-      dataArray.push(rowData);
-    });
-    var worksheet = XLSX.utils.aoa_to_sheet(dataArray);
-    var workbook = XLSX.utils.book_new();
-    XLSX.utils.book_append_sheet(workbook, worksheet, 'All Data');
-    XLSX.writeFile(workbook, 'all_data.xlsx');
-  };
-
-  /**
-   * Exports the rows based on the type provided to an excel file.
-   * @param {Object|Array} rows - the rows to export.  
-   * @param {string} type - the type of export to be performed.
-   */
-  var handleExcelExportRows = function handleExcelExportRows(rows, type) {
-    var rowData = rows.map(function (row) {
-      return row._valuesCache;
-    });
-    var fileName = getFileNameByType(type);
-    var worksheet = XLSX.utils.json_to_sheet(rowData);
-    var workbook = XLSX.utils.book_new();
-    XLSX.utils.book_append_sheet(workbook, worksheet, 'Rows Data');
-    XLSX.writeFile(workbook, "".concat(fileName, ".xlsx"));
-  };
-
-  /**
-   * Exports the data grid data to a pdf file.
-   * @returns Error if the data is invalid or empty.
-   */
-  var handlePdfExportData = function handlePdfExportData() {
-    var data = props.data;
-    if (!Array.isArray(data) || data.length === 0) {
-      console.log('Invalid data format or empty data array');
-      return;
-    }
-    var doc = new _jspdf.jsPDF();
-    var fileName = getFileNameByType('all');
-    var tableData = data.map(function (item) {
-      return Object.values(item);
-    });
-    var tableHeaders = Object.keys(data[0]);
-    (0, _jspdfAutotable["default"])(doc, {
-      head: [tableHeaders],
-      body: tableData
-    });
-    doc.save("".concat(fileName, ".pdf"));
-  };
-
-  /**
-   * Exports the rows based on the type provided to a pdf file.
-   * @param {Object|Array} rows - the rows to export.  
-   * @param {string} type - the type of export to be performed.
-   */
-  // const handlePdfExportRows = (rows, type) => {
-  //   const doc = new jsPDF();
-  //   const fileName = getFileNameByType(type);
-  //   const tableData = rows.map((row) => Object.values(row.original));
-  //   const tableHeaders = props.columns.map((c) => c.header);
-
-  //   autoTable(doc, {
-  //     head: [tableHeaders],
-  //     body: tableData,
-  //   });
-
-  //   doc.save(`${fileName}.pdf`);
-  // }
-  var handlePdfExportRows = function handlePdfExportRows(rows, type) {
-    var doc = new _jspdf.jsPDF();
-    var fileName = getFileNameByType(type);
-    var tableData = rows.map(function (row) {
-      return Object.values(row.original);
-    });
-    var columnsToExport = ["templateCodeCustom", "subject", "body"];
-    // Get the column headers and data for the selected columns
-    // Iterate through the rows and format the data for the PDF
-    var pageWidth = doc.internal.pageSize.width; // Get page width
-    var pageHeight = doc.internal.pageSize.height; // Get page height
-    var margin = 5; // Set margin
-    var maxWidth = pageWidth - 2 * margin; // Calculate usable width
-    var fontSize = 8; // Set desired font size
-    var lineHeight = fontSize / 2; // Adjust line height based on font size
-
-    doc.setFontSize(fontSize); // Apply the font size globally
-
-    rows.forEach(function (row, rowIndex) {
-      if (rowIndex > 0) {
-        doc.addPage(); // Add a new page for every record except the first
-      }
-      var yPosition = margin; // Reset yPosition for each new page
-
-      columnsToExport.forEach(function (columnId) {
-        var value = row.original[columnId]; // Get the value of the column
-
-        if (columnId === "body") {
-          // Handle wrapping for 'body' column (longer text)
-          var wrappedText = doc.splitTextToSize(value, maxWidth); // Wrap text to fit
-
-          doc.text("".concat(columnId, ":"), margin, yPosition); // Print column label
-          yPosition += lineHeight; // Small gap after the label
-          doc.text(wrappedText, margin, yPosition); // Print wrapped text
-          yPosition += wrappedText.length * lineHeight; // Adjust Y position based on text length
-          doc.text("-------end of template-------", margin + 30, yPosition);
-        } else {
-          // Handle normal text for other columns
-          doc.text("".concat(columnId, ": ").concat(value), margin, yPosition);
-          yPosition += lineHeight; // Standard line spacing
-        }
-      });
-    });
-
-    // Save the PDF
-    //doc.save("exported-columns.pdf");
-
-    doc.save("".concat(fileName, ".pdf"));
-  };
-
-  /**
-   * Defines the export file name base on the export type.
-   * @param {string} type - the export type.
-   * @returns the export file name.
-   */
-  var getFileNameByType = function getFileNameByType(type) {
-    switch (type) {
-      case 'page':
-        return 'page_rows_data';
-      case 'all':
-        return 'all_rows_data';
-      case 'selected':
-        return 'selected_rows_data';
-      default:
-        return 'rows_data';
-    }
-  };
-
-  /**
-   * Renders the chosen excel export.
-   * @returns the excel export button element.
-   */
-  var getExcelExports = function getExcelExports() {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.excelOption === 'all' && /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-      title: "Export All Data to Excel",
-      arrow: true
-    }, /*#__PURE__*/_react["default"].createElement("span", {
-      style: {
-        height: '35px'
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
-      onClick: handleExcelExportData,
-      icon: /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Icon, {
-        name: "file excel"
-      }),
-      label: {
-        basic: true,
-        color: 'green',
-        content: "Export All Data",
-        style: 'height: 100%'
-      },
-      basic: true,
-      color: "green",
-      style: {
-        height: '40px'
-      }
-    }))), props.excelOption === 'allRows' && /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-      title: "Export All Rows to Excel",
-      arrow: true
-    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
-      disabled: props.table.getPrePaginationRowModel().rows.length === 0,
-      onClick: function onClick() {
-        return handleExcelExportRows(props.table.getPrePaginationRowModel().rows, 'all');
-      },
-      icon: "file excel",
-      label: {
-        basic: true,
-        color: 'green',
-        content: "Export All Rows"
-      },
-      basic: true,
-      color: "green",
-      style: {
-        height: '40px'
-      }
-    }))), props.excelOption === 'pageRows' && /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-      title: "Export Page Rows to Excel",
-      arrow: true
-    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
-      disabled: props.table.getRowModel().rows.length === 0,
-      onClick: function onClick() {
-        return handleExcelExportRows(props.table.getRowModel().rows, 'page');
-      },
-      icon: "file excel",
-      label: {
-        basic: true,
-        color: 'green',
-        content: "Export Page Rows"
-      },
-      basic: true,
-      color: "green",
-      style: {
-        height: '40px'
-      }
-    }))), props.excelOption === 'selectedRows' && /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-      title: "Export Selected Rows to Excel",
-      arrow: true
-    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
-      disabled: !props.table.getIsSomeRowsSelected() && !props.table.getIsAllRowsSelected(),
-      onClick: function onClick() {
-        return handleExcelExportRows(props.table.getSelectedRowModel().rows, 'selected');
-      },
-      icon: "file excel",
-      label: {
-        basic: true,
-        color: 'green',
-        content: "Export Selected Rows"
-      },
-      basic: true,
-      color: "green",
-      style: {
-        height: '40px'
-      }
-    }))));
-  };
-
-  /**
-   * Renders the chosen pdf export.
-   * @returns the excel pdf button element.
-   */
-  var getPdfExports = function getPdfExports() {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.pdfOption === 'all' && /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-      title: "Export All Data to PDF",
-      arrow: true
-    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
-      onClick: handlePdfExportData,
-      icon: /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Icon, {
-        name: "file pdf"
-      }),
-      label: {
-        basic: true,
-        color: 'red',
-        content: "Export All Data"
-      },
-      basic: true,
-      color: "red",
-      style: {
-        height: '40px'
-      }
-    }))), props.pdfOption === 'allRows' && /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-      title: "Export All Rows to PDF",
-      arrow: true
-    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
-      disabled: props.table.getPrePaginationRowModel().rows.length === 0,
-      onClick: function onClick() {
-        return handlePdfExportRows(props.table.getPrePaginationRowModel().rows, 'all');
-      },
-      icon: "file pdf",
-      label: {
-        basic: true,
-        color: 'red',
-        content: "Export All Rows"
-      },
-      basic: true,
-      color: "red",
-      style: {
-        height: '40px'
-      }
-    }))), props.pdfOption === 'pageRows' && /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-      title: "Export Page Rows to PDF",
-      arrow: true
-    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button, {
-      disabled: props.table.getRowModel().rows.length === 0,
-      onClick: function onClick() {
-        return handlePdfExportRows(props.table.getRowModel().rows, 'page');
-      },
-      icon: "file pdf",
-      label: {
-        basic: true,
-        color: 'red',
-        content: "Export Page Rows"
-      },
-      basic: true,
-      color: "red",
-      style: {
-        height: '40px'
-      }
-    }))), props.pdfOption === 'selectedRows' && /*#__PURE__*/_react["default"].createElement(_material.Tooltip, {
-      title: "Export Selected Rows to PDF",
-      arrow: true
-    }, /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_semanticUiReact.Button
-    // disabled={!props.table.getIsSomeRowsSelected() && !props.table.getIsAllRowsSelected()}
-    , {
-      onClick: function onClick() {
-        return handlePdfExportRows(props.table.getSelectedRowModel().rows, 'selected');
-      },
-      icon: "file pdf",
-      label: {
-        basic: true,
-        color: 'red',
-        content: "Export Selected Rows"
-      },
-      basic: true,
-      color: "red",
-      style: {
-        height: '40px'
-      }
-    }))));
-  };
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'flex',
-      flexDirection: 'row',
-      gap: '.5em'
-    }
-  }, props.hasExcelExport && getExcelExports(), props.hasPdfExport && getPdfExports());
-};
-ExportActions.propTypes = {
-  hasExcelExport: _propTypes["default"].bool.isRequired,
-  // defines whether the excel export should be shown
-  hasPdfExport: _propTypes["default"].bool.isRequired,
-  // defines whether the pdf export should be shown
-  excelOption: _propTypes["default"].string.isRequired,
-  // defines the excel export option
-  pdfOption: _propTypes["default"].string.isRequired,
-  // defines the pdf export option
-  table: _propTypes["default"].object.isRequired,
-  // the data grid table
-  data: _propTypes["default"].array.isRequired,
-  // the data grid data
-  columns: _propTypes["default"].array.isRequired // the data grid columns
-};
-var _default = exports["default"] = ExportActions;

package/build/styles/styles.css

@@ -1,15 +0,0 @@
-.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); */
-}

package/build/utils/filters.js

@@ -1,63 +0,0 @@
-"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.");