@campxdev/shared 1.11.40 → 1.11.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.11.40",
+  "version": "1.11.42",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",
@@ -56,6 +56,7 @@
     "react-table": "^7.8.0",
     "react-toastify": "^9.0.1",
     "styled-components": "^5.3.5",
+    "@mongodb-js/charts-embed-dom": "3.2.1",
     "swiper": "^8.1.5",
     "typescript": "^5.2.2",
     "use-immer": "^0.8.1",

package/src/components/MongoCharts/MongoDashboard.tsx

@@ -0,0 +1,143 @@
+import ChartsEmbedSDK from '@mongodb-js/charts-embed-dom'
+import { useEffect, useRef, useState } from 'react'
+
+interface DashboardProps {
+  token: any
+  dashboardId: string
+  charts: any
+  chartFilters: any
+}
+
+const MongoDashboard: React.FC<DashboardProps> = ({
+  token,
+  dashboardId,
+  charts,
+  chartFilters,
+}) => {
+  const [rendered, setRendered] = useState<Boolean>(false)
+  const [dashboard, setDashboard] = useState<any>(null)
+  const chartDiv = useRef(null)
+
+  const sdk = new ChartsEmbedSDK({
+    baseUrl: 'https://charts.mongodb.com/charts-project-0-cnovv',
+    getUserToken: () => token,
+  })
+
+  useEffect(() => {
+    const initDashboard = async () => {
+      const dashboard = sdk.createDashboard({
+        dashboardId: dashboardId,
+        showAttribution: false,
+        background: 'transparent',
+        widthMode: 'scale',
+        heightMode: 'scale',
+      })
+
+      setDashboard(dashboard)
+      try {
+        await dashboard.render(chartDiv.current)
+
+        setRendered(true)
+      } catch (err) {
+        console.log('Error during Charts rendering:', err)
+      }
+    }
+
+    initDashboard()
+  }, [])
+
+  useEffect(() => {
+    if (dashboard && rendered) {
+      const applyFiltersToChart = async () => {
+        charts.map((chartGroup, index) => {
+          chartGroup.map(async (chartId) => {
+            const chart = await dashboard.getChart(chartId)
+            console.log(chartFilters[index], chart)
+            try {
+              await chart.setFilter(chartFilters[index])
+            } catch (err) {
+              console.log(
+                'Error while applying filters to specific chart.',
+                err,
+              )
+            }
+          })
+        })
+
+        // charts.default.map(async (chartId) => {
+        //   const chart = await dashboard.getChart(chartId)
+
+        //   try {
+        //     await chart.setFilter(filters)
+        //   } catch (err) {
+        //     console.log('Error while applying filters to specific chart.', err)
+        //   }
+        // })
+
+        // charts.lessThanAcademicYear.map(async (chartId) => {
+        //   const chart = await dashboard.getChart(chartId)
+
+        //   try {
+        //     await chart.setFilter({
+        //       ...filters,
+        //       academicYear: { $lt: filters.academicYear },
+        //     })
+        //   } catch (err) {
+        //     console.log('Error while applying filters to specific chart.', err)
+        //   }
+        // })
+
+        // charts.lessThanOrEqualAcademicYear.map(async (chartId) => {
+        //   const chart = await dashboard.getChart(chartId)
+
+        //   try {
+        //     await chart.setFilter({
+        //       ...filters,
+        //       academicYear: { $lte: filters.academicYear },
+        //     })
+        //   } catch (err) {
+        //     console.log('Error while applying filters to specific chart.', err)
+        //   }
+        // })
+
+        // charts.dateRangeByAcademicYear.map(async (chartId) => {
+        //   const chart = await dashboard.getChart(chartId)
+
+        //   try {
+        //     await chart.setFilter({
+        //       'admissionSubValue.tenantId':
+        //         filters['admissionSubValue.tenantId'],
+        //       'admissionSubValue.institutionId':
+        //         filters['admissionSubValue.institutionId'],
+        //       'feeTypeObject.feeType': filters['feeTypeObject.feeType'],
+        //       createdAt: {
+        //         $gte: startDate,
+        //         $lte: endDate,
+        //       },
+        //     })
+        //   } catch (err) {
+        //     console.log('Error while applying filters to specific chart.', err)
+        //   }
+        // })
+      }
+
+      applyFiltersToChart()
+    }
+  }, [dashboard, chartFilters, rendered])
+
+  return (
+    <div
+      className="chart"
+      ref={chartDiv}
+      style={{
+        height: '200vh',
+        margin: '25px 10px',
+        backgroundColor: '#EEEE',
+        padding: '15px 0px',
+        borderRadius: '10px',
+      }}
+    />
+  )
+}
+
+export default MongoDashboard

package/src/components/MongoCharts/index.tsx

@@ -0,0 +1 @@
+export { default } from './MongoDashboard'

package/src/components/index.ts

@@ -27,6 +27,7 @@ import { DialogButton, DrawerButton } from './ModalButtons'
 import { CustomDialog } from './ModalButtons/DialogButton'
 import { CustomDrawer } from './ModalButtons/DrawerButton'
 import PopoverButton from './ModalButtons/PopoverButton'
+import MongoDashboard from './MongoCharts'
 import PageNotFound from './PageNotFound'
 import ReactJoyRide from './ReactJoyRide'
 import ResetPassword from './ResetPassword'
@@ -95,6 +96,7 @@ export {
   LayoutWrapper,
   ListItemButton,
   LoginForm,
+  MongoDashboard,
   NavigationTabs,
   PageNotFound,
   PopoverButton,

package/src/shared-state/PermissionsStore.ts

@@ -357,6 +357,13 @@ export enum EnrollPermissions {
   CAN_ASSIGN_COUNSELLOR_LEADS = 'can_leads_assign_counsellor',
   CAN_LEADS_CONVERT_TO_ADMISSION = 'can_leads_convert_to_admission',
 
+  // Clusters
+  CAN_CLUSTERS_VIEW = 'can_clusters_view',
+  CAN_CLUSTERS_EDIT = 'can_clusters_edit',
+  CAN_CLUSTERS_ADD = 'can_clusters_add',
+  CAN_CLUSTERS_DELETE = 'can_clusters_delete',
+  CAN_CLUSTERS_DASHBOARD_VIEW = 'can_clusters_dashboard_view',
+
   // Counsellor
   CAN_COUNSELLOR_VIEW = 'can_counsellor_view',
   CAN_COUNSELLOR_ADD = 'can_counsellor_add',
@@ -647,6 +654,7 @@ export enum Permission {
   CAN_DISCONTINUED_STUDENT_VIEW = 'can_discontinued_student_view',
   CAN_CONCESSION_REPORT_VIEW = 'can_concession_report_view',
   CAN_FEE_TYPE_SUMMARY_VIEW = 'can_fee_type_summary_report_view',
+  CAN_PROGRAM_WISE_FEE_TYPE_REPORT_VIEW = 'can_program_wise-fee_type_report_view',
   CAN_EXAMINATION_REPORT_VIEW = 'can_examination_report_view',
   CAN_EXAMINATION_NOT_PAID_REPORT_VIEW = 'can_examination_not_paid_report_view',
   CAN_EXAMINATION_BLOCKED_STUDENTS_VIEW = 'can_examination_blocked_students_view',
@@ -1647,6 +1655,7 @@ export interface IPermissions {
   can_discontinued_student_view: boolean
   can_concession_report_view: boolean
   can_fee_type_summary_report_view: boolean
+  can_program_wise_fee_type_report_view: boolean
   can_examination_report_view: boolean
   can_examination_not_paid_report_view: boolean
   can_examination_blocked_students_view: boolean
@@ -1719,6 +1728,11 @@ export interface IPermissions {
   can_leads_assign_counsellor: boolean
   can_leads_import: boolean
   can_leads_convert_to_admission: boolean
+  can_clusters_view: boolean
+  can_clusters_add: boolean
+  can_clusters_edit: boolean
+  can_clusters_delete: boolean
+  can_clusters_dashboard_view: boolean
   can_notification_view: boolean
   can_notification_add: boolean
   can_notification_edit: boolean