mario-education 2.4.574-feedback → 2.4.576-feedback

package/dist/components/Table/TableCells.d.ts

@@ -10,6 +10,10 @@ interface PROPS_TABLE {
     listTableCell: TABLE_CELL[];
     filters: FILTER_SURVEY;
     handleSort?: Function;
+    hasCheckbox?: boolean;
+    dataSelect?: any[];
+    selectedIds?: number[];
+    handleSelectAll?: any;
 }
-declare const TableCells: ({ listTableCell, filters, handleSort }: PROPS_TABLE) => JSX.Element;
+declare const TableCells: ({ listTableCell, filters, handleSort, hasCheckbox, dataSelect, selectedIds, handleSelectAll }: PROPS_TABLE) => JSX.Element;
 export default TableCells;

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

@@ -33,6 +33,8 @@ interface PROPS_FILTER {
     onChangeOptionDate?: Function;
     renderOption?: string;
     isSelectMulti?: boolean;
+    handleOpenModalDelete?: any;
+    selectedIds?: number[];
 }
-declare const CustomFilterComponent: ({ filters, handleChangeStartDate, handleChangeEndDate, handleChangeInputSearch, inputSearch, isShowSelectRight, handleChangeStatus, placeholderSearch, handleSelectFavorite, studentList, onSelectStudent, toggleKeyCustom, handleToggleCustom, toggleContentCustom, optionCustomSelect, handleChangeCustomSelect, surveyOptions, handleChangeSurveyOption, academicOption, handleChangeAcademicYear, valueAcademicYear, handleDownloadCsv, onChangeGrade, onChangeOptionDate, renderOption, isSelectMulti, }: PROPS_FILTER) => JSX.Element;
+declare const CustomFilterComponent: ({ filters, handleChangeStartDate, handleChangeEndDate, handleChangeInputSearch, inputSearch, isShowSelectRight, handleChangeStatus, placeholderSearch, handleSelectFavorite, studentList, onSelectStudent, toggleKeyCustom, handleToggleCustom, toggleContentCustom, optionCustomSelect, handleChangeCustomSelect, surveyOptions, handleChangeSurveyOption, academicOption, handleChangeAcademicYear, valueAcademicYear, handleDownloadCsv, onChangeGrade, onChangeOptionDate, renderOption, isSelectMulti, handleOpenModalDelete, selectedIds }: PROPS_FILTER) => JSX.Element;
 export default CustomFilterComponent;

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 }: 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 }: IConcernMetricTab) => JSX.Element>;
 export default _default;

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

@@ -0,0 +1,8 @@
+import { IEducatorConversationKpi } from '../configs/types';
+interface IProps {
+    educators: IEducatorConversationKpi[];
+    open: boolean;
+    onClose: Function;
+}
+declare const EducatorConversationModal: ({ educators, open, onClose }: IProps) => JSX.Element;
+export default EducatorConversationModal;

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 }: 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, }: IGenerateDashboardChart) => JSX.Element>;
 export default _default;

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 }: IReadinessToLearnTab) => JSX.Element;
+declare const ReadinessToLearnTab: ({ dataReadinessOfChart, handleHoverTooltip, classFontSize, dataOverallReadyToLearn, dayOfWeekOneToOne, monthsOneToOne, avgQuestionLastMonth, preparednessData, preparednessWeeklyData, weeksOneToOne, setOptionDate, activeColumn, onActiveColumn }: IReadinessToLearnTab) => JSX.Element;
 export default ReadinessToLearnTab;

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 }: ISuccessIndicatorTab) => JSX.Element;
+declare const SuccessIndicatorTab: ({ successIndicatorsData, avgQuestionLastMonth, dayOfWeekOneToOne, monthsOneToOne, timeOfDay, classFontSize, handleHoverTooltip, successIndicatorWeeklyData, weeksOneToOne, activeColumn, onActiveColumn }: ISuccessIndicatorTab) => JSX.Element;
 export default SuccessIndicatorTab;

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

@@ -537,6 +537,7 @@ export interface IGenerateDashboardChart {
     setOptionDate?: Function;
     stressValue?: number[];
     noAvgTotal?: boolean;
+    onActiveColumn?: any;
 }
 export interface IResponseStudentQuestion {
     sessionId: number;
@@ -582,6 +583,7 @@ export interface IConcernMetricTab {
     lowMetricStudents: ILowMetricStudent[];
     studentMetricPercent: number;
     stressValue: number[];
+    safetyValue: number[];
 }
 export interface IConversationTab {
     conversationKpi: IConversationKpi;
@@ -610,6 +612,8 @@ export interface ISuccessIndicatorTab {
     classFontSize?: string;
     handleHoverTooltip?: Function;
     weeksOneToOne: string[];
+    activeColumn: boolean[];
+    onActiveColumn: any;
 }
 export interface ILearningItem {
     learningStrategyName: string;
@@ -634,6 +638,8 @@ export interface IReadinessToLearnTab {
     preparednessWeeklyData: ISeries[];
     weeksOneToOne: string[];
     setOptionDate?: Function;
+    onActiveColumn?: any;
+    activeColumn?: boolean[];
 }
 export interface IGenerateTrendQuestion {
     series: ISeries[];
@@ -671,11 +677,19 @@ export interface IMissedReviewStudents {
     grade?: string;
     conversationDate?: string;
 }
+export interface IEducatorConversationKpi {
+    educatorUserId: string;
+    educatorName: string;
+    educatorProfileImage?: string;
+    numberOfConversation: number;
+    numberOfExpectedConversation: number;
+}
 export interface IConversationKpi {
     conversationTarget: number;
     conversationTeacherAvg: number;
     avgStudentReview: number;
     sessionReviewSkipped: number;
     missedReviewStudents: IMissedReviewStudents[];
+    educatorConversationsTarget: IEducatorConversationKpi[];
 }
 export {};

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

@@ -89,5 +89,9 @@ declare const useDashboard: () => {
     stressValue: number[];
     conversationKpi: IConversationKpi;
     setSelectTeacherUserId: (value: any) => Promise<void>;
+    safetyValue: number[];
+    activeColumnReadiness: boolean[];
+    activeColumnIndicators: boolean[];
+    handleActiveColumn: (index: number, name: string) => void;
 };
 export default useDashboard;

package/dist/containers/SurveyDashboard/apiClient/surveyService.d.ts

@@ -32,3 +32,4 @@ export declare const getResponsesDistribution: (surveyId: number, params: any) =
 export declare const getAllTeachers: (studentUserId?: string | undefined) => Promise<import("axios").AxiosResponse<any>>;
 export declare const getRatingLabelSurvey: (isAdmin?: boolean | undefined) => Promise<import("axios").AxiosResponse<any>>;
 export declare const getAnswerChart: (surveyId: number, params: any) => Promise<import("axios").AxiosResponse<any>>;
+export declare const deleteSelectedSurveyApi: (ids: number[]) => Promise<import("axios").AxiosResponse<any>>;

package/dist/containers/SurveyDashboard/components/ConfirmDeleteSelectedModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type IProps = {
+    isOpen: boolean;
+    onClose: Function;
+    handleDelete: () => Promise<void>;
+    selectedIds: number[];
+};
+declare const _default: React.NamedExoticComponent<IProps>;
+export default _default;

package/dist/containers/SurveyDashboard/hooks/useListSurvey.d.ts

@@ -53,5 +53,12 @@ declare const useListSurvey: (pageSize?: number | undefined) => {
     handleChangeStudent: (studentId?: number | undefined) => void;
     onEditSurvey: (id: number) => void;
     handlePublishSurvey: (surveyId: any) => Promise<void>;
+    selectedIds: number[];
+    handleToggleSelect: (id: number) => void;
+    handleSelectAll: (checked: boolean) => void;
+    handleDeleteSelected: () => Promise<void>;
+    handleOpenModalDelete: () => void;
+    openSelectedModal: boolean;
+    handleCloseModalDelete: () => void;
 };
 export default useListSurvey;

package/dist/index.css

@@ -532,6 +532,32 @@ tbody._b-AXV tr {
     margin-right: 16px;
 }
 
+._1vl0q {
+    display: flex;
+    align-items: center;
+    gap: 32px;
+    justify-content: space-between;
+}
+
+._3BKxE {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    background: #fc3636;
+    border: none;
+    outline: none;
+    border-radius: 999px;
+    padding: 12px 16px;
+    color: #fff;
+    font-size: 16px;
+    font-weight: 500;
+
+    &:hover {
+        box-shadow: 0 0 10px #fc3636;
+    }
+}
+
 ._1z_ef {
     padding: 8px 16px !important;
 }
@@ -2787,12 +2813,12 @@ h6._3zOGW {
     display: flex;
     align-items: center; }
   ._2WPKK ._35LD0 {
-    width: 100%; }
+    width: 100%;
+    margin-left: 8px; }
   ._2WPKK ._1jukR {
     display: flex;
     display: flex;
-    align-items: center;
-    margin-top: 10px; }
+    align-items: center; }
     @media (max-width: 1023px) {
       ._2WPKK ._1jukR {
         margin-top: 0; } }
@@ -3031,6 +3057,14 @@ h6._3zOGW {
         line-height: 24px;
         color: #242424;
         opacity: 0.56; }
+    ._3qqfp ._UucbR {
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 24px;
+      color: #316CD9;
+      cursor: pointer;
+      display: flex;
+      gap: 6px; }
 
 ._2jy_I {
   display: flex;
@@ -12103,6 +12137,90 @@ tfoot tr td {
         line-height: 24px;
         text-align: center; }
 
+._2_xof {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 48px;
+  flex-direction: column; }
+  ._2IYUC {
+    width: 100%;
+    margin-top: 24px;
+    margin-bottom: 8px;
+    font-family: "Montserrat-Bold" !important;
+    font-weight: 700;
+    font-size: 36px;
+    line-height: 44px;
+    letter-spacing: 0px;
+    text-align: center; }
+  ._Dm6Kc {
+    width: 100%;
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 27px;
+    letter-spacing: 0px;
+    text-align: center;
+    margin-bottom: 32px; }
+  ._r9NMX {
+    display: flex;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+    gap: 24px; }
+  ._92MjQ {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    border: none;
+    cursor: pointer;
+    background: #316CD9;
+    border-radius: 32px;
+    color: #fff;
+    padding: 14px 24px;
+    font-weight: 700;
+    font-size: 18px;
+    line-height: 27px;
+    letter-spacing: 0px;
+    text-transform: uppercase;
+    width: -webkit-fit-content;
+    width: -moz-fit-content;
+    width: fit-content;
+    transition: 0.3s ease-in-out; }
+    ._92MjQ:hover {
+      box-shadow: #316CD9 0 0 10px; }
+  ._33vda {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border: none;
+    cursor: pointer;
+    background: transparent;
+    color: #24242450;
+    font-weight: 700;
+    font-size: 18px;
+    line-height: 27px;
+    letter-spacing: 0px;
+    text-transform: uppercase;
+    width: -webkit-fit-content;
+    width: -moz-fit-content;
+    width: fit-content;
+    transition: 0.3s ease-in-out; }
+    ._33vda:hover {
+      color: red; }
+
+._2_xof > svg {
+  width: 56px;
+  height: 56px;
+  -webkit-animation: _3fubD 1.2s infinite;
+          animation: _3fubD 1.2s infinite; }
+
+._92MjQ {
+  background: #ff0000;
+  padding: 12px 24px; }
+  ._92MjQ:hover {
+    box-shadow: #ff0000 0 0 10px; }
+
 :root {
     --green-dark: #006E60;
 }