mario-education 2.4.12-beta → 2.4.15-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,6 +3,7 @@ interface Props {
3
3
  text?: string;
4
4
  onClick?(): void;
5
5
  style?: any;
6
+ className?: string;
6
7
  }
7
8
  declare const SubmitButton: FC<Props>;
8
9
  export default SubmitButton;
@@ -0,0 +1,17 @@
1
+ import { FC } from "react";
2
+ interface Props {
3
+ value?: any;
4
+ onChange: any;
5
+ externalStudentIds?: number[];
6
+ studentDefault?: Student;
7
+ }
8
+ export interface Student {
9
+ studentId: number;
10
+ email: string;
11
+ fullName: string;
12
+ id: string;
13
+ label?: string;
14
+ value?: string;
15
+ }
16
+ declare const StudentItemSelector: FC<Props>;
17
+ export default StudentItemSelector;
@@ -0,0 +1,11 @@
1
+ import { FC } from "react";
2
+ interface Props {
3
+ defaultValue: number | null | undefined;
4
+ onChange: Function;
5
+ }
6
+ export interface Option {
7
+ label: string;
8
+ value: number;
9
+ }
10
+ declare const TeacherItemSelector: FC<Props>;
11
+ export default TeacherItemSelector;
@@ -1,3 +1,7 @@
1
- /// <reference types="react" />
2
- declare const StudentWithSpecialNeeds: ({ data }: any) => JSX.Element;
1
+ import { FC } from "react";
2
+ import { IStudentBySpecialNeed } from "../configs/types";
3
+ interface IProps {
4
+ data: IStudentBySpecialNeed[];
5
+ }
6
+ declare const StudentWithSpecialNeeds: FC<IProps>;
3
7
  export default StudentWithSpecialNeeds;
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare const colors: string[];
2
3
  export declare const INITIAL_BEST_FRIENDS: {
3
4
  friends: number;
@@ -15,3 +16,4 @@ export declare const LEARNING_STRATEGY_CHART_COLORS: string[];
15
16
  export declare const LEARNING_STRATEGY_INIT: {
16
17
  learningStrategies: never[];
17
18
  };
19
+ export declare const GRAGE_DEFAULT: import("react").ReactText[];
@@ -63,6 +63,9 @@ export declare type DashboardFilter = {
63
63
  studentIds: number[];
64
64
  gender?: number[];
65
65
  grade?: string[];
66
+ teacherId?: number;
67
+ mtss?: MtssType;
68
+ studentId?: number;
66
69
  };
67
70
  export interface ICircleChartItem {
68
71
  id: number;
@@ -116,4 +119,17 @@ export interface IReadinessToLearning {
116
119
  questionText: string;
117
120
  percentQuestion: number;
118
121
  }
122
+ export declare enum MtssType {
123
+ Tier1 = 0,
124
+ Tier2 = 1,
125
+ Tier3 = 2
126
+ }
127
+ export interface IStudentBySpecialNeed {
128
+ nameDesignation: string;
129
+ numberDesignation: number;
130
+ }
131
+ export interface IseriesChart {
132
+ name: string[];
133
+ data: number[];
134
+ }
119
135
  export {};
@@ -1,6 +1,6 @@
1
1
  import { ApexOptions } from "apexcharts";
2
2
  import { IOptionSelector } from "../../../components/Select/InputSelector";
3
- import { IActivityCircle, ISeries, IStudentByGrade, IsyntheticFriendCircle, LegalGenderType } from "./types";
3
+ import { IActivityCircle, ISeries, IseriesChart, IStudentByGrade, IsyntheticFriendCircle, LegalGenderType, MtssType } from "./types";
4
4
  export declare const getColors: (length: number) => string[];
5
5
  export declare const friendCircleItems: ({ bestFriends, friends, couldBeFriends, supportive }: IsyntheticFriendCircle) => {
6
6
  id: number;
@@ -23,9 +23,15 @@ export declare const genderOptions: {
23
23
  value: LegalGenderType;
24
24
  label: string;
25
25
  }[];
26
+ export declare const mtssOptions: {
27
+ value: MtssType;
28
+ label: string;
29
+ }[];
26
30
  export declare const learningStrategyChartOptions: (labelNames: string[], usageCountList: number[]) => ApexOptions;
27
31
  export declare const ReadinessToLearnOptions: (questionTexts: string[]) => ApexOptions;
28
- export declare const optionsChartGrade: (maxDatas: number, grades: string[]) => ApexOptions;
32
+ export declare const optionsChartGrade: (maxDatas: number, colorCharts: string[]) => ApexOptions;
33
+ export declare const studentBySpecialNeedOptions: (seriesValue: IseriesChart) => ApexOptions;
29
34
  export declare const seriesConvert: (gradeAndQuantity: IStudentByGrade[]) => ISeries[];
30
35
  export declare const maxSeries: (series: ISeries[]) => number;
31
36
  export declare const average: (arr: number[]) => number;
37
+ export declare const colorCharts: (series: ISeries[]) => string[];
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { DashboardFilter, IActivityCircle, IlearningStrategies, IReadinessToLearning, IStudentByGrade, IsyntheticFriendCircle } from "../configs/types";
2
+ import { DashboardFilter, IActivityCircle, IlearningStrategies, IReadinessToLearning, IStudentByGrade, IStudentBySpecialNeed, IsyntheticFriendCircle } from "../configs/types";
3
3
  declare const useDashboard: () => {
4
4
  setFilter: import("react").Dispatch<import("react").SetStateAction<DashboardFilter>>;
5
5
  filter: DashboardFilter;
@@ -13,12 +13,17 @@ declare const useDashboard: () => {
13
13
  learningProgress: never[];
14
14
  friendCircles: IsyntheticFriendCircle | undefined;
15
15
  activityCircles: IActivityCircle | undefined;
16
- studentBySpecialNeed: undefined;
16
+ studentBySpecialNeed: IStudentBySpecialNeed[];
17
17
  studentByAge: undefined;
18
18
  studentByGender: undefined;
19
19
  grades: string[];
20
20
  safety: never[];
21
21
  topSkill: never[];
22
22
  getConvertMinuteToHour: (timeSecond: any) => string;
23
+ teacherId: number;
24
+ setTeacherId: import("react").Dispatch<import("react").SetStateAction<number>>;
25
+ studentId: number;
26
+ setStudentId: import("react").Dispatch<import("react").SetStateAction<number>>;
27
+ onFilter: () => void;
23
28
  };
24
29
  export default useDashboard;
@@ -1,8 +1,10 @@
1
1
  /// <reference types="react" />
2
+ import { TypeScaffolding } from "../ultis/ultis";
2
3
  declare type ScaffoldingDetail = {
3
4
  question: string;
4
5
  category: string;
5
6
  level: string;
7
+ typeScaffolding: TypeScaffolding;
6
8
  };
7
9
  declare const useQuestionDetail: () => {
8
10
  id: number;
@@ -13,4 +13,8 @@ export declare const questionScaffoldingHeaders: {
13
13
  name: string;
14
14
  column: string;
15
15
  }[];
16
+ export declare const enum TypeScaffolding {
17
+ OneToOne = 0,
18
+ Conference = 1
19
+ }
16
20
  export declare const SORT_DATA_DEFAULT: any[];
package/dist/index.css CHANGED
@@ -125,7 +125,7 @@ h6._3zOGW {
125
125
 
126
126
  ._1Jgr2 {
127
127
  padding: 16px;
128
- min-height: 450px;
128
+ min-height: 530px;
129
129
  height: 100%;
130
130
  display: flex;
131
131
  flex-direction: column;
@@ -133,6 +133,7 @@ h6._3zOGW {
133
133
  border: 1px solid #ebeff2;
134
134
  box-shadow: 6px 0px 18px rgba(0, 0, 0, 0.06);
135
135
  border-radius: 8px;
136
+ margin-bottom: 20px;
136
137
  }
137
138
 
138
139
  ._3Thdy {
@@ -227,14 +228,17 @@ h6._3zOGW {
227
228
  }
228
229
 
229
230
  ._6yLxd {
230
- border: 1px solid;
231
- padding: 7px 8px;
232
- border-radius: 5px;
233
- margin-right: 20px;
234
- }
235
-
236
- ._6yLxd {
237
- margin-bottom: 10px;
231
+ min-width: 200px;
232
+ margin-left: 20px;
233
+ margin-bottom: 10px;
234
+ height: 100%;
235
+ background-color: hsl(0, 0%, 100%);
236
+ border-color: hsl(0, 0%, 80%);
237
+ border-radius: 4px;
238
+ border-style: solid;
239
+ border-width: 1px;
240
+ padding: 8px;
241
+ width: 100%;
238
242
  }
239
243
 
240
244
  ._h74SO {
@@ -247,13 +251,26 @@ h6._3zOGW {
247
251
  display: flex;
248
252
  justify-content: flex-end;
249
253
  flex-wrap: wrap;
254
+ max-width: 700px;
250
255
  }
251
256
 
252
- ._31VDE,
253
- ._1Pm1w {
257
+ ._ntUB6 {
254
258
  min-width: 200px;
255
259
  margin-left: 20px;
256
260
  margin-bottom: 10px;
261
+ height: 38px;
262
+ }
263
+ ._1DlZ4{
264
+ min-width: 180px;
265
+ margin-right: 20px;
266
+ margin-bottom: 10px;
267
+ height: 38px;
268
+ }
269
+
270
+ ._1tYDM{
271
+ max-width: 440px;
272
+ display: flex;
273
+ flex-wrap: wrap;
257
274
  }
258
275
 
259
276
  ._3hSow {
@@ -282,6 +299,10 @@ h6._3zOGW {
282
299
  ._2asi- ._muT01 ._35BzZ {
283
300
  font-size: 20px;
284
301
  }
302
+ ._2asi-{
303
+ overflow: hidden;
304
+ max-height: 470px;
305
+ }
285
306
 
286
307
  @media (min-width: 1024px) {
287
308
  ._3pkbc {
@@ -298,6 +319,26 @@ h6._3zOGW {
298
319
  line-height: 116%;
299
320
  }
300
321
 
322
+ ._3Y-Dd{
323
+ overflow: hidden;
324
+ height: 416px;
325
+ }
326
+
327
+ @media (min-width: 2250px){
328
+ ._3Y-Dd{
329
+ width: 100%;
330
+ display: flex;
331
+ justify-content: center;
332
+ align-items: center;
333
+ }
334
+ }
335
+
336
+ @media (max-width: 720px){
337
+ ._1YJnk{
338
+ padding-right: 20px;
339
+ }
340
+ }
341
+
301
342
  ._2Q9xO{
302
343
  border-radius: 50%;
303
344
  display: flex;