mario-education 2.4.14-beta → 2.4.15-beta

package/dist/MarioFramework.Education/ClientApp/src/components/Button/SubmitButton.d.ts

@@ -3,6 +3,7 @@ interface Props {
     text?: string;
     onClick?(): void;
     style?: any;
+    className?: string;
 }
 declare const SubmitButton: FC<Props>;
 export default SubmitButton;

package/dist/MarioFramework.Education/ClientApp/src/containers/Classes/components/StudentItemSelector.d.ts

@@ -0,0 +1,17 @@
+import { FC } from "react";
+interface Props {
+    value?: any;
+    onChange: any;
+    externalStudentIds?: number[];
+    studentDefault?: Student;
+}
+export interface Student {
+    studentId: number;
+    email: string;
+    fullName: string;
+    id: string;
+    label?: string;
+    value?: string;
+}
+declare const StudentItemSelector: FC<Props>;
+export default StudentItemSelector;

package/dist/MarioFramework.Education/ClientApp/src/containers/Classes/components/TeacherItemSelector.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+interface Props {
+    defaultValue: number | null | undefined;
+    onChange: Function;
+}
+export interface Option {
+    label: string;
+    value: number;
+}
+declare const TeacherItemSelector: FC<Props>;
+export default TeacherItemSelector;

package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/components/StudentWithSpecialNeeds.d.ts

@@ -1,3 +1,7 @@
-/// <reference types="react" />
-declare const StudentWithSpecialNeeds: ({ data }: any) => JSX.Element;
+import { FC } from "react";
+import { IStudentBySpecialNeed } from "../configs/types";
+interface IProps {
+    data: IStudentBySpecialNeed[];
+}
+declare const StudentWithSpecialNeeds: FC<IProps>;
 export default StudentWithSpecialNeeds;

package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/configs/types.d.ts

@@ -65,6 +65,7 @@ export declare type DashboardFilter = {
     grade?: string[];
     teacherId?: number;
     mtss?: MtssType;
+    studentId?: number;
 };
 export interface ICircleChartItem {
     id: number;
@@ -123,4 +124,12 @@ export declare enum MtssType {
     Tier2 = 1,
     Tier3 = 2
 }
+export interface IStudentBySpecialNeed {
+    nameDesignation: string;
+    numberDesignation: number;
+}
+export interface IseriesChart {
+    name: string[];
+    data: number[];
+}
 export {};

package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/configs/utils.d.ts

@@ -1,6 +1,6 @@
 import { ApexOptions } from "apexcharts";
 import { IOptionSelector } from "../../../components/Select/InputSelector";
-import { IActivityCircle, ISeries, IStudentByGrade, IsyntheticFriendCircle, LegalGenderType, MtssType } from "./types";
+import { IActivityCircle, ISeries, IseriesChart, IStudentByGrade, IsyntheticFriendCircle, LegalGenderType, MtssType } from "./types";
 export declare const getColors: (length: number) => string[];
 export declare const friendCircleItems: ({ bestFriends, friends, couldBeFriends, supportive }: IsyntheticFriendCircle) => {
     id: number;
@@ -30,6 +30,7 @@ export declare const mtssOptions: {
 export declare const learningStrategyChartOptions: (labelNames: string[], usageCountList: number[]) => ApexOptions;
 export declare const ReadinessToLearnOptions: (questionTexts: string[]) => ApexOptions;
 export declare const optionsChartGrade: (maxDatas: number, colorCharts: string[]) => ApexOptions;
+export declare const studentBySpecialNeedOptions: (seriesValue: IseriesChart) => ApexOptions;
 export declare const seriesConvert: (gradeAndQuantity: IStudentByGrade[]) => ISeries[];
 export declare const maxSeries: (series: ISeries[]) => number;
 export declare const average: (arr: number[]) => number;

package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/hooks/useDashboard.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DashboardFilter, IActivityCircle, IlearningStrategies, IReadinessToLearning, IStudentByGrade, IsyntheticFriendCircle } from "../configs/types";
+import { DashboardFilter, IActivityCircle, IlearningStrategies, IReadinessToLearning, IStudentByGrade, IStudentBySpecialNeed, IsyntheticFriendCircle } from "../configs/types";
 declare const useDashboard: () => {
     setFilter: import("react").Dispatch<import("react").SetStateAction<DashboardFilter>>;
     filter: DashboardFilter;
@@ -13,7 +13,7 @@ declare const useDashboard: () => {
     learningProgress: never[];
     friendCircles: IsyntheticFriendCircle | undefined;
     activityCircles: IActivityCircle | undefined;
-    studentBySpecialNeed: undefined;
+    studentBySpecialNeed: IStudentBySpecialNeed[];
     studentByAge: undefined;
     studentByGender: undefined;
     grades: string[];
@@ -22,5 +22,8 @@ declare const useDashboard: () => {
     getConvertMinuteToHour: (timeSecond: any) => string;
     teacherId: number;
     setTeacherId: import("react").Dispatch<import("react").SetStateAction<number>>;
+    studentId: number;
+    setStudentId: import("react").Dispatch<import("react").SetStateAction<number>>;
+    onFilter: () => void;
 };
 export default useDashboard;

package/dist/index.css

@@ -228,14 +228,17 @@ h6._3zOGW {
 }
 
 ._6yLxd {
-    border: 1px solid;
-    padding: 7px 8px;
-    border-radius: 5px;
-    margin-right: 20px;
-}
-
-._6yLxd {
-    margin-bottom: 10px;
+  min-width: 200px;
+  margin-left: 20px;
+  margin-bottom: 10px;
+  height: 100%;
+  background-color: hsl(0, 0%, 100%);
+  border-color: hsl(0, 0%, 80%);
+  border-radius: 4px;
+  border-style: solid;
+  border-width: 1px;
+  padding: 8px;
+  width: 100%;
 }
 
 ._h74SO {
@@ -248,13 +251,26 @@ h6._3zOGW {
     display: flex;
     justify-content: flex-end;
     flex-wrap: wrap;
+    max-width: 700px;
 }
 
-._31VDE,
-._1Pm1w {
+._ntUB6 {
     min-width: 200px;
     margin-left: 20px;
     margin-bottom: 10px;
+    height: 38px;
+}
+._1DlZ4{
+  min-width: 180px;
+  margin-right: 20px;
+  margin-bottom: 10px;
+  height: 38px;
+}
+
+._1tYDM{
+  max-width: 440px;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 ._3hSow {
@@ -317,6 +333,12 @@ h6._3zOGW {
   }
 }
 
+@media (max-width: 720px){
+  ._1YJnk{
+    padding-right: 20px;
+  }
+}
+
 ._2Q9xO{
   border-radius: 50%;
   display: flex;