icleafreportui 0.1.6 → 0.1.7

package/dist/Reports/ExamPackReport.js

@@ -1,34 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _axios = _interopRequireDefault(require("axios"));
-var _material = require("@mui/material");
-var _reactRouterDom = require("react-router-dom");
-var _Header = _interopRequireDefault(require("../components/Header"));
-var _sidebar = _interopRequireDefault(require("../components/sidebar"));
-require("../App.css");
-var _Backdrop = _interopRequireDefault(require("@mui/material/Backdrop"));
-var _xDataGrid = require("@mui/x-data-grid");
-var _FileDownloadOutlined = _interopRequireDefault(require("@mui/icons-material/FileDownloadOutlined"));
-var _SearchOutlined = _interopRequireDefault(require("@mui/icons-material/SearchOutlined"));
-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 (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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useState, useEffect, useRef } from 'react';
+import axios from 'axios';
+import { Autocomplete, FormControl, Button, Grid, Box, Typography, Paper, Snackbar, Alert, CircularProgress, TextField, Checkbox, InputAdornment } from '@mui/material';
+import { useNavigate } from 'react-router-dom';
+import Header from '../components/Header';
+import Sidebar from '../components/sidebar';
+import '../App.css';
+import Backdrop from '@mui/material/Backdrop';
+import { DataGrid } from '@mui/x-data-grid';
+import FileDownloadOutlinedIcon from '@mui/icons-material/FileDownloadOutlined';
+import SearchOutlinedIcon from '@mui/icons-material/SearchOutlined';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function ExamPackReport() {
-  const [token] = (0, _react.useState)(localStorage.getItem("token"));
-  const navigate = (0, _reactRouterDom.useNavigate)();
-  const [subjects, setSubjects] = (0, _react.useState)([]);
-  const [courses, setCourses] = (0, _react.useState)([]);
-  const [selectedSubject, setSelectedSubject] = (0, _react.useState)(null);
-  const [selectedCourse, setSelectedCourse] = (0, _react.useState)(null);
-  const [alertMessage, setAlertMessage] = (0, _react.useState)('');
-  const [loading, setLoading] = (0, _react.useState)(false);
-  const [alertOpen, setAlertOpen] = (0, _react.useState)(false);
+  const [token] = useState(localStorage.getItem("token"));
+  const navigate = useNavigate();
+  const [subjects, setSubjects] = useState([]);
+  const [courses, setCourses] = useState([]);
+  const [selectedSubject, setSelectedSubject] = useState(null);
+  const [selectedCourse, setSelectedCourse] = useState(null);
+  const [alertMessage, setAlertMessage] = useState('');
+  const [loading, setLoading] = useState(false);
+  const [alertOpen, setAlertOpen] = useState(false);
   const reportType = [{
     value: "Batch Wise",
     label: "Batch Wise"
@@ -36,16 +27,16 @@ function ExamPackReport() {
     value: "User Wise",
     label: "User Wise"
   }];
-  const [selectedReportType, setSelectedReportType] = (0, _react.useState)(null);
-  const [columns, setColumns] = (0, _react.useState)(null);
-  const [rows, setRows] = (0, _react.useState)([]);
-  const [tableShow, setTableShow] = (0, _react.useState)(false);
-  const [multiLoading, setMultiLoading] = (0, _react.useState)(false);
-  const [userSelect, setUserSelect] = (0, _react.useState)(false);
-  const [selectedUserList, setSelectedUserList] = (0, _react.useState)([]);
+  const [selectedReportType, setSelectedReportType] = useState(null);
+  const [columns, setColumns] = useState(null);
+  const [rows, setRows] = useState([]);
+  const [tableShow, setTableShow] = useState(false);
+  const [multiLoading, setMultiLoading] = useState(false);
+  const [userSelect, setUserSelect] = useState(false);
+  const [selectedUserList, setSelectedUserList] = useState([]);
   const baseURL = process.env.REACT_APP_BASE_URL;
-  const [tableKey, setTableKey] = (0, _react.useState)(0);
-  const [searchQuery, setSearchQuery] = (0, _react.useState)("");
+  const [tableKey, setTableKey] = useState(0);
+  const [searchQuery, setSearchQuery] = useState("");
   const filteredRows = userSelect ? rows.filter(row => {
     const searchTerms = searchQuery.split(',').map(term => term.trim().toLowerCase()).filter(term => term.length > 0);
     if (searchTerms.length === 0) return true;
@@ -77,12 +68,13 @@ function ExamPackReport() {
     width: 170,
     renderCell: params => {
       const isActive = params.value; // Assuming it's a boolean (true/false)
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return /*#__PURE__*/_jsx("span", {
         style: {
           color: isActive ? 'green' : 'red',
           fontWeight: 'bold'
-        }
-      }, isActive ? 'Active' : 'Inactive');
+        },
+        children: isActive ? 'Active' : 'Inactive'
+      });
     }
   }, {
     field: 'dailyProgressMail',
@@ -90,19 +82,20 @@ function ExamPackReport() {
     width: 130,
     renderCell: params => {
       const isActive = params.value;
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return /*#__PURE__*/_jsx("span", {
         style: {
           color: isActive ? 'green' : 'red',
           fontWeight: 'bold'
-        }
-      }, isActive ? 'Active' : 'Inactive');
+        },
+        children: isActive ? 'Active' : 'Inactive'
+      });
     }
   }, {
     field: "report",
     headerName: "Report",
     sortable: false,
     width: 70,
-    renderCell: params => /*#__PURE__*/_react.default.createElement(_FileDownloadOutlined.default, {
+    renderCell: params => /*#__PURE__*/_jsx(FileDownloadOutlinedIcon, {
       onClick: () => handleDownloadBatchReport(params.row),
       fontSize: "small",
       style: {
@@ -126,19 +119,20 @@ function ExamPackReport() {
     width: 200,
     renderCell: params => {
       const isActive = params.value;
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return /*#__PURE__*/_jsx("span", {
         style: {
           color: isActive ? 'green' : 'red',
           fontWeight: 'bold'
-        }
-      }, isActive ? 'User' : '');
+        },
+        children: isActive ? 'User' : ''
+      });
     }
   }, {
     field: "report",
     headerName: "Report",
     sortable: false,
     width: 70,
-    renderCell: params => /*#__PURE__*/_react.default.createElement(_FileDownloadOutlined.default, {
+    renderCell: params => /*#__PURE__*/_jsx(FileDownloadOutlinedIcon, {
       onClick: () => handleDownloadSingleUserReport(params.row),
       fontSize: "small",
       style: {
@@ -146,7 +140,7 @@ function ExamPackReport() {
       }
     })
   }];
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (token == null) {
       navigate("/login");
     } else {
@@ -155,7 +149,7 @@ function ExamPackReport() {
   }, []);
   const fetchAllSubjects = async () => {
     try {
-      const response = await (0, _axios.default)({
+      const response = await axios({
         method: "get",
         url: `${baseURL}api/showAllSubjects`,
         headers: {
@@ -169,7 +163,7 @@ function ExamPackReport() {
   };
   const fetchCourses = async subjectId => {
     try {
-      const response = await (0, _axios.default)({
+      const response = await axios({
         method: "get",
         params: {
           subjectId
@@ -217,7 +211,7 @@ function ExamPackReport() {
   const getBatchWiseList = async () => {
     setLoading(true);
     try {
-      const response = await _axios.default.get(`${baseURL}api/getCorpCourseBatches?subjectId=${selectedSubject.subjectId}&corpCourseId=${selectedCourse.id}`, {
+      const response = await axios.get(`${baseURL}api/getCorpCourseBatches?subjectId=${selectedSubject.subjectId}&corpCourseId=${selectedCourse.id}`, {
         headers: {
           Authorization: `Bearer ${token}`
         }
@@ -243,7 +237,7 @@ function ExamPackReport() {
   const getUserWiseList = async () => {
     setLoading(true);
     try {
-      const response = await _axios.default.get(`${baseURL}api/getCorpCourseUsers?subjectId=${selectedSubject.subjectId}&corpCourseId=${selectedCourse.id}`, {
+      const response = await axios.get(`${baseURL}api/getCorpCourseUsers?subjectId=${selectedSubject.subjectId}&corpCourseId=${selectedCourse.id}`, {
         headers: {
           Authorization: `Bearer ${token}`
         }
@@ -274,7 +268,7 @@ function ExamPackReport() {
     try {
       let url;
       url = `${baseURL}api/downloadCourseAndBatchWiseReport?subjectId=${selectedSubject.subjectId}&corpCourseId=${selectedCourse.id}&batchId=${item.id}`;
-      const response = await _axios.default.post(url, {}, {
+      const response = await axios.post(url, {}, {
         responseType: 'blob',
         headers: {
           Authorization: `Bearer ${token}`
@@ -311,7 +305,7 @@ function ExamPackReport() {
     try {
       let url;
       url = `${baseURL}api/downloadExamPackReportByCourse?userId=${item.id}&corpCourseId=${selectedCourse.id}&subjectId=${selectedSubject.subjectId}`;
-      const response = await _axios.default.get(url, {
+      const response = await axios.get(url, {
         responseType: 'blob',
         headers: {
           Authorization: `Bearer ${token}`
@@ -349,7 +343,7 @@ function ExamPackReport() {
     try {
       let url;
       url = `${baseURL}api/downloadExamPacksAndUserIdsReport?subjectId=${selectedSubject.subjectId}&corpCourseId=${selectedCourse.id}`;
-      const response = await _axios.default.post(url, {
+      const response = await axios.post(url, {
         userIds: selectedRowIds
       }, {
         responseType: 'blob',
@@ -387,173 +381,198 @@ function ExamPackReport() {
     page: 0,
     pageSize: 5
   };
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Header.default, null), /*#__PURE__*/_react.default.createElement(_sidebar.default, null), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      padding: "100px 0px 0px 100px",
-      marginLeft: "140px"
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    sx: {
-      maxWidth: 800,
-      mx: 'auto',
-      my: 4,
-      p: 3,
-      backgroundColor: '#f5f5f5',
-      borderRadius: 2
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Paper, {
-    elevation: 6,
-    sx: {
-      p: 5,
-      textAlign: 'center',
-      backgroundColor: '#fff'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Typography, {
-    variant: "h4",
-    component: "h1",
-    gutterBottom: true,
-    sx: {
-      color: '#3f51b5',
-      marginBottom: "20px"
-    }
-  }, "Exam Pack Report"), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    container: true,
-    spacing: 2,
-    justifyContent: "center"
-  }, /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    xs: 12,
-    sm: 4
-  }, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
-    fullWidth: true
-  }, /*#__PURE__*/_react.default.createElement(_material.Autocomplete, {
-    id: "ddlSubject",
-    options: subjects,
-    getOptionLabel: option => option.subjectName,
-    value: selectedSubject,
-    onChange: handleSubjectChange,
-    renderInput: params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
-      label: "Subject"
-    }))
-  }))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    xs: 12,
-    sm: 4
-  }, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
-    fullWidth: true
-  }, /*#__PURE__*/_react.default.createElement(_material.Autocomplete, {
-    id: "ddlCourse",
-    options: courses,
-    getOptionLabel: option => option.courseName,
-    value: selectedCourse,
-    onChange: handleCourseChange,
-    renderInput: params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
-      label: "Course"
-    }))
-  }))), /*#__PURE__*/_react.default.createElement(_material.Grid, {
-    item: true,
-    xs: 12,
-    sm: 4
-  }, /*#__PURE__*/_react.default.createElement(_material.FormControl, {
-    fullWidth: true
-  }, /*#__PURE__*/_react.default.createElement(_material.Autocomplete, {
-    id: "checkboxes-tags-demo",
-    options: reportType,
-    getOptionLabel: option => option.label,
-    value: selectedReportType,
-    onChange: handleReportTypeChange,
-    renderInput: params => /*#__PURE__*/_react.default.createElement(_material.TextField, _extends({}, params, {
-      label: "Report Type"
-    }))
-  })))), tableShow && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
-    sx: {
-      display: "flex",
-      justifyContent: "flex-end",
-      width: "100%",
-      margin: "20px 0px"
-    }
-  }, userSelect && /*#__PURE__*/_react.default.createElement(_material.Button, {
-    variant: "contained",
-    color: "primary",
-    onClick: handleSummeryDownload,
-    disabled: selectedUserList.length <= 1,
-    sx: {
-      width: 'auto',
-      backgroundColor: '#3f51b5',
-      '&:hover': {
-        backgroundColor: '#303f9f'
-      }
-    }
-  }, multiLoading ? 'Downloading...' : 'Download Report')), /*#__PURE__*/_react.default.createElement(_material.Paper, {
-    sx: {
-      width: '100%'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "end",
-      alignItems: "center",
-      height: "100%",
-      padding: "10px 5px"
-    }
-  }, userSelect && /*#__PURE__*/_react.default.createElement(_material.TextField, {
-    label: "Search",
-    variant: "outlined",
-    size: "small",
-    sx: {
-      mb: 2
-    },
-    value: searchQuery,
-    onChange: e => setSearchQuery(e.target.value),
-    InputProps: {
-      endAdornment: /*#__PURE__*/_react.default.createElement(_material.InputAdornment, {
-        position: "start"
-      }, /*#__PURE__*/_react.default.createElement(_SearchOutlined.default, null))
-    }
-  })), /*#__PURE__*/_react.default.createElement(_xDataGrid.DataGrid, {
-    key: tableKey,
-    rows: userSelect ? filteredRows : rows,
-    columns: columns,
-    initialState: {
-      pagination: {
-        paginationModel
-      }
-    },
-    pageSizeOptions: [5, 10, 50, 100],
-    checkboxSelection: userSelect,
-    disableRowSelectionOnClick: true,
-    onRowSelectionModelChange: handleRowSelection,
-    sx: {
-      border: 0,
-      "& .MuiTablePagination-selectLabel": {
-        margin: "unset"
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(Header, {}), /*#__PURE__*/_jsx(Sidebar, {}), /*#__PURE__*/_jsxs("div", {
+      style: {
+        padding: "100px 0px 0px 100px",
+        marginLeft: "140px"
       },
-      "& .MuiTablePagination-displayedRows": {
-        margin: "unset"
-      }
-    }
-  }))))), /*#__PURE__*/_react.default.createElement(_material.Snackbar, {
-    open: alertOpen,
-    autoHideDuration: 6000,
-    onClose: () => setAlertOpen(false),
-    anchorOrigin: {
-      vertical: 'top',
-      horizontal: 'center'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.Alert, {
-    onClose: () => setAlertOpen(false),
-    severity: "info",
-    sx: {
-      width: '100%'
-    }
-  }, alertMessage)), /*#__PURE__*/_react.default.createElement(_Backdrop.default, {
-    sx: theme => ({
-      color: '#fff',
-      zIndex: theme.zIndex.drawer + 1
-    }),
-    open: loading || multiLoading
-  }, /*#__PURE__*/_react.default.createElement(_material.CircularProgress, {
-    color: "inherit"
-  }))));
+      children: [/*#__PURE__*/_jsx(Box, {
+        sx: {
+          maxWidth: 800,
+          mx: 'auto',
+          my: 4,
+          p: 3,
+          backgroundColor: '#f5f5f5',
+          borderRadius: 2
+        },
+        children: /*#__PURE__*/_jsxs(Paper, {
+          elevation: 6,
+          sx: {
+            p: 5,
+            textAlign: 'center',
+            backgroundColor: '#fff'
+          },
+          children: [/*#__PURE__*/_jsx(Typography, {
+            variant: "h4",
+            component: "h1",
+            gutterBottom: true,
+            sx: {
+              color: '#3f51b5',
+              marginBottom: "20px"
+            },
+            children: "Exam Pack Report"
+          }), /*#__PURE__*/_jsxs(Grid, {
+            container: true,
+            spacing: 2,
+            justifyContent: "center",
+            children: [/*#__PURE__*/_jsx(Grid, {
+              item: true,
+              xs: 12,
+              sm: 4,
+              children: /*#__PURE__*/_jsx(FormControl, {
+                fullWidth: true,
+                children: /*#__PURE__*/_jsx(Autocomplete, {
+                  id: "ddlSubject",
+                  options: subjects,
+                  getOptionLabel: option => option.subjectName,
+                  value: selectedSubject,
+                  onChange: handleSubjectChange,
+                  renderInput: params => /*#__PURE__*/_jsx(TextField, {
+                    ...params,
+                    label: "Subject"
+                  })
+                })
+              })
+            }), /*#__PURE__*/_jsx(Grid, {
+              item: true,
+              xs: 12,
+              sm: 4,
+              children: /*#__PURE__*/_jsx(FormControl, {
+                fullWidth: true,
+                children: /*#__PURE__*/_jsx(Autocomplete, {
+                  id: "ddlCourse",
+                  options: courses,
+                  getOptionLabel: option => option.courseName,
+                  value: selectedCourse,
+                  onChange: handleCourseChange,
+                  renderInput: params => /*#__PURE__*/_jsx(TextField, {
+                    ...params,
+                    label: "Course"
+                  })
+                })
+              })
+            }), /*#__PURE__*/_jsx(Grid, {
+              item: true,
+              xs: 12,
+              sm: 4,
+              children: /*#__PURE__*/_jsx(FormControl, {
+                fullWidth: true,
+                children: /*#__PURE__*/_jsx(Autocomplete, {
+                  id: "checkboxes-tags-demo",
+                  options: reportType,
+                  getOptionLabel: option => option.label,
+                  value: selectedReportType,
+                  onChange: handleReportTypeChange,
+                  renderInput: params => /*#__PURE__*/_jsx(TextField, {
+                    ...params,
+                    label: "Report Type"
+                  })
+                })
+              })
+            })]
+          }), tableShow && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(Box, {
+              sx: {
+                display: "flex",
+                justifyContent: "flex-end",
+                width: "100%",
+                margin: "20px 0px"
+              },
+              children: userSelect && /*#__PURE__*/_jsx(Button, {
+                variant: "contained",
+                color: "primary",
+                onClick: handleSummeryDownload,
+                disabled: selectedUserList.length <= 1,
+                sx: {
+                  width: 'auto',
+                  backgroundColor: '#3f51b5',
+                  '&:hover': {
+                    backgroundColor: '#303f9f'
+                  }
+                },
+                children: multiLoading ? 'Downloading...' : 'Download Report'
+              })
+            }), /*#__PURE__*/_jsxs(Paper, {
+              sx: {
+                width: '100%'
+              },
+              children: [/*#__PURE__*/_jsx("div", {
+                style: {
+                  display: "flex",
+                  justifyContent: "end",
+                  alignItems: "center",
+                  height: "100%",
+                  padding: "10px 5px"
+                },
+                children: userSelect && /*#__PURE__*/_jsx(TextField, {
+                  label: "Search",
+                  variant: "outlined",
+                  size: "small",
+                  sx: {
+                    mb: 2
+                  },
+                  value: searchQuery,
+                  onChange: e => setSearchQuery(e.target.value),
+                  InputProps: {
+                    endAdornment: /*#__PURE__*/_jsx(InputAdornment, {
+                      position: "start",
+                      children: /*#__PURE__*/_jsx(SearchOutlinedIcon, {})
+                    })
+                  }
+                })
+              }), /*#__PURE__*/_jsx(DataGrid, {
+                rows: userSelect ? filteredRows : rows,
+                columns: columns,
+                initialState: {
+                  pagination: {
+                    paginationModel
+                  }
+                },
+                pageSizeOptions: [5, 10, 50, 100],
+                checkboxSelection: userSelect,
+                disableRowSelectionOnClick: true,
+                onRowSelectionModelChange: handleRowSelection,
+                sx: {
+                  border: 0,
+                  "& .MuiTablePagination-selectLabel": {
+                    margin: "unset"
+                  },
+                  "& .MuiTablePagination-displayedRows": {
+                    margin: "unset"
+                  }
+                }
+              }, tableKey)]
+            })]
+          })]
+        })
+      }), /*#__PURE__*/_jsx(Snackbar, {
+        open: alertOpen,
+        autoHideDuration: 6000,
+        onClose: () => setAlertOpen(false),
+        anchorOrigin: {
+          vertical: 'top',
+          horizontal: 'center'
+        },
+        children: /*#__PURE__*/_jsx(Alert, {
+          onClose: () => setAlertOpen(false),
+          severity: "info",
+          sx: {
+            width: '100%'
+          },
+          children: alertMessage
+        })
+      }), /*#__PURE__*/_jsx(Backdrop, {
+        sx: theme => ({
+          color: '#fff',
+          zIndex: theme.zIndex.drawer + 1
+        }),
+        open: loading || multiLoading,
+        children: /*#__PURE__*/_jsx(CircularProgress, {
+          color: "inherit"
+        })
+      })]
+    })]
+  });
 }
-var _default = exports.default = ExamPackReport;
+export default ExamPackReport;