mario-education 2.4.4-beta → 2.4.6-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.
Files changed (26) hide show
  1. package/dist/MarioFramework.Education/ClientApp/src/components/Select/InputSelector.d.ts +13 -0
  2. package/dist/MarioFramework.Education/ClientApp/src/components/Shapes/Circle/Circle.d.ts +11 -0
  3. package/dist/MarioFramework.Education/ClientApp/src/components/Shapes/Circle/ItemCircle.d.ts +7 -0
  4. package/dist/MarioFramework.Education/ClientApp/src/components/Shapes/Circle/utils.d.ts +5 -0
  5. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/components/CustomChartCircle.d.ts +4 -0
  6. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/components/StudentByAge.d.ts +1 -1
  7. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/components/StudentByGender.d.ts +1 -1
  8. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/components/StudentWithSpecialNeeds.d.ts +1 -1
  9. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/components/TotalCard.d.ts +1 -1
  10. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/configs/constants.d.ts +12 -0
  11. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/configs/types.d.ts +35 -0
  12. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/configs/utils.d.ts +23 -0
  13. package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/hooks/useDashboard.d.ts +7 -1
  14. package/dist/MarioFramework.Education/ClientApp/src/containers/LearningStrategy/hooks/useStrategyDetail.d.ts +1 -0
  15. package/dist/MarioFramework.Education/ClientApp/src/containers/WelcomeEmailResend/hook/useGetUserList.d.ts +12 -0
  16. package/dist/MarioFramework.Education/ClientApp/src/containers/WelcomeEmailResend/hook/useResendMail.d.ts +5 -0
  17. package/dist/MarioFramework.Education/ClientApp/src/containers/WelcomeEmailResend/utils/constants.d.ts +25 -0
  18. package/dist/MarioFramework.Education/ClientApp/src/containers/WelcomeEmailResend/views/WelcomeEmailResend.d.ts +3 -0
  19. package/dist/MarioFramework.Education/ClientApp/src/services/dashboardService.d.ts +6 -0
  20. package/dist/MarioFramework.Education/ClientApp/src/services/welcomeEmailResendService.d.ts +3 -0
  21. package/dist/index.css +174 -5
  22. package/dist/index.js +781 -64
  23. package/dist/index.js.map +1 -1
  24. package/dist/index.modern.js +788 -71
  25. package/dist/index.modern.js.map +1 -1
  26. package/package.json +2 -2
@@ -0,0 +1,13 @@
1
+ import { FC } from "react";
2
+ export interface IOptionSelector {
3
+ label: string;
4
+ value: number;
5
+ }
6
+ interface IProps {
7
+ onChange: any;
8
+ placeholder: string;
9
+ options: IOptionSelector[];
10
+ isMultiSelect?: boolean;
11
+ }
12
+ declare const InputSelector: FC<IProps>;
13
+ export default InputSelector;
@@ -0,0 +1,11 @@
1
+ import { FC } from "react";
2
+ interface ICircle {
3
+ title: string;
4
+ quality: number;
5
+ background: string;
6
+ width: number;
7
+ height: number;
8
+ key?: number;
9
+ }
10
+ declare const Circle: FC<ICircle>;
11
+ export default Circle;
@@ -0,0 +1,7 @@
1
+ import { FC } from "react";
2
+ interface IItemCircle {
3
+ background: string;
4
+ title: string;
5
+ }
6
+ declare const ItemCircle: FC<IItemCircle>;
7
+ export default ItemCircle;
@@ -0,0 +1,5 @@
1
+ export declare const cssConfig: (width: number, height: number, background: string) => {
2
+ width: number;
3
+ height: number;
4
+ background: string;
5
+ };
@@ -0,0 +1,4 @@
1
+ import { FC } from "react";
2
+ import { ICircleChart } from "../configs/types";
3
+ declare const CircleChart: FC<ICircleChart>;
4
+ export default CircleChart;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare const StudentByAge: () => JSX.Element;
2
+ declare const StudentByAge: ({ data }: any) => JSX.Element;
3
3
  export default StudentByAge;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare const StudentByGender: () => JSX.Element;
2
+ declare const StudentByGender: ({ data }: any) => JSX.Element;
3
3
  export default StudentByGender;
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- declare const StudentWithSpecialNeeds: () => JSX.Element;
2
+ declare const StudentWithSpecialNeeds: ({ data }: any) => JSX.Element;
3
3
  export default StudentWithSpecialNeeds;
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import { TotalCardItem } from "../configs/types";
3
- declare const TotalCard: ({ icon, title, value, isUp, deviant, filter }: TotalCardItem) => JSX.Element;
3
+ declare const TotalCard: ({ icon, title, value, }: TotalCardItem) => JSX.Element;
4
4
  export default TotalCard;
@@ -1 +1,13 @@
1
1
  export declare const colors: string[];
2
+ export declare const INITIAL_BEST_FRIENDS: {
3
+ friends: number;
4
+ couldBeFriends: number;
5
+ supportive: number;
6
+ notSpeakingAtTheMoment: number;
7
+ };
8
+ export declare const INITIAL_ACTIVITY_FRIENDS: {
9
+ like: number;
10
+ love: number;
11
+ interested: number;
12
+ curious: number;
13
+ };
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  export declare type LoginCountingReport = {
2
3
  date: string;
3
4
  studentLoginCount: number;
@@ -60,5 +61,39 @@ export declare type DashboardFilter = {
60
61
  startDate: number;
61
62
  endDate: number;
62
63
  studentIds: number[];
64
+ gender?: number[];
65
+ grade?: string[];
63
66
  };
67
+ export interface ICircleChartItem {
68
+ id: number;
69
+ name: string;
70
+ number: number;
71
+ background: string;
72
+ width: number;
73
+ height: number;
74
+ }
75
+ export interface ICircleChart {
76
+ circleChartItems: ICircleChartItem[];
77
+ }
78
+ export interface IsyntheticFriendCircle {
79
+ bestFriends: number;
80
+ friends: number;
81
+ couldBeFriends: number;
82
+ supportive: number;
83
+ notSpeakingAtTheMoment: number;
84
+ }
85
+ export interface IActivityCircle {
86
+ like: number;
87
+ love: number;
88
+ interested: number;
89
+ curious: number;
90
+ }
91
+ export interface IChartComponent {
92
+ label: string;
93
+ children: JSX.Element | undefined;
94
+ }
95
+ export declare enum LegalGenderType {
96
+ Male = 0,
97
+ Female = 1
98
+ }
64
99
  export {};
@@ -1 +1,24 @@
1
+ import { IOptionSelector } from "../../../components/Select/InputSelector";
2
+ import { IActivityCircle, IsyntheticFriendCircle, LegalGenderType } from "./types";
1
3
  export declare const getColors: (length: number) => string[];
4
+ export declare const friendCircleItems: ({ bestFriends, friends, couldBeFriends, supportive }: IsyntheticFriendCircle) => {
5
+ id: number;
6
+ name: string;
7
+ number: number;
8
+ background: string;
9
+ width: number;
10
+ height: number;
11
+ }[];
12
+ export declare const activityCircleItems: ({ like, love, interested, curious, }: IActivityCircle) => {
13
+ id: number;
14
+ name: string;
15
+ number: number;
16
+ background: string;
17
+ width: number;
18
+ height: number;
19
+ }[];
20
+ export declare const gradeOptions: (grades: string[]) => IOptionSelector[];
21
+ export declare const genderOptions: {
22
+ value: LegalGenderType;
23
+ label: string;
24
+ }[];
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { DashboardFilter } from "../configs/types";
2
+ import { DashboardFilter, IActivityCircle, IsyntheticFriendCircle } from "../configs/types";
3
3
  declare const useDashboard: () => {
4
4
  setFilter: import("react").Dispatch<import("react").SetStateAction<DashboardFilter>>;
5
5
  filter: DashboardFilter;
@@ -11,5 +11,11 @@ declare const useDashboard: () => {
11
11
  chartClassReflection: undefined;
12
12
  chartConference: undefined;
13
13
  learningProgress: undefined;
14
+ friendCircles: IsyntheticFriendCircle | undefined;
15
+ activityCircles: IActivityCircle | undefined;
16
+ studentBySpecialNeed: undefined;
17
+ studentByAge: undefined;
18
+ studentByGender: undefined;
19
+ grades: string[];
14
20
  };
15
21
  export default useDashboard;
@@ -3,6 +3,7 @@ declare type StrategyDetail = {
3
3
  name: string;
4
4
  description?: string;
5
5
  bestfit?: string;
6
+ questionText?: string;
6
7
  };
7
8
  declare const useStrategyDetail: () => {
8
9
  id: number;
@@ -0,0 +1,12 @@
1
+ import { FilterTypes } from "../utils/constants";
2
+ declare const useGetUserList: () => {
3
+ totalItem: number;
4
+ userList: never[];
5
+ filters: FilterTypes;
6
+ changeFilters: (updatedFilters: any) => void;
7
+ handleSelectAll: () => void;
8
+ handleClickCheck: (e: any) => void;
9
+ isCheckAll: boolean;
10
+ isCheck: any;
11
+ };
12
+ export default useGetUserList;
@@ -0,0 +1,5 @@
1
+ declare const useResendMail: () => {
2
+ handleSendMultiUsers: (listUserIds: any) => void;
3
+ handleSendSingleUser: (userId: string) => void;
4
+ };
5
+ export default useResendMail;
@@ -0,0 +1,25 @@
1
+ export declare const DEFAULT_PAGE_SIZE_VALUES: {
2
+ label: string;
3
+ value: number;
4
+ }[];
5
+ export declare const DEFAULT_PAGE_SIZE: {
6
+ label: string;
7
+ value: number;
8
+ };
9
+ export declare const DEFAULT_FILTER: FilterTypes;
10
+ export declare enum MediaType {
11
+ IMAGE = 0,
12
+ VIDEO = 1,
13
+ AUDIO = 2,
14
+ DOC = 3,
15
+ UNKNOW = 4
16
+ }
17
+ export interface FilterTypes {
18
+ currentPage: number;
19
+ pageSize: number;
20
+ searchString: string;
21
+ sortBy: string;
22
+ sortOrder: string;
23
+ name: string;
24
+ queryTypes?: MediaType[];
25
+ }
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ declare const WelcomeEmailResend: () => JSX.Element;
3
+ export default WelcomeEmailResend;
@@ -11,3 +11,9 @@ export declare const getReadinessToLearning: (filter: any) => Promise<import("ax
11
11
  export declare const getTopLearningStrategies: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
12
12
  export declare const getStudentByGrade: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
13
13
  export declare const getOverviewQuestionChart: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
14
+ export declare const getFriendCircleItems: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
15
+ export declare const getActivityCircleItems: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
16
+ export declare const getStudentBySpecialNeed: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
17
+ export declare const getStudentByAge: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
18
+ export declare const getStudentByGender: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
19
+ export declare const getGrades: () => Promise<import("axios").AxiosResponse<any>>;
@@ -0,0 +1,3 @@
1
+ import { FilterTypes } from "../containers/WelcomeEmailResend/utils/constants";
2
+ export declare const getUserList: (filter: FilterTypes) => Promise<import("axios").AxiosResponse<any>>;
3
+ export declare const postRequestResendMail: (data: any) => Promise<import("axios").AxiosResponse<any>>;
package/dist/index.css CHANGED
@@ -226,17 +226,186 @@ h6._3zOGW {
226
226
  border: 1px solid;
227
227
  padding: 7px 8px;
228
228
  border-radius: 5px;
229
+ margin-right: 20px;
229
230
  }
230
231
 
231
- ._6yLxd:first-child {
232
- margin-right: 15px;
232
+ ._6yLxd {
233
+ margin-bottom: 10px;
233
234
  }
234
235
 
235
236
  ._h74SO {
236
237
  display: flex;
238
+ justify-content: flex-start;
239
+ flex-wrap: wrap;
237
240
  }
238
241
 
239
242
  ._3e2pi {
240
- min-width: 250px;
241
- max-width: 50%;
242
- }
243
+ display: flex;
244
+ justify-content: flex-end;
245
+ flex-wrap: wrap;
246
+ }
247
+
248
+ ._31VDE,
249
+ ._1Pm1w{
250
+ min-width: 200px;
251
+ margin-left: 20px;
252
+ margin-bottom: 10px;
253
+ }
254
+
255
+ ._2Q9xO{
256
+ border-radius: 50%;
257
+ display: flex;
258
+ align-items: center;
259
+ justify-content: center;
260
+ padding: 15px;
261
+ }
262
+ ._2Q9xO._3r61v ._2b1Cw h2,
263
+ ._2Q9xO._2Nlax ._2b1Cw h2{
264
+ font-size: 12px;
265
+ }
266
+
267
+ ._2Q9xO ._2b1Cw {
268
+ text-align: center;
269
+ }
270
+ ._2Q9xO ._2b1Cw h2 {
271
+ font-size: 18px;
272
+ font-weight: 400;
273
+ }
274
+ ._2Q9xO ._2b1Cw p {
275
+ color: "#153E75";
276
+ font-size: 18px;
277
+ font-weight: 700;
278
+ }
279
+
280
+ ._3DImv{
281
+ min-height: 640px;
282
+ overflow: hidden;
283
+ }
284
+ ._1iPJ6 {
285
+ display: flex;
286
+ justify-content: space-between;
287
+
288
+ }
289
+ ._1iPJ6 h2{
290
+ font-size: 18px;
291
+ font-weight: 700;
292
+ color: #1a202c;
293
+ }
294
+ ._1iPJ6 ._3lxsP{
295
+ background-color: #308252;
296
+ border-radius: 12px;
297
+ color: #ffffff;
298
+ }
299
+
300
+ ._30j_l {
301
+ display: inline-block;
302
+ position: absolute;
303
+ top: 50%;
304
+ left: 50%;
305
+ transform: translate(-50%, -50%);
306
+ }
307
+ ._34Snf {
308
+ display: inline-block;
309
+ position: absolute;
310
+ top: 66%;
311
+ left: 10%;
312
+ }
313
+ ._2WBPR {
314
+ display: inline-block;
315
+ position: absolute;
316
+ top: 12%;
317
+ left: 50%;
318
+ }
319
+ ._35giW {
320
+ display: inline-block;
321
+ top: 64%;
322
+ left: 52%;
323
+ position: absolute;
324
+ }
325
+
326
+ ._LR7-A {
327
+ display: block;
328
+ position: absolute;
329
+ top: 35%;
330
+ right: 5%;
331
+ }
332
+
333
+ ._LR7-A ._dVojB,
334
+ ._LR7-A ._1ALLM,
335
+ ._LR7-A ._3OII4,
336
+ ._LR7-A ._1t4JS {
337
+ margin-bottom: 8px;
338
+ }
339
+
340
+ ._3Rj17 {
341
+ display: flex;
342
+ flex-wrap: wrap;
343
+ position: absolute;
344
+ top: 77%;
345
+ }
346
+
347
+ ._3Yvnm {
348
+ background-color: #308252;
349
+ border-radius: 12px;
350
+ color: #ffffff;
351
+ position: absolute;
352
+ bottom: 20px;
353
+ right: 20px;
354
+ }
355
+
356
+ @media only screen and (min-width: 1200px) and (max-width: 1500px) {
357
+ ._3UN7n ._LR7-A{
358
+ display: flex;
359
+ flex-wrap: wrap;
360
+ position: absolute;
361
+ top: 89%;
362
+ right: 10%;
363
+ }
364
+ ._3UN7n ._LR7-A ._dVojB,
365
+ ._3UN7n ._LR7-A ._1ALLM,
366
+ ._3UN7n ._LR7-A ._3OII4,
367
+ ._3UN7n ._LR7-A ._1t4JS {
368
+ flex: 50% 1;
369
+ }
370
+ }
371
+
372
+ @media screen and (max-width: 1280px) {
373
+ ._3DImv{
374
+ margin-bottom: 20px;
375
+ height: 750px;
376
+ }
377
+ }
378
+
379
+ @media screen and (max-width: 562px) {
380
+ ._LR7-A{
381
+ display: flex;
382
+ flex-wrap: wrap;
383
+ position: absolute;
384
+ top: 77%;
385
+ right: unset;
386
+ width: calc(100vw-10px);
387
+ padding: 0 10px;
388
+ }
389
+ ._LR7-A ._dVojB,
390
+ ._LR7-A ._1ALLM,
391
+ ._LR7-A ._3OII4,
392
+ ._LR7-A ._1t4JS {
393
+ flex: 50% 1;
394
+ }
395
+ ._30j_l{
396
+ top: 41%;
397
+ left: 50%;
398
+ }
399
+ ._34Snf{
400
+ top: 53%;
401
+ left: 5%;
402
+ }
403
+ ._2WBPR {
404
+ top: 12%;
405
+ left: 50%;
406
+ }
407
+ ._35giW {
408
+ top: 52%;
409
+ left: 55%;
410
+ }
411
+ }