mario-teacher-student-client 2.1.128-admin → 2.1.130-admin

package/dist/components/Header/CustomHeaderComponent.d.ts

@@ -11,6 +11,7 @@ interface headerProps {
     isDisableButton?: boolean;
     isPreviewSurvey?: boolean;
     onHandleGoBack?: Function;
+    borderNone?: boolean;
 }
-declare const CustomHeaderComponent: ({ title, contentButton, iconButton, isGoback, isGreyBackground, status, handleChangePage, isDisableButton, isPreviewSurvey, handlePreview, onHandleGoBack }: headerProps) => JSX.Element;
+declare const CustomHeaderComponent: ({ title, contentButton, iconButton, isGoback, isGreyBackground, status, handleChangePage, isDisableButton, isPreviewSurvey, handlePreview, onHandleGoBack, borderNone }: headerProps) => JSX.Element;
 export default CustomHeaderComponent;

package/dist/components/layouts/LanguageDropdown.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const LanguageDropdown: () => JSX.Element;
+export default LanguageDropdown;

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

@@ -0,0 +1,12 @@
+import { FC } from "react";
+interface IProps {
+    background?: string;
+    width?: number;
+    height?: number;
+    isActive?: boolean;
+    className?: string;
+    props?: any;
+    onClick?: () => void;
+}
+declare const CheckboxCustom: FC<IProps>;
+export default CheckboxCustom;

package/dist/containers/ActionPoint/components/Dialogs/hooks/useDialogRequest.d.ts

@@ -22,11 +22,11 @@ declare const useDialogRequest: (_props: PropsType, ref: any) => {
     handleChangeNotiCount: (e: React.ChangeEvent<{
         value: unknown;
     }>) => void;
-    handleCreate: (cb?: Function | undefined) => Promise<void>;
+    handleCreate: (cb?: Function | undefined, cbGetEventCalendar?: Function | undefined) => Promise<void>;
     handleClickClose: () => void;
     handleCheckbox: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    submitUpdate: (cb?: Function | undefined) => Promise<void>;
-    handleDeleteItem: (cb?: Function | undefined) => Promise<void>;
+    submitUpdate: (cb?: Function | undefined, cbGetEventCalendar?: Function | undefined) => Promise<void>;
+    handleDeleteItem: (cb?: Function | undefined, cbGetEventCalendar?: Function | undefined) => Promise<void>;
     handleCloseNoti: () => void;
     setNotiSetting: React.Dispatch<React.SetStateAction<string>>;
     notiSetting: string;

package/dist/containers/MyStudent/components/NewOverview/TopLearningStrategies/hooks/useLearningStrategies.d.ts

@@ -5,8 +5,6 @@ declare const useLearningStrategies: (studentId: any, filterDateChart: any) => {
         pageSize: number;
         sortBy: string;
         sortOrder: string;
-        startDate: any;
-        endDate: any;
     };
     changeFiltersLearningStrategiesData: (updatedFilters: any) => void;
     learningStrategiesData: any;

package/dist/containers/MyStudent/hooks/useOverview.d.ts

@@ -26,8 +26,6 @@ declare const useOverview: (studentId: number) => {
         pageSize: number;
         sortBy: string;
         sortOrder: string;
-        startDate: any;
-        endDate: any;
     };
     changeFiltersLearningStrategiesData: (updatedFilters: any) => void;
     handleActiveColumnOneToOne: (index: any) => void;

package/dist/containers/PLP/hooks/usePlpPage.d.ts

@@ -25,8 +25,6 @@ declare const usePlpPage: () => {
         pageSize: number;
         sortBy: string;
         sortOrder: string;
-        startDate: any;
-        endDate: any;
     };
     changeFiltersLearningStrategiesData: (updatedFilters: any) => void;
     handleActiveColumnOneToOne: (index: any) => void;

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

@@ -1,3 +1,4 @@
+import { FILTER_OVERVIEW_SURVEY } from "../constants/types";
 export declare const getStudentList: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
 export declare const getTemplateSurvey: () => Promise<import("axios").AxiosResponse<any>>;
 export declare const createSurvey: (model: any) => Promise<import("axios").AxiosResponse<any>>;
@@ -13,3 +14,6 @@ export declare const shareSurvey: (data: any) => void;
 export declare const updateSurvey: (surveyId: number, model: any) => Promise<import("axios").AxiosResponse<any>>;
 export declare const getListExternal: (surveyId: number, params: any) => Promise<import("axios").AxiosResponse<any>>;
 export declare const getSurveyDetail: (surveyId: number) => Promise<import("axios").AxiosResponse<any>>;
+export declare const getDashboardTotalSurvey: (filters: FILTER_OVERVIEW_SURVEY) => Promise<import("axios").AxiosResponse<any>>;
+export declare const getDashboardFlagSurvey: (filters: FILTER_OVERVIEW_SURVEY) => Promise<import("axios").AxiosResponse<any>>;
+export declare const getDashboardTemplateSurvey: (filters: FILTER_OVERVIEW_SURVEY) => Promise<import("axios").AxiosResponse<any>>;

package/dist/containers/Surveys/components/ChartOverview/BarChart.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { ISeries } from "../../constants/types";
+interface IProps {
+    months: string[];
+    activeColumn: boolean[];
+    series: ISeries[];
+}
+declare const BarChart: FC<IProps>;
+export default BarChart;

package/dist/containers/Surveys/components/ChartOverview/components/BarAndAreaChart.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { ISeries } from "../../../constants/types";
+interface IProps {
+    months: string[];
+    activeColumn: boolean[];
+    series: ISeries[];
+    isHasLineChart: boolean;
+}
+declare const BarAndAreaChart: FC<IProps>;
+export default BarAndAreaChart;

package/dist/containers/Surveys/components/ChartOverview/components/BarChart.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { ISeries } from "../../../constants/types";
+interface IProps {
+    months: string[];
+    activeColumn: boolean[];
+    series: ISeries[];
+}
+declare const BarChart: FC<IProps>;
+export default BarChart;

package/dist/containers/Surveys/components/ChartOverview/components/ChoiceChartType.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TYPECHART } from "../../../constants/constant";
+import { IChartOptions } from "../../../constants/types";
+interface IChoiceChartType {
+    onChangeChart: Function;
+    typeChart?: TYPECHART[];
+    options: IChartOptions[];
+}
+declare const ChoiceChartType: ({ onChangeChart, typeChart, options }: IChoiceChartType) => JSX.Element;
+export default ChoiceChartType;

package/dist/containers/Surveys/components/ChartOverview/components/PieChart.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { IDashboardFlag } from "../../../constants/types";
+interface IProps {
+    data?: IDashboardFlag;
+    name: string;
+}
+declare const PieChart: FC<IProps>;
+export default PieChart;

package/dist/containers/Surveys/components/ChartOverview/view/ChartViewDashboard.d.ts

@@ -0,0 +1,18 @@
+import { FC } from "react";
+import { IChartOptions, ISeries } from "../../../constants/types";
+import { TYPECHART } from "../../../constants/constant";
+export interface IProps {
+    data: any;
+    typeChart: TYPECHART[];
+    onActiveColumn?: Function;
+    activeColumn: boolean[];
+    series: ISeries[];
+    avg?: number[];
+    months: any;
+    onChangeChart?: Function;
+    optionType?: IChartOptions[];
+    name: string;
+    isHiddenLabel?: boolean;
+}
+declare const ChartViewDashboard: FC<IProps>;
+export default ChartViewDashboard;

package/dist/containers/Surveys/components/Overview.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Overview: () => JSX.Element;
+export default Overview;

package/dist/containers/Surveys/constants/chartOptions.d.ts

@@ -0,0 +1,4 @@
+import { ApexOptions } from "apexcharts";
+export declare const optionColumnChartAndPercents: (months: string[], activeData: boolean[], isRidgeCharts: boolean) => ApexOptions;
+export declare const optionBarChartAndArea: (months: string[], activeData: boolean[], newseries?: any) => ApexOptions;
+export declare const pieChartOptions: ApexOptions;

package/dist/containers/Surveys/constants/constant.d.ts

@@ -63,3 +63,13 @@ export declare const initialAdditionalQuestion: {
     textAnswer: string;
 };
 export declare const charactersRandom = "0123456789";
+export declare const COLOR_CHART_AND_PERCENTS: string[];
+export declare enum TYPECHART {
+    AREA = 0,
+    BAR = 1,
+    LINE = 2,
+    BOTH = 3
+}
+export declare const COLOR_CHART_AND_PIE: string[];
+export declare const optionTotalSurvey: string[];
+export declare const LABEL_NAME_PIE_CHART: string[];

package/dist/containers/Surveys/constants/overviewFn.d.ts

@@ -0,0 +1,16 @@
+import { DASHBOARD_TEMPLATE, ISeries, TOTAL_DASHBOAD_SURVEY } from "./types";
+export declare const handleViewSeriesActive: (active: boolean[]) => number[];
+export declare const convertDataToDataChart: (data: DASHBOARD_TEMPLATE[]) => string[];
+export declare const convertToSeriesTemplate: (data: DASHBOARD_TEMPLATE[]) => {
+    name: string;
+    data: number[];
+}[];
+export declare const convertToSeriesTotal: (data: TOTAL_DASHBOAD_SURVEY[]) => {
+    name: string;
+    data: number[];
+}[];
+export declare const mergeBarChartAndArea: (series: ISeries[], isHasLineChart: boolean) => {
+    type: string;
+    name: string;
+    data: number[];
+}[];

package/dist/containers/Surveys/constants/types.d.ts

@@ -1,4 +1,4 @@
-import { QuestionType } from "./constant";
+import { QuestionType, TYPECHART } from "./constant";
 import { QUESTION_ADDITIONAL } from "./questionModelType";
 export interface FILTER_SURVEY {
     currentPage: number;
@@ -12,6 +12,11 @@ export interface FILTER_SURVEY {
     isFavorite?: boolean;
     type?: number;
 }
+export interface FILTER_OVERVIEW_SURVEY {
+    searchString: string;
+    startDate: number;
+    endDate: number;
+}
 export interface SURVEY_LIST {
     id: number;
     title: string;
@@ -306,3 +311,32 @@ export interface FAVORITE_PROPS {
 export interface HOOK_FAVORITE_PROPS {
     setDataFormCreateSurvey: Function;
 }
+export interface NUMBER_SURVEY {
+    numberTotalSurveyDone: number;
+    numberTotalSurveyNotDone: number;
+}
+export interface TOTAL_DASHBOAD_SURVEY {
+    month: string;
+    numberSurveys: NUMBER_SURVEY;
+}
+export interface ISurveyTemplate {
+    avgTemplateSurvey: number;
+    templateName: string;
+}
+export interface DASHBOARD_TEMPLATE {
+    month: string;
+    surveyTemplate: ISurveyTemplate[];
+}
+export interface ISeries {
+    name: string;
+    data: number[];
+}
+export interface IChartOptions {
+    value: TYPECHART;
+    label: string;
+}
+export interface IDashboardFlag {
+    numberSurveyBlue?: number;
+    numberSurveyRed?: number;
+    numberSurveyYellow?: number;
+}

package/dist/containers/Surveys/hook/useOverviewSurvey.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { DASHBOARD_TEMPLATE, FILTER_OVERVIEW_SURVEY, IDashboardFlag, TOTAL_DASHBOAD_SURVEY } from "../constants/types";
+import { MaterialUiPickersDate } from "@material-ui/pickers/typings/date";
+declare const useOverviewSurvey: () => {
+    inputSearch: import("react").MutableRefObject<any>;
+    filters: FILTER_OVERVIEW_SURVEY;
+    handleChangeInputSearch: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    handleChangeStartDate: (date: MaterialUiPickersDate | null) => void;
+    handleChangeEndDate: (date: MaterialUiPickersDate | null) => void;
+    totalSurvey: TOTAL_DASHBOAD_SURVEY[];
+    templateSurveyDashboard: DASHBOARD_TEMPLATE[];
+    surveyFlagData: IDashboardFlag | undefined;
+};
+export default useOverviewSurvey;

package/dist/containers/Surveys/views/SurveyOverview.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SurveyOverview: () => JSX.Element;
+export default SurveyOverview;

package/dist/index.css

@@ -3119,7 +3119,7 @@ h2._1OAmb {
     margin-top: 10px; }
     ._gOdCz ._smLhQ ._1MX_1 {
       overflow: auto;
-      max-height: 20vh; }
+      height: 20vh; }
       ._gOdCz ._smLhQ ._1MX_1 ._3tmRq {
         display: flex;
         align-items: center;
@@ -4775,8 +4775,7 @@ h2._1OAmb {
   min-height: 180px;
   height: 100%;
   max-height: 100vh;
-  overflow: scroll;
-  overflow-x: hidden; }
+  overflow: auto; }
   ._S0bRu ._2z0d_ {
     font-size: 16px;
     font-style: normal;
@@ -13911,7 +13910,9 @@ h2._1KpSK {
   ._1VfS9 ._3s-7D {
     display: flex;
     width: 100%;
-    justify-content: flex-end; }
+    justify-content: flex-start;
+    margin-bottom: 20px;
+    margin-left: 10px; }
 
 ._1MqAT ._2cDXH {
   display: flex;
@@ -13922,7 +13923,7 @@ h2._1KpSK {
     margin-right: 20px; }
     ._1MqAT ._2cDXH ._3C3be ._1fkiB, ._1MqAT ._2cDXH ._JeKAW ._1fkiB {
       margin-bottom: 0 !important;
-      font-size: 18px;
+      font-size: 15px;
       margin-right: 10px;
       color: #242424; }