@insticc/react-datagrid-2 1.1.9 → 1.1.11

package/build/wrapper/ExportActions.js

@@ -1,374 +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 columns = props.table.getAllFlatColumns();
-    var columnsToExport = [];
-    columns.forEach(function (col) {
-      if (col.id !== 'mrt-row-expand' || col.id !== 'mrt-row-expand') {
-        columnsToExport.push(col.id);
-      }
-    });
-    // 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;