mario-teacher-student-client 2.2.28-release → 2.2.29-release
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.
- package/dist/AreaChart-BvvPNoSy.cjs +10 -0
- package/dist/AreaChart-DaTK3ka-.js +172 -0
- package/dist/BubbleChartCustom-CtqvfXNB.cjs +1 -0
- package/dist/BubbleChartCustom-E9qBJTkX.js +111 -0
- package/dist/EduTeacherViewDetail-Cc1wMUF-.js +43 -0
- package/dist/EduTeacherViewDetail-DMZ1lKWV.cjs +1 -0
- package/dist/GenerateChartData-BdgXru_2.js +401 -0
- package/dist/GenerateChartData-BiRrqqrP.cjs +1 -0
- package/dist/GenerateTrendQuestion-B5wEn97j.cjs +2 -0
- package/dist/GenerateTrendQuestion-CojWBpJR.js +1354 -0
- package/dist/HomePage-BRadOSrh.cjs +235 -0
- package/dist/HomePage-CpcM8vQE.js +6423 -0
- package/dist/LearningPlan-B6PE3Rtb.js +3388 -0
- package/dist/LearningPlan-BXQiena-.cjs +7 -0
- package/dist/LineChart-C-grFRDR.js +36 -0
- package/dist/LineChart-CloUIUeA.cjs +10 -0
- package/dist/ModelStudentSession-0iaKros3.js +136 -0
- package/dist/ModelStudentSession-Ce-oAMng.cjs +1 -0
- package/dist/OverallDonutChart-CFpWyOvD.cjs +1 -0
- package/dist/OverallDonutChart-bRfoftJ3.js +36 -0
- package/dist/PlpPage-B5EVpQD9.cjs +12 -0
- package/dist/PlpPage-BR1fJqUe.js +4327 -0
- package/dist/StudentDetail-DENA-msf.js +2762 -0
- package/dist/StudentDetail-DVZ7jDuv.cjs +1 -0
- package/dist/StudentPressureChart-B4iW4Jz3.js +643 -0
- package/dist/StudentPressureChart-SZIzjLY5.cjs +20 -0
- package/dist/SurveyDetail-DcqodOTZ.cjs +1 -0
- package/dist/SurveyDetail-DkA1b3LK.js +1575 -0
- package/dist/SurveyOverview-BcOlaZgx.js +714 -0
- package/dist/SurveyOverview-DEKwagvE.cjs +12 -0
- package/dist/TeacherClassReflection-BZitouzN.cjs +1 -0
- package/dist/TeacherClassReflection-SpuvNNxi.js +2025 -0
- package/dist/WellBeingDashboard-CQesv-nW.js +1340 -0
- package/dist/WellBeingDashboard-DabnXMTJ.cjs +1 -0
- package/dist/containers/MyStudent/components/NewOverview/Chat/configs/utils.d.ts +1 -1
- package/dist/containers/MyStudent/components/NewOverview/Chat/configs/utils.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.modern.js +1 -1
- package/dist/useChartOneToOne-BhM2aGCf.js +169 -0
- package/dist/useChartOneToOne-nDWgVDqp.cjs +1 -0
- package/dist/utils-CEt_p5re.cjs +1 -0
- package/dist/utils-CfKkuuuE.js +665 -0
- package/package.json +2 -2
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";const s=require("react/jsx-runtime"),A=require("react"),j=require("react-apexcharts"),D=require("./utils-CEt_p5re.cjs"),u=require("@mui/material"),N=require("mario-core"),z="_label_1ddet_95",I="_question_1ddet_100",S="_name_1ddet_154",F="_data_1ddet_164",G="_item_1ddet_406",R="_percent_1ddet_453",T="_listItem_1ddet_555",W="_volatility_1ddet_614",B="_arr_1ddet_618",L="_arrow_1ddet_622",O="_text_1ddet_733",P="_detail_1ddet_788",V="_link_1ddet_796",X="_tag_1ddet_874",Y="_time_1ddet_882",e={"chart-background":"_chart-background_1ddet_51","size-100":"_size-100_1ddet_57","m-0":"_m-0_1ddet_62","ml-10":"_ml-10_1ddet_66","no-data-chart-print":"_no-data-chart-print_1ddet_70","bubble-chart-custom":"_bubble-chart-custom_1ddet_75","chart-buddle":"_chart-buddle_1ddet_75","block-chart-area":"_block-chart-area_1ddet_84","block-label-y":"_block-label-y_1ddet_87",label:z,"question-legend-custom":"_question-legend-custom_1ddet_100",question:I,"custom-tooltip":"_custom-tooltip_1ddet_119","custom-tooltip-month":"_custom-tooltip-month_1ddet_126","tooltip-data-cursor":"_tooltip-data-cursor_1ddet_134","tooltip-data-box":"_tooltip-data-box_1ddet_141","tooltip-data":"_tooltip-data_1ddet_134",name:S,data:F,"box-strategy":"_box-strategy_1ddet_172","font-large":"_font-large_1ddet_182","block-header-chart":"_block-header-chart_1ddet_182","title-chart":"_title-chart_1ddet_182","description-chart":"_description-chart_1ddet_185","name-chart":"_name-chart_1ddet_188","font-small":"_font-small_1ddet_192","image-no-data":"_image-no-data_1ddet_221","header-chart-container":"_header-chart-container_1ddet_266","header-chart-description":"_header-chart-description_1ddet_277","generate-chart":"_generate-chart_1ddet_286","header-chart-generate":"_header-chart-generate_1ddet_300","expand-icon":"_expand-icon_1ddet_316","header-chart":"_header-chart_1ddet_266","x-axis-custom-wrap":"_x-axis-custom-wrap_1ddet_379","axis-content":"_axis-content_1ddet_385","legend-wrap":"_legend-wrap_1ddet_399",item:G,"mark-custom":"_mark-custom_1ddet_412","label-legend-custom":"_label-legend-custom_1ddet_419","mark-legend":"_mark-legend_1ddet_428","label-chart":"_label-chart_1ddet_435","list-percent":"_list-percent_1ddet_442","percent-survey":"_percent-survey_1ddet_453","percent-item":"_percent-item_1ddet_457","chart-custom":"_chart-custom_1ddet_466","column-chart-percent":"_column-chart-percent_1ddet_470","custom-marker":"_custom-marker_1ddet_480","item-legend":"_item-legend_1ddet_484","point-custom":"_point-custom_1ddet_495",percent:R,"skill-box":"_skill-box_1ddet_534","box-model-student-skill":"_box-model-student-skill_1ddet_540","print-chart":"_print-chart_1ddet_551",listItem:T,"item-checkbox":"_item-checkbox_1ddet_572","check-box":"_check-box_1ddet_588","item-detail":"_item-detail_1ddet_593","avr-question":"_avr-question_1ddet_607",volatility:W,arr:B,"arrow-up":"_arrow-up_1ddet_622",arrow:L,"percent-text":"_percent-text_1ddet_629","arrow-down":"_arrow-down_1ddet_635","percent-text-down":"_percent-text-down_1ddet_638","month-text":"_month-text_1ddet_644","gr-date-time":"_gr-date-time_1ddet_723","date-time-start":"_date-time-start_1ddet_729",text:O,"date-time-end":"_date-time-end_1ddet_738","block-header-name":"_block-header-name_1ddet_748","header-more":"_header-more_1ddet_754","filter-date":"_filter-date_1ddet_758","bubble-ready-to-learn":"_bubble-ready-to-learn_1ddet_764","model-skill-student":"_model-skill-student_1ddet_769","warning-icon":"_warning-icon_1ddet_776","check-icon":"_check-icon_1ddet_780","skill-student":"_skill-student_1ddet_784",detail:P,link:V,"red-background":"_red-background_1ddet_815","green-background":"_green-background_1ddet_819","model-student-session":"_model-student-session_1ddet_823","model-header":"_model-header_1ddet_838","model-title":"_model-title_1ddet_844","model-close-icon":"_model-close-icon_1ddet_848","model-select-student":"_model-select-student_1ddet_851","model-student-item":"_model-student-item_1ddet_854","student-detail":"_student-detail_1ddet_862","student-name":"_student-name_1ddet_869",tag:X,time:Y,"box-action":"_box-action_1ddet_886","btn-view":"_btn-view_1ddet_890","student-chip-box":"_student-chip-box_1ddet_894","mh-500":"_mh-500_1ddet_899","top-5-block":"_top-5-block_1ddet_903","print-pdf-h":"_print-pdf-h_1ddet_907","description-chart-distribution-stress":"_description-chart-distribution-stress_1ddet_911"},Z=({series:c,months:p,activeColumn:b,dayOfWeek:i,colors:x,isCountSeries:o,min:l,noGradient:g,handleHoverTooltip:k,chartName:y})=>{const{t:f}=N.useTranslation(),a=c.flatMap(t=>t.data).filter(t=>typeof t=="number"&&!isNaN(t)),w=a.length>0?Math.min(...a):0,r=a.length>0?Math.max(...a):0,d=D.optionColumnChartAndPercents(l??0,p,b,!0,x,r,i,o,k,y,g);d.plotOptions={...d.plotOptions,area:{fillTo:"end"}};const v=l==-100,m=w===0&&!v,$=m?0:void 0,q=m?r>100?r+20:100:void 0;return d.yaxis={tickAmount:5,min:$,max:q,axisBorder:{show:!0},labels:{show:!0,minWidth:0,maxWidth:160,style:{colors:"#D3D3D3",fontSize:"12px",fontFamily:"Poppins",fontWeight:400,cssClass:"apexcharts-yaxis-label"},formatter:t=>{const _=Math.round(t);return o?_.toString():_+"%"},offsetX:0,offsetY:0,rotate:0}},d.tooltip={custom:({dataPointIndex:t,w:_})=>{const C=_.config.colors,M=_.config.series;return`<div class=${e["custom-tooltip"]}>
|
|
2
|
+
<p class=${e["custom-tooltip-month"]}> ${i[t]} </p>
|
|
3
|
+
${M.map((n,h)=>`<div key={${h}} class=${e["tooltip-data-box"]}>
|
|
4
|
+
<div class=${e["tooltip-data-cursor"]} style="background: ${C[h]}"></div>
|
|
5
|
+
<div class=${e["tooltip-data"]}>
|
|
6
|
+
<p class=${e.name}>${f(n.name?.toLowerCase()?.replace(/[?]/g,"")?.replace(/[ -]/g,"_"))}:</p>
|
|
7
|
+
<p class=${e.data}>${o?n.data[t]:n.data[t]?.toFixed(2)+"%"}</p>
|
|
8
|
+
</div>
|
|
9
|
+
</div>`)}
|
|
10
|
+
</div>`}},s.jsx(u.Grid,{className:`${e["block-chart-area"]}`,children:s.jsx(u.Grid,{item:!0,className:`${e.chart}`,style:{flex:1},children:s.jsx(j,{options:d,type:"area",series:c,width:"100%",height:250})})})},E=A.memo(Z);exports.AreaChart=E;exports.styles=e;
|
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { memo as C } from "react";
|
|
3
|
+
import D from "react-apexcharts";
|
|
4
|
+
import { x as N } from "./utils-CfKkuuuE.js";
|
|
5
|
+
import { Grid as p } from "@mui/material";
|
|
6
|
+
import { useTranslation as z } from "mario-core";
|
|
7
|
+
const I = "_label_1ddet_95", S = "_question_1ddet_100", F = "_name_1ddet_154", T = "_data_1ddet_164", W = "_item_1ddet_406", j = "_percent_1ddet_453", B = "_listItem_1ddet_555", G = "_volatility_1ddet_614", L = "_arr_1ddet_618", O = "_arrow_1ddet_622", P = "_text_1ddet_733", V = "_detail_1ddet_788", X = "_link_1ddet_796", Y = "_tag_1ddet_874", Z = "_time_1ddet_882", e = {
|
|
8
|
+
"chart-background": "_chart-background_1ddet_51",
|
|
9
|
+
"size-100": "_size-100_1ddet_57",
|
|
10
|
+
"m-0": "_m-0_1ddet_62",
|
|
11
|
+
"ml-10": "_ml-10_1ddet_66",
|
|
12
|
+
"no-data-chart-print": "_no-data-chart-print_1ddet_70",
|
|
13
|
+
"bubble-chart-custom": "_bubble-chart-custom_1ddet_75",
|
|
14
|
+
"chart-buddle": "_chart-buddle_1ddet_75",
|
|
15
|
+
"block-chart-area": "_block-chart-area_1ddet_84",
|
|
16
|
+
"block-label-y": "_block-label-y_1ddet_87",
|
|
17
|
+
label: I,
|
|
18
|
+
"question-legend-custom": "_question-legend-custom_1ddet_100",
|
|
19
|
+
question: S,
|
|
20
|
+
"custom-tooltip": "_custom-tooltip_1ddet_119",
|
|
21
|
+
"custom-tooltip-month": "_custom-tooltip-month_1ddet_126",
|
|
22
|
+
"tooltip-data-cursor": "_tooltip-data-cursor_1ddet_134",
|
|
23
|
+
"tooltip-data-box": "_tooltip-data-box_1ddet_141",
|
|
24
|
+
"tooltip-data": "_tooltip-data_1ddet_134",
|
|
25
|
+
name: F,
|
|
26
|
+
data: T,
|
|
27
|
+
"box-strategy": "_box-strategy_1ddet_172",
|
|
28
|
+
"font-large": "_font-large_1ddet_182",
|
|
29
|
+
"block-header-chart": "_block-header-chart_1ddet_182",
|
|
30
|
+
"title-chart": "_title-chart_1ddet_182",
|
|
31
|
+
"description-chart": "_description-chart_1ddet_185",
|
|
32
|
+
"name-chart": "_name-chart_1ddet_188",
|
|
33
|
+
"font-small": "_font-small_1ddet_192",
|
|
34
|
+
"image-no-data": "_image-no-data_1ddet_221",
|
|
35
|
+
"header-chart-container": "_header-chart-container_1ddet_266",
|
|
36
|
+
"header-chart-description": "_header-chart-description_1ddet_277",
|
|
37
|
+
"generate-chart": "_generate-chart_1ddet_286",
|
|
38
|
+
"header-chart-generate": "_header-chart-generate_1ddet_300",
|
|
39
|
+
"expand-icon": "_expand-icon_1ddet_316",
|
|
40
|
+
"header-chart": "_header-chart_1ddet_266",
|
|
41
|
+
"x-axis-custom-wrap": "_x-axis-custom-wrap_1ddet_379",
|
|
42
|
+
"axis-content": "_axis-content_1ddet_385",
|
|
43
|
+
"legend-wrap": "_legend-wrap_1ddet_399",
|
|
44
|
+
item: W,
|
|
45
|
+
"mark-custom": "_mark-custom_1ddet_412",
|
|
46
|
+
"label-legend-custom": "_label-legend-custom_1ddet_419",
|
|
47
|
+
"mark-legend": "_mark-legend_1ddet_428",
|
|
48
|
+
"label-chart": "_label-chart_1ddet_435",
|
|
49
|
+
"list-percent": "_list-percent_1ddet_442",
|
|
50
|
+
"percent-survey": "_percent-survey_1ddet_453",
|
|
51
|
+
"percent-item": "_percent-item_1ddet_457",
|
|
52
|
+
"chart-custom": "_chart-custom_1ddet_466",
|
|
53
|
+
"column-chart-percent": "_column-chart-percent_1ddet_470",
|
|
54
|
+
"custom-marker": "_custom-marker_1ddet_480",
|
|
55
|
+
"item-legend": "_item-legend_1ddet_484",
|
|
56
|
+
"point-custom": "_point-custom_1ddet_495",
|
|
57
|
+
percent: j,
|
|
58
|
+
"skill-box": "_skill-box_1ddet_534",
|
|
59
|
+
"box-model-student-skill": "_box-model-student-skill_1ddet_540",
|
|
60
|
+
"print-chart": "_print-chart_1ddet_551",
|
|
61
|
+
listItem: B,
|
|
62
|
+
"item-checkbox": "_item-checkbox_1ddet_572",
|
|
63
|
+
"check-box": "_check-box_1ddet_588",
|
|
64
|
+
"item-detail": "_item-detail_1ddet_593",
|
|
65
|
+
"avr-question": "_avr-question_1ddet_607",
|
|
66
|
+
volatility: G,
|
|
67
|
+
arr: L,
|
|
68
|
+
"arrow-up": "_arrow-up_1ddet_622",
|
|
69
|
+
arrow: O,
|
|
70
|
+
"percent-text": "_percent-text_1ddet_629",
|
|
71
|
+
"arrow-down": "_arrow-down_1ddet_635",
|
|
72
|
+
"percent-text-down": "_percent-text-down_1ddet_638",
|
|
73
|
+
"month-text": "_month-text_1ddet_644",
|
|
74
|
+
"gr-date-time": "_gr-date-time_1ddet_723",
|
|
75
|
+
"date-time-start": "_date-time-start_1ddet_729",
|
|
76
|
+
text: P,
|
|
77
|
+
"date-time-end": "_date-time-end_1ddet_738",
|
|
78
|
+
"block-header-name": "_block-header-name_1ddet_748",
|
|
79
|
+
"header-more": "_header-more_1ddet_754",
|
|
80
|
+
"filter-date": "_filter-date_1ddet_758",
|
|
81
|
+
"bubble-ready-to-learn": "_bubble-ready-to-learn_1ddet_764",
|
|
82
|
+
"model-skill-student": "_model-skill-student_1ddet_769",
|
|
83
|
+
"warning-icon": "_warning-icon_1ddet_776",
|
|
84
|
+
"check-icon": "_check-icon_1ddet_780",
|
|
85
|
+
"skill-student": "_skill-student_1ddet_784",
|
|
86
|
+
detail: V,
|
|
87
|
+
link: X,
|
|
88
|
+
"red-background": "_red-background_1ddet_815",
|
|
89
|
+
"green-background": "_green-background_1ddet_819",
|
|
90
|
+
"model-student-session": "_model-student-session_1ddet_823",
|
|
91
|
+
"model-header": "_model-header_1ddet_838",
|
|
92
|
+
"model-title": "_model-title_1ddet_844",
|
|
93
|
+
"model-close-icon": "_model-close-icon_1ddet_848",
|
|
94
|
+
"model-select-student": "_model-select-student_1ddet_851",
|
|
95
|
+
"model-student-item": "_model-student-item_1ddet_854",
|
|
96
|
+
"student-detail": "_student-detail_1ddet_862",
|
|
97
|
+
"student-name": "_student-name_1ddet_869",
|
|
98
|
+
tag: Y,
|
|
99
|
+
time: Z,
|
|
100
|
+
"box-action": "_box-action_1ddet_886",
|
|
101
|
+
"btn-view": "_btn-view_1ddet_890",
|
|
102
|
+
"student-chip-box": "_student-chip-box_1ddet_894",
|
|
103
|
+
"mh-500": "_mh-500_1ddet_899",
|
|
104
|
+
"top-5-block": "_top-5-block_1ddet_903",
|
|
105
|
+
"print-pdf-h": "_print-pdf-h_1ddet_907",
|
|
106
|
+
"description-chart-distribution-stress": "_description-chart-distribution-stress_1ddet_911"
|
|
107
|
+
}, E = ({ series: c, months: u, activeColumn: b, dayOfWeek: i, colors: x, isCountSeries: a, min: l, noGradient: g, handleHoverTooltip: k, chartName: f }) => {
|
|
108
|
+
const { t: w } = z(), o = c.flatMap((t) => t.data).filter((t) => typeof t == "number" && !isNaN(t)), y = o.length > 0 ? Math.min(...o) : 0, r = o.length > 0 ? Math.max(...o) : 0, d = N(l ?? 0, u, b, !0, x, r, i, a, k, f, g);
|
|
109
|
+
d.plotOptions = {
|
|
110
|
+
...d.plotOptions,
|
|
111
|
+
area: {
|
|
112
|
+
fillTo: "end"
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
const v = l == -100, m = y === 0 && !v, $ = m ? 0 : void 0, q = m ? r > 100 ? r + 20 : 100 : void 0;
|
|
116
|
+
return d.yaxis = {
|
|
117
|
+
tickAmount: 5,
|
|
118
|
+
min: $,
|
|
119
|
+
max: q,
|
|
120
|
+
axisBorder: {
|
|
121
|
+
show: !0
|
|
122
|
+
},
|
|
123
|
+
labels: {
|
|
124
|
+
show: !0,
|
|
125
|
+
minWidth: 0,
|
|
126
|
+
maxWidth: 160,
|
|
127
|
+
style: {
|
|
128
|
+
colors: "#D3D3D3",
|
|
129
|
+
fontSize: "12px",
|
|
130
|
+
fontFamily: "Poppins",
|
|
131
|
+
fontWeight: 400,
|
|
132
|
+
cssClass: "apexcharts-yaxis-label"
|
|
133
|
+
},
|
|
134
|
+
formatter: (t) => {
|
|
135
|
+
const _ = Math.round(t);
|
|
136
|
+
return a ? _.toString() : _ + "%";
|
|
137
|
+
},
|
|
138
|
+
offsetX: 0,
|
|
139
|
+
offsetY: 0,
|
|
140
|
+
rotate: 0
|
|
141
|
+
}
|
|
142
|
+
}, d.tooltip = {
|
|
143
|
+
custom: ({ dataPointIndex: t, w: _ }) => {
|
|
144
|
+
const M = _.config.colors, A = _.config.series;
|
|
145
|
+
return `<div class=${e["custom-tooltip"]}>
|
|
146
|
+
<p class=${e["custom-tooltip-month"]}> ${i[t]} </p>
|
|
147
|
+
${A.map(
|
|
148
|
+
(n, h) => `<div key={${h}} class=${e["tooltip-data-box"]}>
|
|
149
|
+
<div class=${e["tooltip-data-cursor"]} style="background: ${M[h]}"></div>
|
|
150
|
+
<div class=${e["tooltip-data"]}>
|
|
151
|
+
<p class=${e.name}>${w(n.name?.toLowerCase()?.replace(/[?]/g, "")?.replace(/[ -]/g, "_"))}:</p>
|
|
152
|
+
<p class=${e.data}>${a ? n.data[t] : n.data[t]?.toFixed(2) + "%"}</p>
|
|
153
|
+
</div>
|
|
154
|
+
</div>`
|
|
155
|
+
)}
|
|
156
|
+
</div>`;
|
|
157
|
+
}
|
|
158
|
+
}, /* @__PURE__ */ s(p, { className: `${e["block-chart-area"]}`, children: /* @__PURE__ */ s(p, { item: !0, className: `${e.chart}`, style: { flex: 1 }, children: /* @__PURE__ */ s(
|
|
159
|
+
D,
|
|
160
|
+
{
|
|
161
|
+
options: d,
|
|
162
|
+
type: "area",
|
|
163
|
+
series: c,
|
|
164
|
+
width: "100%",
|
|
165
|
+
height: 250
|
|
166
|
+
}
|
|
167
|
+
) }) });
|
|
168
|
+
}, tt = C(E);
|
|
169
|
+
export {
|
|
170
|
+
tt as A,
|
|
171
|
+
e as s
|
|
172
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),o=require("react"),T=require("react-apexcharts"),i=require("./utils-CEt_p5re.cjs"),s=require("./AreaChart-BvvPNoSy.cjs"),L=require("react-router-dom"),B=require("react-redux"),R=require("mario-core"),w=require("./constantsFn-D04GunRW.cjs"),S=require("./Loading-CHowA_dQ.cjs"),y=require("@mui/material"),O=({data:r,isPlp:a,print:_,disableSeriesName:u,colors:v,indexActive:x,isStudentResponses:d,idDistribution:h,handleHoverTooltip:j,hiddenRightLegend:p,hiddenDescription:N,loadingComplete:g=!0})=>{const C=L.useNavigate(),{t:n}=R.useTranslation(),l=o.useRef(null),$=l.current?l.current.offsetWidth:1e3,q=B.useSelector(t=>t?.common?.user).roles.includes("Student"),b=t=>{a&&C(`/student-detail/overview/${t}`)},m=i.seriesNameBubbleChartCustom(r),f=r.map(t=>w.removeHTMLTags(t.questionText))||[];return e.jsxs("div",{className:`${s.styles["size-100"]}`,children:[!_&&e.jsxs(o.Fragment,{children:[e.jsxs("div",{className:`${s.styles["header-chart-container"]}`,children:[e.jsx(y.Typography,{className:`${s.styles["title-chart"]}`,children:n("student_distribution")}),e.jsx(y.Typography,{className:`${s.styles["header-chart-description"]}`,children:n("this_is_the_student_score_from_their_last_check_in")})]}),!N&&e.jsx("div",{className:s.styles["description-chart-distribution-stress"],dangerouslySetInnerHTML:{__html:n("the_data_presented_in_this_chart_reflects_the_average_from_the_student_check_ins")}})]}),e.jsxs("div",{className:`${s.styles["bubble-chart-custom"]}`,children:[g?e.jsxs("div",{className:s.styles["chart-custom"],children:[!p&&e.jsx("div",{className:`${s.styles["list-percent"]} ${u&&s.styles["percent-survey"]}`,children:i.PERCENT.map((t,c)=>e.jsxs("div",{className:`${s.styles["percent-item"]}`,children:[t,"%"]},c))}),e.jsx("div",{className:s.styles["legend-wrap"],children:!u&&m.map((t,c)=>e.jsxs("div",{className:`${s.styles.item}`,children:[e.jsx("div",{className:`${s.styles["mark-custom"]}`,style:{backgroundColor:i.COLOR_CHART_BUBBLE[c]}}),e.jsx("label",{className:`${s.styles["label-legend-custom"]}`,children:n(t.toLocaleLowerCase())})]},c))}),e.jsx("div",{className:s.styles["chart-buddle"],children:e.jsx("div",{ref:l,id:h??"",children:e.jsx(T,{options:i.readinesToLearnoptions(h??"",r,m,b,q,v,d,j),type:"scatter",series:i.convertDataToSeriesBullderChart(r,$,d),width:"100%",height:250})})})]}):e.jsx("div",{style:{width:"100%",height:400,display:"flex",justifyContent:"center",alignItems:"center"},children:e.jsx(S.Loading,{})}),e.jsx("div",{className:`${s.styles["question-legend-custom"]}`,children:x&&f.map((t,c)=>e.jsx("p",{className:`${s.styles.question}`,children:`${c+1}. ${t}`}))})]})]})};function k(r,a){return JSON.stringify(r)===JSON.stringify(a)}const E=o.memo(O,k);exports.BubbleChartCustom=E;
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { jsxs as s, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { memo as B, useRef as w, Fragment as S } from "react";
|
|
3
|
+
import q from "react-apexcharts";
|
|
4
|
+
import { t as O, u as k, C as x, v as E, w as R } from "./utils-CfKkuuuE.js";
|
|
5
|
+
import { s as e } from "./AreaChart-DaTK3ka-.js";
|
|
6
|
+
import { useNavigate as j } from "react-router-dom";
|
|
7
|
+
import { useSelector as H } from "react-redux";
|
|
8
|
+
import { useTranslation as U } from "mario-core";
|
|
9
|
+
import { r as A } from "./constantsFn-Dhj78pIc.js";
|
|
10
|
+
import { L as I } from "./Loading-9Xhwui4j.js";
|
|
11
|
+
import { Typography as u } from "@mui/material";
|
|
12
|
+
const J = ({
|
|
13
|
+
data: i,
|
|
14
|
+
isPlp: n,
|
|
15
|
+
print: p,
|
|
16
|
+
disableSeriesName: l,
|
|
17
|
+
colors: _,
|
|
18
|
+
indexActive: v,
|
|
19
|
+
isStudentResponses: m,
|
|
20
|
+
idDistribution: d,
|
|
21
|
+
handleHoverTooltip: f,
|
|
22
|
+
hiddenRightLegend: N,
|
|
23
|
+
hiddenDescription: g,
|
|
24
|
+
loadingComplete: $ = !0
|
|
25
|
+
}) => {
|
|
26
|
+
const C = j(), { t: c } = U(), o = w(null), b = o.current ? o.current.offsetWidth : 1e3, y = H((r) => r?.common?.user).roles.includes("Student"), T = (r) => {
|
|
27
|
+
n && C(`/student-detail/overview/${r}`);
|
|
28
|
+
}, h = O(i), L = i.map((r) => A(r.questionText)) || [];
|
|
29
|
+
return /* @__PURE__ */ s("div", { className: `${e["size-100"]}`, children: [
|
|
30
|
+
!p && /* @__PURE__ */ s(S, { children: [
|
|
31
|
+
/* @__PURE__ */ s("div", { className: `${e["header-chart-container"]}`, children: [
|
|
32
|
+
/* @__PURE__ */ t(u, { className: `${e["title-chart"]}`, children: c("student_distribution") }),
|
|
33
|
+
/* @__PURE__ */ t(u, { className: `${e["header-chart-description"]}`, children: c("this_is_the_student_score_from_their_last_check_in") })
|
|
34
|
+
] }),
|
|
35
|
+
!g && /* @__PURE__ */ t(
|
|
36
|
+
"div",
|
|
37
|
+
{
|
|
38
|
+
className: e["description-chart-distribution-stress"],
|
|
39
|
+
dangerouslySetInnerHTML: { __html: c("the_data_presented_in_this_chart_reflects_the_average_from_the_student_check_ins") }
|
|
40
|
+
}
|
|
41
|
+
)
|
|
42
|
+
] }),
|
|
43
|
+
/* @__PURE__ */ s("div", { className: `${e["bubble-chart-custom"]}`, children: [
|
|
44
|
+
$ ? /* @__PURE__ */ s("div", { className: e["chart-custom"], children: [
|
|
45
|
+
!N && /* @__PURE__ */ t("div", { className: `${e["list-percent"]} ${l && e["percent-survey"]}`, children: k.map((r, a) => /* @__PURE__ */ s(
|
|
46
|
+
"div",
|
|
47
|
+
{
|
|
48
|
+
className: `${e["percent-item"]}`,
|
|
49
|
+
children: [
|
|
50
|
+
r,
|
|
51
|
+
"%"
|
|
52
|
+
]
|
|
53
|
+
},
|
|
54
|
+
a
|
|
55
|
+
)) }),
|
|
56
|
+
/* @__PURE__ */ t("div", { className: e["legend-wrap"], children: !l && h.map((r, a) => /* @__PURE__ */ s(
|
|
57
|
+
"div",
|
|
58
|
+
{
|
|
59
|
+
className: `${e.item}`,
|
|
60
|
+
children: [
|
|
61
|
+
/* @__PURE__ */ t(
|
|
62
|
+
"div",
|
|
63
|
+
{
|
|
64
|
+
className: `${e["mark-custom"]}`,
|
|
65
|
+
style: {
|
|
66
|
+
backgroundColor: x[a]
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
),
|
|
70
|
+
/* @__PURE__ */ t(
|
|
71
|
+
"label",
|
|
72
|
+
{
|
|
73
|
+
className: `${e["label-legend-custom"]}`,
|
|
74
|
+
children: c(r.toLocaleLowerCase())
|
|
75
|
+
}
|
|
76
|
+
)
|
|
77
|
+
]
|
|
78
|
+
},
|
|
79
|
+
a
|
|
80
|
+
)) }),
|
|
81
|
+
/* @__PURE__ */ t("div", { className: e["chart-buddle"], children: /* @__PURE__ */ t("div", { ref: o, id: d ?? "", children: /* @__PURE__ */ t(
|
|
82
|
+
q,
|
|
83
|
+
{
|
|
84
|
+
options: R(
|
|
85
|
+
d ?? "",
|
|
86
|
+
i,
|
|
87
|
+
h,
|
|
88
|
+
T,
|
|
89
|
+
y,
|
|
90
|
+
_,
|
|
91
|
+
m,
|
|
92
|
+
f
|
|
93
|
+
),
|
|
94
|
+
type: "scatter",
|
|
95
|
+
series: E(i, b, m),
|
|
96
|
+
width: "100%",
|
|
97
|
+
height: 250
|
|
98
|
+
}
|
|
99
|
+
) }) })
|
|
100
|
+
] }) : /* @__PURE__ */ t("div", { style: { width: "100%", height: 400, display: "flex", justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ t(I, {}) }),
|
|
101
|
+
/* @__PURE__ */ t("div", { className: `${e["question-legend-custom"]}`, children: v && L.map((r, a) => /* @__PURE__ */ t("p", { className: `${e.question}`, children: `${a + 1}. ${r}` })) })
|
|
102
|
+
] })
|
|
103
|
+
] });
|
|
104
|
+
};
|
|
105
|
+
function M(i, n) {
|
|
106
|
+
return JSON.stringify(i) === JSON.stringify(n);
|
|
107
|
+
}
|
|
108
|
+
const ee = B(J, M);
|
|
109
|
+
export {
|
|
110
|
+
ee as B
|
|
111
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect as p } from "react";
|
|
3
|
+
import { u as m, S as c, O as n, L as d } from "./LearningPlan-B6PE3Rtb.js";
|
|
4
|
+
import o from "./PersonalLearningGoal-DMAvpAxQ.js";
|
|
5
|
+
import { useSelector as f } from "react-redux";
|
|
6
|
+
import { B as u } from "./Box-BsXf-43u.js";
|
|
7
|
+
let e = [];
|
|
8
|
+
const w = () => {
|
|
9
|
+
const a = f((s) => s.common?.isEnableIEP) ?? !1, { getStudentInfo: i, studentInfo: r } = m(), l = location.pathname.replace(/[^0-9]/g, "");
|
|
10
|
+
return a ? e = [
|
|
11
|
+
{
|
|
12
|
+
path: "/my-student-detail/overview/",
|
|
13
|
+
title: "Overview",
|
|
14
|
+
component: n
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
path: "/personal-learning-plan/",
|
|
18
|
+
title: "PLP",
|
|
19
|
+
component: o
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
path: "/my-student-detail/learning-plan/",
|
|
23
|
+
title: "IEP",
|
|
24
|
+
component: d
|
|
25
|
+
}
|
|
26
|
+
] : e = [
|
|
27
|
+
{
|
|
28
|
+
path: "/my-student-detail/overview/",
|
|
29
|
+
title: "Overview",
|
|
30
|
+
component: n
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
path: "/personal-learning-plan/",
|
|
34
|
+
title: "PLP",
|
|
35
|
+
component: o
|
|
36
|
+
}
|
|
37
|
+
], p(() => {
|
|
38
|
+
i?.(parseInt(l || "0"));
|
|
39
|
+
}, []), /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(c, { tabs: e, studentInfo: r }) });
|
|
40
|
+
};
|
|
41
|
+
export {
|
|
42
|
+
w as default
|
|
43
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("react"),e=require("./LearningPlan-BXQiena-.cjs"),a=require("./PersonalLearningGoal-DcJwq1Vu.cjs"),u=require("react-redux"),d=require("./Box-Bps6pBL9.cjs");let t=[];const p=()=>{const o=u.useSelector(s=>s.common?.isEnableIEP)??!1,{getStudentInfo:i,studentInfo:r}=e.useClassReflectionList(),l=location.pathname.replace(/[^0-9]/g,"");return o?t=[{path:"/my-student-detail/overview/",title:"Overview",component:e.Overview},{path:"/personal-learning-plan/",title:"PLP",component:a.default},{path:"/my-student-detail/learning-plan/",title:"IEP",component:e.LearningPlan}]:t=[{path:"/my-student-detail/overview/",title:"Overview",component:e.Overview},{path:"/personal-learning-plan/",title:"PLP",component:a.default}],c.useEffect(()=>{i?.(parseInt(l||"0"))},[]),n.jsx(d.Box,{children:n.jsx(e.StudentTabs,{tabs:t,studentInfo:r})})};exports.default=p;
|