mario-education 2.4.598-feedback → 2.4.599-feedback

package/dist/components/DatePicker/FilterDateRange.d.ts

@@ -5,6 +5,7 @@ interface PropsType {
     onChangeStartDate: (date: MaterialUiPickersDate | null, value?: string | null) => void;
     onChangeEndDate: (date: MaterialUiPickersDate | null, value?: string | null) => void;
     fontSizeInputSelect?: string | null;
+    disabled?: boolean;
 }
-declare const FilterDateRange: ({ endDate, startDate, onChangeEndDate, onChangeStartDate, fontSizeInputSelect }: PropsType) => JSX.Element;
+declare const FilterDateRange: ({ endDate, startDate, onChangeEndDate, onChangeStartDate, fontSizeInputSelect, disabled }: PropsType) => JSX.Element;
 export default FilterDateRange;

package/dist/components/selector/CalendarSelect.d.ts

@@ -8,6 +8,7 @@ interface ICalendarSelect {
     options: IOptionCalendar[];
     value?: string;
     onChange?: Function;
+    disabled?: boolean;
 }
-declare const CalendarSelect: ({ options, value, onChange }: ICalendarSelect) => JSX.Element;
+declare const CalendarSelect: ({ options, value, onChange, disabled }: ICalendarSelect) => JSX.Element;
 export default CalendarSelect;

package/dist/components/selector/StudentMultiSelector.d.ts

@@ -1,3 +1,3 @@
 import { IStudentMultiSelector } from "../../types/types";
-declare const StudentMultiSelector: ({ student, setStudent, studentData, grades, fontSizeInputSelect, inputStyleProps }: IStudentMultiSelector) => JSX.Element;
+declare const StudentMultiSelector: ({ student, setStudent, studentData, grades, fontSizeInputSelect, inputStyleProps, disabled }: IStudentMultiSelector) => JSX.Element;
 export default StudentMultiSelector;

package/dist/components/selector/TeacherSelector.d.ts

@@ -1,2 +1,2 @@
-declare const TeacherSelector: ({ isShowDropDownIcon, classes, setSelectTeacherUserId, setSelected }: any) => JSX.Element;
+declare const TeacherSelector: ({ isShowDropDownIcon, classes, setSelectTeacherUserId, setSelected, disabled }: any) => JSX.Element;
 export default TeacherSelector;

package/dist/containers/Dashboard/components/BubbleChartCustom.d.ts

@@ -9,6 +9,7 @@ interface IProps {
     hiddenDescription?: boolean;
     handleHoverTooltip?: Function;
     name?: string;
+    loadingComplete?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ data, print, disableSeriesName, hiddenRightLegend, hiddenDescription, handleHoverTooltip, name }: IProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ data, print, disableSeriesName, hiddenRightLegend, hiddenDescription, handleHoverTooltip, name, loadingComplete }: IProps) => JSX.Element>;
 export default _default;

package/dist/containers/Dashboard/components/ConcernMetricTab.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { IConcernMetricTab } from "../configs/types";
-declare const _default: React.MemoExoticComponent<({ studentSkillQuestion, classFontSize, safetyData, stressData, monthsOneToOne, dayOfWeekOneToOne, handleHoverTooltip, avgQuestionLastMonth, studentPressure, timeOfDay, metricWeeks, lowMetricStudents, metricDataMonths, metricDataWeeks, metricMonths, studentMetricPercent, stressValue, safetyValue }: IConcernMetricTab) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ studentSkillQuestion, classFontSize, safetyData, stressData, monthsOneToOne, dayOfWeekOneToOne, handleHoverTooltip, avgQuestionLastMonth, studentPressure, timeOfDay, metricWeeks, lowMetricStudents, metricDataMonths, metricDataWeeks, metricMonths, studentMetricPercent, stressValue, safetyValue, loadingComplete }: IConcernMetricTab) => JSX.Element>;
 export default _default;

package/dist/containers/Dashboard/components/ConversationTab.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { IConversationTab } from "../configs/types";
-declare const _default: React.MemoExoticComponent<({ conversationKpi }: IConversationTab) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ conversationKpi, loadingComplete }: IConversationTab) => JSX.Element>;
 export default _default;

package/dist/containers/Dashboard/components/DesktopFilterComponent.d.ts

@@ -1,3 +1,3 @@
 import { IFilterComponent } from "../configs/types";
-declare const DesktopFilterComponent: ({ gradeList, onChangeFilterGrade, fontSizeInputSelect, gradeFilter, endDate, startDate, student, onChangeStudent, studentData, academicYearList, valueAcademicYear, onChangeAcademicYear, onChangeEndDateChart, onChangeStartDateChart, optionDate, onChangeFilterCalendar, onClearFilter, onSaveFilter, setSelectTeacherUserId }: IFilterComponent) => JSX.Element;
+declare const DesktopFilterComponent: ({ gradeList, onChangeFilterGrade, fontSizeInputSelect, gradeFilter, endDate, startDate, student, onChangeStudent, studentData, academicYearList, valueAcademicYear, onChangeAcademicYear, onChangeEndDateChart, onChangeStartDateChart, optionDate, onChangeFilterCalendar, onClearFilter, onSaveFilter, setSelectTeacherUserId, loadingComplete }: IFilterComponent) => JSX.Element;
 export default DesktopFilterComponent;

package/dist/containers/Dashboard/components/GeneratePlpChart.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { IGenerateDashboardChart } from "../configs/types";
-declare const _default: React.MemoExoticComponent<({ typeChart, activeColumn, series, months, name, dayOfWeek, colors, textColors, avgQuestionLastMonth, studentCount, studentPercentage, responseStudent, classFontSize, avgContent, print, width, height, titleClassFontSize, min, hiddenKpi, timeOfDay, weeklySeries, weeks, description, skillClass, kpiClassName, lowMetricStudents, studentMetricPercent, noGradient, setOptionDate, stressValue, noAvgTotal, onActiveColumn, }: IGenerateDashboardChart) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ typeChart, activeColumn, series, months, name, dayOfWeek, colors, textColors, avgQuestionLastMonth, studentCount, studentPercentage, responseStudent, classFontSize, avgContent, print, width, height, titleClassFontSize, min, hiddenKpi, timeOfDay, weeklySeries, weeks, description, skillClass, kpiClassName, lowMetricStudents, studentMetricPercent, noGradient, setOptionDate, stressValue, noAvgTotal, onActiveColumn, loadingComplete }: IGenerateDashboardChart) => JSX.Element>;
 export default _default;

package/dist/containers/Dashboard/components/GenerateTrendQuestion.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { IGenerateTrendQuestion } from "../configs/types";
-declare const _default: React.MemoExoticComponent<({ series, avgQuestionLastMonth, icons, className, noAvgText, timeOfDay }: IGenerateTrendQuestion) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ series, avgQuestionLastMonth, icons, className, noAvgText, timeOfDay, loadingComplete }: IGenerateTrendQuestion) => JSX.Element>;
 export default _default;

package/dist/containers/Dashboard/components/GraphTrend.d.ts

@@ -1,3 +1,3 @@
 import { IGraphTrend } from "../configs/types";
-declare const GraphTrend: ({ value, label, isStress, timeOfDay, valueData }: IGraphTrend) => JSX.Element;
+declare const GraphTrend: ({ value, label, isStress, timeOfDay, valueData, loadingComplete }: IGraphTrend) => JSX.Element;
 export default GraphTrend;

package/dist/containers/Dashboard/components/LearningProgressTab.d.ts

@@ -1,3 +1,3 @@
 import { ILearningProgressTab } from "../configs/types";
-declare const LearningProgressTab: ({ learningStrategies, classFontSize, print }: ILearningProgressTab) => JSX.Element;
+declare const LearningProgressTab: ({ learningStrategies, classFontSize, print, loadingComplete }: ILearningProgressTab) => JSX.Element;
 export default LearningProgressTab;

package/dist/containers/Dashboard/components/MobileFilterComponent.d.ts

@@ -1,3 +1,3 @@
 import { IFilterComponent } from "../configs/types";
-declare const MobileFilterComponent: ({ gradeList, onChangeFilterGrade, fontSizeInputSelect, gradeFilter, endDate, startDate, student, onChangeStudent, studentData, academicYearList, valueAcademicYear, onChangeAcademicYear, onChangeEndDateChart, onChangeStartDateChart, onChangeFilterCalendar, optionDate, expandedFilter, onToggleChart, setSelectTeacherUserId }: IFilterComponent) => JSX.Element;
+declare const MobileFilterComponent: ({ gradeList, onChangeFilterGrade, fontSizeInputSelect, gradeFilter, endDate, startDate, student, onChangeStudent, studentData, academicYearList, valueAcademicYear, onChangeAcademicYear, onChangeEndDateChart, onChangeStartDateChart, onChangeFilterCalendar, optionDate, expandedFilter, onToggleChart, setSelectTeacherUserId, loadingComplete }: IFilterComponent) => JSX.Element;
 export default MobileFilterComponent;

package/dist/containers/Dashboard/components/OpenFieldTab.d.ts

@@ -1,3 +1,3 @@
 import { IOpenFieldTab } from "../configs/types";
-declare const OpenFieldTab: ({ handleRedirectAllAnswer, summarizeQuestions, goToSession, handleChangeQuestionFilter, questionFilters }: IOpenFieldTab) => JSX.Element;
+declare const OpenFieldTab: ({ handleRedirectAllAnswer, summarizeQuestions, goToSession, handleChangeQuestionFilter, questionFilters, loadingComplete }: IOpenFieldTab) => JSX.Element;
 export default OpenFieldTab;

package/dist/containers/Dashboard/components/ReadinessToLearnTab.d.ts

@@ -1,3 +1,3 @@
 import { IReadinessToLearnTab } from "../configs/types";
-declare const ReadinessToLearnTab: ({ dataReadinessOfChart, handleHoverTooltip, classFontSize, dataOverallReadyToLearn, dayOfWeekOneToOne, monthsOneToOne, avgQuestionLastMonth, preparednessData, preparednessWeeklyData, weeksOneToOne, setOptionDate, activeColumn, onActiveColumn, timeOfDay }: IReadinessToLearnTab) => JSX.Element;
+declare const ReadinessToLearnTab: ({ dataReadinessOfChart, handleHoverTooltip, classFontSize, dataOverallReadyToLearn, dayOfWeekOneToOne, monthsOneToOne, avgQuestionLastMonth, preparednessData, preparednessWeeklyData, weeksOneToOne, setOptionDate, activeColumn, onActiveColumn, timeOfDay, loadingComplete }: IReadinessToLearnTab) => JSX.Element;
 export default ReadinessToLearnTab;

package/dist/containers/Dashboard/components/StudentPressureChart.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IStudentPressureChart } from "../configs/types";
-declare const StudentPressureChart: ({ studentPressure, changeLanguage, width, print, handleHoverTooltip }: IStudentPressureChart) => JSX.Element;
-export default StudentPressureChart;
+declare const _default: React.MemoExoticComponent<({ studentPressure, changeLanguage, width, print, handleHoverTooltip, loadingComplete }: IStudentPressureChart) => JSX.Element>;
+export default _default;

package/dist/containers/Dashboard/components/SuccessIndicatorTab.d.ts

@@ -1,3 +1,3 @@
 import { ISuccessIndicatorTab } from "../configs/types";
-declare const SuccessIndicatorTab: ({ successIndicatorsData, avgQuestionLastMonth, dayOfWeekOneToOne, monthsOneToOne, timeOfDay, classFontSize, handleHoverTooltip, successIndicatorWeeklyData, weeksOneToOne, activeColumn, onActiveColumn }: ISuccessIndicatorTab) => JSX.Element;
+declare const SuccessIndicatorTab: ({ successIndicatorsData, avgQuestionLastMonth, dayOfWeekOneToOne, monthsOneToOne, timeOfDay, classFontSize, handleHoverTooltip, successIndicatorWeeklyData, weeksOneToOne, activeColumn, onActiveColumn, loadingComplete }: ISuccessIndicatorTab) => JSX.Element;
 export default SuccessIndicatorTab;

package/dist/containers/Dashboard/components/TotalCard.d.ts

@@ -1,3 +1,3 @@
 import { ITotalCard } from "../configs/types";
-declare const TotalCard: ({ iconSrc, label, value }: ITotalCard) => JSX.Element;
+declare const TotalCard: ({ iconSrc, label, value, loadingComplete }: ITotalCard) => JSX.Element;
 export default TotalCard;

package/dist/containers/Dashboard/configs/types.d.ts

@@ -40,6 +40,7 @@ export interface IStudentPressureChart {
     width?: number;
     print?: boolean;
     handleHoverTooltip?: Function;
+    loadingComplete?: boolean;
 }
 export interface IStudentPressure {
     boreOutStudent: string[];
@@ -468,11 +469,13 @@ export interface IFilterComponent {
     onSaveFilter: Function;
     optionDate?: string;
     setSelectTeacherUserId: Function;
+    loadingComplete: ILoadingComplete;
 }
 export interface ITotalCard {
     label: string;
     value: number | string;
     iconSrc: string;
+    loadingComplete?: boolean;
 }
 export interface IQuestionResponseLastMonth {
     avgQuestionResponse: number;
@@ -538,6 +541,7 @@ export interface IGenerateDashboardChart {
     stressValue?: number[];
     noAvgTotal?: boolean;
     onActiveColumn?: any;
+    loadingComplete?: boolean;
 }
 export interface IResponseStudentQuestion {
     sessionId: number;
@@ -584,9 +588,11 @@ export interface IConcernMetricTab {
     studentMetricPercent: number;
     stressValue: number[];
     safetyValue: number[];
+    loadingComplete: ILoadingComplete;
 }
 export interface IConversationTab {
     conversationKpi: IConversationKpi;
+    loadingComplete: boolean;
 }
 export interface IGraphTrend {
     value: number;
@@ -594,6 +600,7 @@ export interface IGraphTrend {
     label?: string;
     timeOfDay?: string;
     valueData?: number;
+    loadingComplete: boolean;
 }
 export interface IOpenFieldTab {
     summarizeQuestions: ISummarizeQuestion | undefined;
@@ -601,6 +608,7 @@ export interface IOpenFieldTab {
     questionFilters: any;
     handleChangeQuestionFilter: (filter: any) => void;
     goToSession: Function;
+    loadingComplete: boolean;
 }
 export interface ISuccessIndicatorTab {
     successIndicatorsData: ISeries[];
@@ -614,6 +622,7 @@ export interface ISuccessIndicatorTab {
     weeksOneToOne: string[];
     activeColumn: boolean[];
     onActiveColumn: any;
+    loadingComplete: ILoadingComplete;
 }
 export interface ILearningItem {
     learningStrategyName: string;
@@ -625,6 +634,7 @@ export interface ILearningProgressTab {
     classFontSize?: string;
     handleHoverTooltip?: Function;
     print?: boolean;
+    loadingComplete: boolean;
 }
 export interface IReadinessToLearnTab {
     handleHoverTooltip?: Function;
@@ -641,6 +651,7 @@ export interface IReadinessToLearnTab {
     onActiveColumn?: any;
     activeColumn?: boolean[];
     timeOfDay?: string;
+    loadingComplete: ILoadingComplete;
 }
 export interface IGenerateTrendQuestion {
     series: ISeries[];
@@ -650,6 +661,7 @@ export interface IGenerateTrendQuestion {
     className?: string;
     noAvgText?: boolean;
     timeOfDay?: string;
+    loadingComplete: boolean;
 }
 export interface FILTER_STUDENT_WELLBEING {
     startDate?: number;
@@ -695,4 +707,17 @@ export interface IConversationKpi {
     missedReviewStudents: IMissedReviewStudents[];
     educatorConversationsTarget: IEducatorConversationKpi[];
 }
+export interface ILoadingComplete {
+    allStudent: boolean;
+    dataChart: boolean;
+    dataConversationGoal: boolean;
+    dataDistribution: boolean;
+    dataMetric: boolean;
+    dataOverview: boolean;
+    dataStatics: boolean;
+    dataStudentPressure: boolean;
+    gradeList: boolean;
+    skillQuestion: boolean;
+    summarizeReport: boolean;
+}
 export {};

package/dist/containers/Dashboard/hooks/useDashboard.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DashboardFilter, IActivityCircle, IlearningStrategies, IReadinessToLearning, IStudentByGrade, IStudentBySpecialNeed, IsyntheticFriendCircle, BAND_SCORE, IStudentByAge, IStudentByGender, IDashboardToTalStudent, IQuestionResponseLastMonth, IStudentPressure, IOverallReadinessToLearn, ISeries, ISummarizeQuestion, IFilterCalendar, ILowMetricStudent, IConversationKpi } from "../configs/types";
+import { DashboardFilter, IlearningStrategies, IReadinessToLearning, IDashboardToTalStudent, IQuestionResponseLastMonth, IStudentPressure, IOverallReadinessToLearn, ISeries, ISummarizeQuestion, IFilterCalendar, ILowMetricStudent, IConversationKpi, ILoadingComplete } from "../configs/types";
 import { IFilter, Student } from "../../../utils/type";
 import { IStudentSkillQuestion } from "../../MyStudent/components/NewOverview/Chat/types/types";
 import { MaterialUiPickersDate } from "@material-ui/pickers/typings/date";
@@ -10,15 +10,8 @@ declare const useDashboard: () => {
     listTotalTime: IDashboardToTalStudent;
     readinessToLearning: IReadinessToLearning[];
     topLearningStrategies: IlearningStrategies;
-    studentByGrade: IStudentByGrade[];
-    friendCircles: IsyntheticFriendCircle | undefined;
-    activityCircles: IActivityCircle | undefined;
-    studentBySpecialNeed: IStudentBySpecialNeed[];
-    studentByAge: IStudentByAge;
-    studentByGender: IStudentByGender;
     handleChangeFilters: (event: any) => void;
     handleChangeAcademicYearFilters: (option: any) => void;
-    bandScore: BAND_SCORE[];
     academicYear: any;
     user: any;
     studentDefault: Student | undefined;
@@ -93,5 +86,6 @@ declare const useDashboard: () => {
     activeColumnReadiness: boolean[];
     activeColumnIndicators: boolean[];
     handleActiveColumn: (index: number, name: string) => void;
+    loadingComplete: ILoadingComplete;
 };
 export default useDashboard;

package/dist/containers/Homepage/common/interface.d.ts

@@ -146,3 +146,11 @@ export interface IStudentQuestionSkillParams {
     academicYearId?: number;
     optionDate?: string;
 }
+export interface ILoadingComplete {
+    gradeUsage: boolean;
+    schoolUsage: boolean;
+    generalTips: boolean;
+    dataCheckIns: boolean;
+    skillQuestion: boolean;
+    viewStudent: boolean;
+}

package/dist/containers/Homepage/hooks/useGeneralTip.d.ts

@@ -1,5 +1,5 @@
 import { IGeneralTip } from "../common/interface";
-declare const useGeneralTip: () => {
+declare const useGeneralTip: (setLoadingComplete?: Function | undefined) => {
     generalTips: IGeneralTip[];
     getDataAdminGeneralTip: () => Promise<void>;
 };

package/dist/containers/Homepage/hooks/useGradeUsage.d.ts

@@ -1,5 +1,5 @@
 import { IGradeUsage } from "../common/interface";
-declare const useGradeUsage: () => {
+declare const useGradeUsage: (setLoadingComplete?: Function | undefined) => {
     dataGradeUsage: IGradeUsage[];
     getDataGradeUsage: () => Promise<void>;
 };

package/dist/containers/Homepage/hooks/useSchoolUsage.d.ts

@@ -1,5 +1,5 @@
 import { ISchoolInfo } from "../common/interface";
-declare const useSchoolUsage: () => {
+declare const useSchoolUsage: (setLoadingComplete?: Function | undefined) => {
     totalCardData: ({
         id: string;
         title: string;

package/dist/containers/Homepage/hooks/useStudentWellness.d.ts

@@ -1,6 +1,6 @@
 import { IQuestionResponseLastMonth, ISeries, IStudentSkillQuestion } from "../common/interface";
 import { FILTER_STUDENT_WELLBEING } from "../common/interface";
-declare const useStudentWellness: (studentId: number | undefined, filterDateChart: FILTER_STUDENT_WELLBEING, gradeFilter?: string[] | undefined, academicYearId?: number | undefined) => {
+declare const useStudentWellness: (studentId: number | undefined, filterDateChart: FILTER_STUDENT_WELLBEING, gradeFilter?: string[] | undefined, academicYearId?: number | undefined, setLoadingComplete?: Function | undefined) => {
     handleActiveColumnOneToOne: (index: number, name: string) => void;
     activeColumnSuccessIndicators: boolean[];
     monthsOneToOne: string[];

package/dist/containers/Homepage/hooks/useViewStudent.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { STUDENT_SELECTOR } from "../common/interface";
-declare const useViewStudent: () => {
+declare const useViewStudent: (setLoadingComplete?: Function | undefined) => {
     handleAddNewStudent: () => void;
     dataStudents: any;
     searchStringStudent: string;

package/dist/index.css

@@ -3281,6 +3281,40 @@ h6._3zOGW {
           -o-object-fit: cover;
              object-fit: cover; }
 
+._3Cvdu {
+  width: 32px;
+  height: 32px;
+  border: 5px solid #316CD9;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  -webkit-animation: _1W79y 1s linear infinite;
+          animation: _1W79y 1s linear infinite; }
+
+._17wC_ {
+  width: 32px;
+  height: 32px;
+  border: 5px solid #d3d3d3;
+  border-bottom-color: transparent;
+  border-radius: 50%;
+  display: inline-block;
+  box-sizing: border-box;
+  -webkit-animation: _1W79y 1s linear infinite;
+          animation: _1W79y 1s linear infinite; }
+
+@-webkit-keyframes _1W79y {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg); } }
+
+@keyframes _1W79y {
+  0% {
+    transform: rotate(0deg); }
+  100% {
+    transform: rotate(360deg); } }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");