Added the utils folder to common-lib:

* Many utilities are shared across modules, having them all in common lib may help
* For now only the utils folder has been added there, config must be modified to produce appropriate typings

packages/common-lib/src/utils/customhooks/useAverage.ts

@@ -0,0 +1,11 @@
+import * as React from 'react'
+
+export const useAverage = ({ calendarView }) => {
+  const [isAverage, setIsAverage] = React.useState(false)
+  React.useEffect(() => {
+    setIsAverage(
+      ['week', 'weeks', 'month', 'months', 'monthInDays'].includes(calendarView)
+    )
+  }, [calendarView])
+  return { isAverage }
+}

packages/common-lib/src/utils/customhooks/useDesignHook.ts

@@ -0,0 +1,60 @@
+// Lib
+import * as React from 'react'
+import { calendar } from '@shiksha/common-lib'
+
+// Utils
+import { isMoment, isMoment2DArray } from 'utils/types/typeGuards'
+import { PRESENT } from 'utils/functions/Constants'
+import { colorTheme } from 'utils/functions/ColorTheme'
+import { GetStudentsAttendance } from 'utils/functions/GetStudentsAttendance'
+
+export const useDesignHook = ({ attendance, page, calendarView, t }) => {
+  const [design, setDesign] = React.useState<any>({})
+  const holidays = []
+  React.useEffect(() => {
+    let daysWithoutHolidays = []
+    if (typeof page === 'object') {
+      // @ts-ignore
+      daysWithoutHolidays = page.map((e) => {
+        const dat = calendar(e, calendarView ? calendarView : 'days')
+        if (isMoment(dat) || isMoment2DArray(dat)) return
+
+        return dat.filter(
+          (e) => !(!e.day() || holidays.includes(e.format('YYYY-MM-DD')))
+        ).length
+      })
+    }
+    if (attendance[0]) {
+      let percentage = 0
+      let attendanceAll = GetStudentsAttendance({
+        attendance: attendance[0],
+        type: 'id'
+      })
+      let presentAttendanceCount = attendanceAll.filter(
+        (e) => e.attendance && e.attendance !== PRESENT
+      ).length
+      percentage = (presentAttendanceCount * 100) / daysWithoutHolidays.length
+      if (percentage && percentage >= 100) {
+        setDesign({
+          bg: colorTheme.success,
+          iconName: 'EmotionHappyLineIcon',
+          titleHeading:
+            t('YOU_HAVE_BEEN_PRESENT_ALL_DAYS_THIS') + ' ' + calendarView
+        })
+      } else if (percentage && percentage < 100 && percentage >= 50) {
+        setDesign({
+          bg: colorTheme.warning,
+          iconName: 'EmotionNormalLineIcon',
+          titleHeading: t('AGERAGE_CAN_BE_IMPROVED')
+        })
+      } else {
+        setDesign({
+          bg: colorTheme.danger,
+          iconName: 'EmotionSadLineIcon',
+          titleHeading: t('ABSENT_TODAY_POOR_THAN_LAST') + ' ' + calendarView
+        })
+      }
+    }
+  }, [])
+  return { design }
+}

packages/common-lib/src/utils/customhooks/useGenderList.ts

@@ -0,0 +1,15 @@
+// Lib
+import * as React from 'react'
+
+// Utilities
+import { HandleGenderList } from 'utils/functions/HandleGenderList'
+
+export const useGenderList = ({ students, t }) => {
+  const [genderList, setGenderList] = React.useState([])
+  React.useEffect(() => {
+    const genderList = HandleGenderList(students, t)
+    setGenderList([...genderList, t('TOTAL')])
+  }, [students])
+
+  return { genderList }
+}

packages/common-lib/src/utils/customhooks/usePAStudents.ts

@@ -0,0 +1,58 @@
+// Lib
+import { useState, useEffect } from 'react'
+import { calendar } from '@shiksha/common-lib'
+import { getStudentsPresentAbsent } from '@shiksha/common-lib'
+
+// Services
+import { GetAttendance, DefaultStudents } from 'services/calls/registryCalls'
+
+// Utilities
+import { MomentUnionType } from 'utils/types/types'
+import { isMomentArray } from 'utils/types/typeGuards'
+
+export const usePAStudents = ({ students, attendance, type }) => {
+  const holidays = []
+  const [paStudents, setPaStudents] = useState([])
+  useEffect(() => {
+    const getPresentStudents = async ({ students }) => {
+      let weekdays: MomentUnionType = calendar(-1, 'week')
+      // Check type, also for typescripts
+      if (isMomentArray(weekdays)) {
+        let workingDaysCount =
+          type.toLowerCase() === 'present'
+            ? weekdays.filter(
+                (e) => !(!e.day() || holidays.includes(e.format('YYYY-MM-DD')))
+              )?.length
+            : 3
+        let params = {
+          fromDate: weekdays?.[0]?.format('YYYY-MM-DD'),
+          toDate: weekdays?.[weekdays.length - 1]?.format('YYYY-MM-DD')
+        }
+        if (type.toLowerCase() === 'absent') params['fun'] = 'getAbsentStudents'
+        let attendanceData = await GetAttendance(params)
+        let data
+        if (type.toLowerCase() === 'present')
+          data = getStudentsPresentAbsent(
+            attendanceData,
+            students,
+            workingDaysCount
+          )
+        else
+          data = getStudentsPresentAbsent(
+            attendanceData,
+            students,
+            workingDaysCount,
+            'Absent'
+          )
+
+        let dataNew = students.filter((e) =>
+          data.map((e) => e.id).includes(e.id)
+        )
+        setPaStudents(await DefaultStudents(dataNew))
+      }
+    }
+    getPresentStudents({ students })
+  }, [students, attendance])
+
+  return [paStudents]
+}

packages/common-lib/src/utils/customhooks/useStudentIds.ts

@@ -0,0 +1,20 @@
+import * as React from 'react'
+
+export const useStudentIds = ({ students }) => {
+  const [studentIds, setStudentIds] = React.useState([])
+  React.useEffect(() => {
+    let ignore = false
+    const getData = async () => {
+      if (!ignore) {
+        const temp = students.map((e) => e.id)
+        setStudentIds(temp)
+      }
+    }
+    getData()
+    return () => {
+      ignore = true
+    }
+  }, [students])
+
+  return { studentIds }
+}

packages/common-lib/src/utils/customhooks/useWithoutHolidays.ts

@@ -0,0 +1,40 @@
+// Lib
+import * as React from 'react'
+import { calendar } from '@shiksha/common-lib'
+
+// Utilities
+import { isMoment, isMoment2DArray } from 'utils/types/typeGuards'
+
+export const useWithoutHolidays = ({ page, calendarView }) => {
+  const [withoutHolidays, setWithoutHolidays] = React.useState([])
+  const holidays = []
+  React.useEffect(() => {
+    let daysWithoutHolidays = []
+    if (typeof page === 'object') {
+      // @ts-ignore
+      daysWithoutHolidays = page.map((e) => {
+        const dat = calendar(e, calendarView ? calendarView : 'days')
+        if (isMoment(dat) || isMoment2DArray(dat)) return
+
+        return dat.filter(
+          (e) => !(!e.day() || holidays.includes(e.format('YYYY-MM-DD')))
+        ).length
+      })
+      setWithoutHolidays(daysWithoutHolidays)
+    } else {
+      const dat = calendar(
+        page ? page : 0,
+        calendarView ? calendarView : 'days'
+      )
+      if (isMoment(dat) || isMoment2DArray(dat)) return
+      daysWithoutHolidays = [
+        dat.filter(
+          (e) => !(!e.day() || holidays.includes(e.format('YYYY-MM-DD')))
+        ).length
+      ]
+      setWithoutHolidays(daysWithoutHolidays)
+    }
+  }, [calendarView, page])
+
+  return { withoutHolidays }
+}

packages/common-lib/src/utils/functions/ColorTheme.ts

@@ -0,0 +1,5 @@
+import colorTheme from 'colorTheme'
+import { overrideColorTheme } from '@shiksha/common-lib'
+const colors = overrideColorTheme(colorTheme)
+
+export { colors, colorTheme }

packages/common-lib/src/utils/functions/Constants.ts

@@ -0,0 +1,5 @@
+export const PRESENT = 'Present'
+export const ABSENT = 'Absent'
+export const UNMARKED = 'Unmarked'
+export const MALE = 'Male'
+export const FEMALE = 'Female'

packages/common-lib/src/utils/functions/CountReport.ts

@@ -0,0 +1,78 @@
+// Constants
+import { useTranslation } from 'react-i18next'
+import { MALE, FEMALE } from './Constants'
+import { GetStudentsAttendance } from './GetStudentsAttendance'
+
+export interface ICountReport {
+  gender?: any
+  isAverage?: any
+  attendance?: any
+  attendanceType?: any
+  type?: string
+  studentIds?: any
+  withoutHolidays?: any
+  students?: any
+  t?: any
+}
+export const CountReport = ({
+  gender,
+  isAverage,
+  attendance,
+  attendanceType,
+  type,
+  studentIds,
+  withoutHolidays,
+  students,
+  t
+}: ICountReport) => {
+  let attendanceAll = GetStudentsAttendance({ attendance, type: 'id' })
+  if (gender && [t('BOYS'), t('GIRLS')].includes(gender)) {
+    studentIds = students
+      .filter(
+        (e) =>
+          e.gender ===
+          (gender === t('BOYS') ? MALE : gender === t('GIRLS') ? FEMALE : '')
+      )
+      .map((e) => e.id)
+  }
+
+  if (attendanceType === 'Unmarked' && gender === t('TOTAL')) {
+    let studentIds1 = attendanceAll.filter(
+      (e) => studentIds.includes(e.studentId) && e.attendance !== attendanceType
+    )
+    let val = studentIds.length * withoutHolidays - studentIds1.length
+    if (isAverage) {
+      return Math.round(val ? val / studentIds.length : 0)
+    } else {
+      return Math.round(val)
+    }
+  } else if (type === 'Unmarked' || attendanceType === 'Unmarked') {
+    let studentIds1 = attendanceAll.filter((e) =>
+      studentIds.includes(e.studentId)
+    )
+
+    if (attendanceType === 'Unmarked') {
+      studentIds1 = attendanceAll.filter(
+        (e) =>
+          studentIds.includes(e?.studentId) && e.attendance !== attendanceType
+      )
+    }
+    let val = studentIds.length * withoutHolidays - studentIds1.length
+    if (isAverage) {
+      return Math.round(val ? val / studentIds.length : 0)
+    } else {
+      return Math.round(val)
+    }
+  } else {
+    let val = attendanceAll.filter(
+      (e) =>
+        studentIds.includes(e?.studentId) && e.attendance === attendanceType
+    ).length
+
+    if (isAverage) {
+      return Math.round(val ? val / studentIds.length : 0)
+    } else {
+      return Math.round(val)
+    }
+  }
+}

packages/common-lib/src/utils/functions/FormatDate.ts

@@ -0,0 +1,33 @@
+import moment, { Moment } from 'moment'
+
+interface IFormatDate {
+  date: Moment | Moment[] | Moment[][]
+  type?: string
+}
+
+// TODO: Remove TSignore
+export const FormatDate: Function = ({ date, type }: IFormatDate) => {
+  if (!date) return ''
+  if (type === 'Month') {
+    return moment(date[0]).format('MMMM Y')
+  } else if (type === 'Week') {
+    return (
+      moment(date[0]).format('D MMM') +
+      ' - ' +
+      // @ts-ignore
+      moment(date[date.length - 1]).format('D MMM')
+    )
+  } else if (type === 'Today') {
+    // @ts-ignore
+    return moment(date).format('D MMM, ddd, HH:MM')
+  } else if (type === 'Tomorrow') {
+    // @ts-ignore
+    return moment(date).format('D MMM, ddd')
+  } else if (type === 'Yesterday') {
+    // @ts-ignore
+    return moment(date).format('D MMM, ddd')
+  } else {
+    // @ts-ignore
+    return moment(date).format('D MMMM, Y')
+  }
+}

packages/common-lib/src/utils/functions/GetAttendanceReport.tsx

@@ -0,0 +1,25 @@
+// Services
+import { GetAttendance } from 'services/calls/registryCalls'
+
+// Utils
+import { isMoment, isMoment2DArray } from 'utils/types/typeGuards'
+export interface IGetAttendanceReport {
+  (page: any, calendar: Function, calendarView: string, fun?: string): any
+}
+
+export const GetAttendanceReport: IGetAttendanceReport = async (
+  page,
+  calendar,
+  calendarView,
+  fun
+) => {
+  let weekdays = calendar(page, calendarView)
+  if (isMoment(weekdays) || isMoment2DArray(weekdays)) return
+  let params = {
+    fromDate: weekdays?.[0]?.format('Y-MM-DD'),
+    toDate: weekdays?.[weekdays.length - 1]?.format('Y-MM-DD'),
+    fun
+  }
+  const attendanceData = await GetAttendance(params)
+  return attendanceData
+}

packages/common-lib/src/utils/functions/GetLastAttendance.ts

@@ -0,0 +1,6 @@
+import moment from 'moment'
+export const GetLastAttendance = (attendance) => {
+  let dates = attendance.map((d) => moment(d.updatedAt))
+  let date = moment.max(dates)
+  return dates.length ? date.format('hh:mmA') : 'N/A'
+}