mario-education 2.4.35-beta → 2.4.36-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.
@@ -0,0 +1,7 @@
1
+ import { FC } from "react";
2
+ import { IReadinessToLearning } from "../configs/types";
3
+ interface Props {
4
+ data: IReadinessToLearning[];
5
+ }
6
+ declare const ReadinessToLearn: FC<Props>;
7
+ export default ReadinessToLearn;
package/dist/index.js CHANGED
@@ -29003,6 +29003,10 @@ var SelectFilter = function SelectFilter(_ref) {
29003
29003
  filter = _ref.filter,
29004
29004
  teacherUserId = _ref.teacherUserId,
29005
29005
  changeCurrentTeacherUserId = _ref.changeCurrentTeacherUserId;
29006
+
29007
+ var _useTranslation = marioCore.useTranslation(),
29008
+ t = _useTranslation.t;
29009
+
29006
29010
  var ref = React.useRef(null);
29007
29011
 
29008
29012
  var _useState = React.useState(false),
@@ -29118,7 +29122,7 @@ var SelectFilter = function SelectFilter(_ref) {
29118
29122
  alt: labelBox.calendar.label
29119
29123
  }), React__default.createElement("p", {
29120
29124
  className: styles["color-filter"] + " my-0 mx-2"
29121
- }, "Start Date", !!(filter !== null && filter !== void 0 && filter.startDate) && ": " + moment(filter === null || filter === void 0 ? void 0 : filter.startDate).format("DD/MM/YYYY"))), isOpenCollapse && React__default.createElement("div", {
29125
+ }, t(name), !!(filter !== null && filter !== void 0 && filter.startDate) && ": " + moment(filter === null || filter === void 0 ? void 0 : filter.startDate).format("DD/MM/YYYY"))), isOpenCollapse && React__default.createElement("div", {
29122
29126
  className: styles["date-picker"] + " date-picker-admin"
29123
29127
  }, React__default.createElement(DatePicker, {
29124
29128
  selected: moment(filter === null || filter === void 0 ? void 0 : filter.startDate).toDate(),
@@ -29144,7 +29148,7 @@ var SelectFilter = function SelectFilter(_ref) {
29144
29148
  alt: labelBox.calendar.label
29145
29149
  }), React__default.createElement("p", {
29146
29150
  className: styles["color-filter"] + " my-0 mx-2"
29147
- }, "End Date", !!(filter !== null && filter !== void 0 && filter.endDate) && ": " + moment(filter === null || filter === void 0 ? void 0 : filter.endDate).format("DD/MM/YYYY"))), isOpenCollapse && React__default.createElement("div", {
29151
+ }, t(name), !!(filter !== null && filter !== void 0 && filter.endDate) && ": " + moment(filter === null || filter === void 0 ? void 0 : filter.endDate).format("DD/MM/YYYY"))), isOpenCollapse && React__default.createElement("div", {
29148
29152
  className: styles["date-picker"] + " date-picker-admin"
29149
29153
  }, React__default.createElement(DatePicker, {
29150
29154
  selected: moment(filter === null || filter === void 0 ? void 0 : filter.endDate).toDate(),
@@ -29170,7 +29174,7 @@ var SelectFilter = function SelectFilter(_ref) {
29170
29174
  alt: labelBox.gender.label
29171
29175
  }), React__default.createElement("p", {
29172
29176
  className: styles["color-filter"] + " my-0 mx-2"
29173
- }, labelBox.gender.value === -1 ? "Gender" : labelBox.gender.label), !isOpenCollapse ? React__default.createElement(fi.FiChevronDown, null) : React__default.createElement(fi.FiChevronUp, null)), React__default.createElement("div", {
29177
+ }, labelBox.gender.value === -1 ? "" + t(name) : labelBox.gender.label), !isOpenCollapse ? React__default.createElement(fi.FiChevronDown, null) : React__default.createElement(fi.FiChevronUp, null)), React__default.createElement("div", {
29174
29178
  className: styles["select-filter-component"] + " " + (!isOpenCollapse && "" + styles["hidden"])
29175
29179
  }, React__default.createElement(reactstrap.Form, {
29176
29180
  className: "" + styles["box-select"]
@@ -29212,7 +29216,7 @@ var SelectFilter = function SelectFilter(_ref) {
29212
29216
  alt: name
29213
29217
  }), React__default.createElement("p", {
29214
29218
  className: styles["color-filter"] + " my-0 mx-2"
29215
- }, labelBox.grade === -1 ? name : option === null || option === void 0 ? void 0 : (_option$find = option.find(function (i) {
29219
+ }, labelBox.grade === -1 ? "" + t(name) : option === null || option === void 0 ? void 0 : (_option$find = option.find(function (i) {
29216
29220
  return i.value === labelBox.grade;
29217
29221
  })) === null || _option$find === void 0 ? void 0 : _option$find.label), !isOpenCollapse ? React__default.createElement(fi.FiChevronDown, null) : React__default.createElement(fi.FiChevronUp, null)), React__default.createElement("div", {
29218
29222
  className: styles["select-filter-component"] + " " + (!isOpenCollapse && "" + styles["hidden"])
@@ -29256,7 +29260,7 @@ var SelectFilter = function SelectFilter(_ref) {
29256
29260
  alt: name
29257
29261
  }), React__default.createElement("p", {
29258
29262
  className: styles["color-filter"] + " my-0 mx-2"
29259
- }, labelBox.bandScore === -1 ? name : option === null || option === void 0 ? void 0 : (_option$find2 = option.find(function (i) {
29263
+ }, labelBox.bandScore === -1 ? "" + t(name) : option === null || option === void 0 ? void 0 : (_option$find2 = option.find(function (i) {
29260
29264
  return i.value === labelBox.bandScore;
29261
29265
  })) === null || _option$find2 === void 0 ? void 0 : _option$find2.label), !isOpenCollapse ? React__default.createElement(fi.FiChevronDown, null) : React__default.createElement(fi.FiChevronUp, null)), React__default.createElement("div", {
29262
29266
  className: styles["select-filter-component"] + " " + (!isOpenCollapse && "" + styles["hidden"])
@@ -29298,7 +29302,7 @@ var SelectFilter = function SelectFilter(_ref) {
29298
29302
  alt: name
29299
29303
  }), React__default.createElement("p", {
29300
29304
  className: styles["color-filter"] + " my-0 mx-2"
29301
- }, teacherName || name), !isOpenCollapse ? React__default.createElement(fi.FiChevronDown, null) : React__default.createElement(fi.FiChevronUp, null)), React__default.createElement("div", {
29305
+ }, teacherName || t(name)), !isOpenCollapse ? React__default.createElement(fi.FiChevronDown, null) : React__default.createElement(fi.FiChevronUp, null)), React__default.createElement("div", {
29302
29306
  className: styles["select-filter-component"] + " " + (!isOpenCollapse && "" + styles["hidden"])
29303
29307
  }, React__default.createElement(TeacherItemSelector, {
29304
29308
  onChange: function onChange(e) {
@@ -29330,7 +29334,7 @@ var SelectFilter = function SelectFilter(_ref) {
29330
29334
  alt: name
29331
29335
  }), React__default.createElement("p", {
29332
29336
  className: styles["color-filter"] + " my-0 mx-2"
29333
- }, studentName || name), !isOpenCollapse ? React__default.createElement(fi.FiChevronDown, null) : React__default.createElement(fi.FiChevronUp, null)), React__default.createElement("div", {
29337
+ }, studentName || t(name)), !isOpenCollapse ? React__default.createElement(fi.FiChevronDown, null) : React__default.createElement(fi.FiChevronUp, null)), React__default.createElement("div", {
29334
29338
  className: styles["select-filter-component"] + " " + (!isOpenCollapse && "" + styles["hidden"])
29335
29339
  }, React__default.createElement(StudentItemSelector, {
29336
29340
  onChange: function onChange(e) {
@@ -29399,6 +29403,10 @@ var DashboardToPDF = function DashboardToPDF(props) {
29399
29403
  dataConvertedSafety = props.dataConvertedSafety,
29400
29404
  activeColumnSafety = props.activeColumnSafety,
29401
29405
  avgSafety = props.avgSafety;
29406
+
29407
+ var _useTranslation = marioCore.useTranslation(),
29408
+ t = _useTranslation.t;
29409
+
29402
29410
  var dispatch = reactRedux.useDispatch();
29403
29411
  var filterSelectedToPDF = selectedToPDF === null || selectedToPDF === void 0 ? void 0 : selectedToPDF.filter(function (i) {
29404
29412
  return i.id != null;
@@ -29498,7 +29506,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
29498
29506
 
29499
29507
  doc.setFontSize(14);
29500
29508
  doc.setFont("Helvetica", "normal", "bold");
29501
- doc.text((_filterSelectedToPDF$2 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$2 === void 0 ? void 0 : _filterSelectedToPDF$2.label, left, 70);
29509
+ doc.text(t((_filterSelectedToPDF$2 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$2 === void 0 ? void 0 : _filterSelectedToPDF$2.label), left, 70);
29502
29510
  var chart = document.getElementById("student_by_grade");
29503
29511
  return Promise.resolve(html2canvas(chart)).then(function (canvas) {
29504
29512
  doc.addImage(canvas.toDataURL("image/png"), left, line, 400, 130);
@@ -29519,7 +29527,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
29519
29527
 
29520
29528
  doc.setFontSize(14);
29521
29529
  doc.setFont("Helvetica", "normal", "bold");
29522
- doc.text((_filterSelectedToPDF$4 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$4 === void 0 ? void 0 : _filterSelectedToPDF$4.label, left, 70);
29530
+ doc.text(t((_filterSelectedToPDF$4 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$4 === void 0 ? void 0 : _filterSelectedToPDF$4.label), left, 70);
29523
29531
  var chart = document.getElementById("student_by_age");
29524
29532
  return Promise.resolve(html2canvas(chart)).then(function (canvas) {
29525
29533
  doc.addImage(canvas.toDataURL("image/png"), left, line, 800, 450);
@@ -29542,7 +29550,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
29542
29550
  doc.setFontSize(14);
29543
29551
  doc.setTextColor("#242424");
29544
29552
  doc.setFont("Helvetica", "normal", "bold");
29545
- doc.text((_filterSelectedToPDF$6 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$6 === void 0 ? void 0 : _filterSelectedToPDF$6.label, left, 70);
29553
+ doc.text(t((_filterSelectedToPDF$6 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$6 === void 0 ? void 0 : _filterSelectedToPDF$6.label), left, 70);
29546
29554
  var chart = document.getElementById("safety");
29547
29555
  return Promise.resolve(html2canvas(chart)).then(function (canvas) {
29548
29556
  function _temp12() {
@@ -29673,7 +29681,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
29673
29681
  doc.setFontSize(14);
29674
29682
  doc.setTextColor("#242424");
29675
29683
  doc.setFont("Helvetica", "normal", "bold");
29676
- doc.text((_filterSelectedToPDF$8 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$8 === void 0 ? void 0 : _filterSelectedToPDF$8.label, left, 70);
29684
+ doc.text(t((_filterSelectedToPDF$8 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$8 === void 0 ? void 0 : _filterSelectedToPDF$8.label), left, 70);
29677
29685
  var chart = document.getElementById("conference");
29678
29686
  return Promise.resolve(html2canvas(chart)).then(function (canvas) {
29679
29687
  function _temp9() {
@@ -29691,7 +29699,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
29691
29699
  doc.text(dataConvertedConference[idxConferenceConverted], left + 7, line + 5);
29692
29700
  left = left + dataConvertedConference[idxConferenceConverted].length * 3 + 15;
29693
29701
 
29694
- if (!!dataConvertedConference[idxConferenceConverted + 1] && left + dataConvertedConference[idxConferenceConverted + 1].length * 3 + 15) {
29702
+ if (!!dataConvertedConference[idxConferenceConverted + 1] && left + dataConvertedConference[idxConferenceConverted + 1].length * 3 + 15 > WIDTH_PAPER) {
29695
29703
  left = 20;
29696
29704
  line += 10;
29697
29705
  }
@@ -29744,17 +29752,19 @@ var DashboardToPDF = function DashboardToPDF(props) {
29744
29752
  doc.setFontSize(8);
29745
29753
 
29746
29754
  for (var idxConferenceResultQuestion = 0; idxConferenceResultQuestion < (listResultQuestion === null || listResultQuestion === void 0 ? void 0 : listResultQuestion.length); idxConferenceResultQuestion++) {
29747
- if (listResultQuestion[idxConferenceResultQuestion] != 0) {
29748
- var _listResultQuestion$i4, _listResultQuestion$i5;
29755
+ var _listResultQuestion$i4;
29756
+
29757
+ if (((_listResultQuestion$i4 = listResultQuestion[idxConferenceResultQuestion]) === null || _listResultQuestion$i4 === void 0 ? void 0 : _listResultQuestion$i4.avgOfStudentChoice) != 0) {
29758
+ var _listResultQuestion$i5, _listResultQuestion$i6;
29749
29759
 
29750
- var resultQuestion = (_listResultQuestion$i4 = listResultQuestion[idxConferenceResultQuestion]) === null || _listResultQuestion$i4 === void 0 ? void 0 : _listResultQuestion$i4.questionText;
29760
+ var resultQuestion = (_listResultQuestion$i5 = listResultQuestion[idxConferenceResultQuestion]) === null || _listResultQuestion$i5 === void 0 ? void 0 : _listResultQuestion$i5.questionText;
29751
29761
  doc.setDrawColor(0);
29752
29762
  doc.setFillColor(COLOR_CHART_AND_PERCENTS[idxConferenceResultQuestion]);
29753
29763
  doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
29754
29764
  doc.setFont("Helvetica", "normal", "bold");
29755
29765
  doc.text(resultQuestion + ":", left + 8, _line + 10);
29756
29766
  doc.setFont("Helvetica", "normal", "normal");
29757
- doc.text(((_listResultQuestion$i5 = listResultQuestion[idxConferenceResultQuestion]) === null || _listResultQuestion$i5 === void 0 ? void 0 : _listResultQuestion$i5.avgOfStudentChoice.toFixed(2)) + "%", left + resultQuestion.length * 3 + 17, _line + 10);
29767
+ doc.text(((_listResultQuestion$i6 = listResultQuestion[idxConferenceResultQuestion]) === null || _listResultQuestion$i6 === void 0 ? void 0 : _listResultQuestion$i6.avgOfStudentChoice.toFixed(2)) + "%", left + resultQuestion.length * 3 + 17, _line + 10);
29758
29768
  _line += 10;
29759
29769
 
29760
29770
  if (_line > lineOptionConference) {
@@ -29802,7 +29812,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
29802
29812
  doc.setFontSize(14);
29803
29813
  doc.setTextColor("#242424");
29804
29814
  doc.setFont("Helvetica", "normal", "bold");
29805
- doc.text((_filterSelectedToPDF$10 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$10 === void 0 ? void 0 : _filterSelectedToPDF$10.label, left, 70);
29815
+ doc.text(t((_filterSelectedToPDF$10 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$10 === void 0 ? void 0 : _filterSelectedToPDF$10.label), left, 70);
29806
29816
  var chart = document.getElementById("class_reflection");
29807
29817
  return Promise.resolve(html2canvas(chart)).then(function (canvas) {
29808
29818
  function _temp6() {
@@ -29937,7 +29947,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
29937
29947
 
29938
29948
  doc.setFontSize(14);
29939
29949
  doc.setFont("Helvetica", "normal", "bold");
29940
- doc.text((_filterSelectedToPDF$12 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$12 === void 0 ? void 0 : _filterSelectedToPDF$12.label, left, 70);
29950
+ doc.text(t((_filterSelectedToPDF$12 = filterSelectedToPDF[i]) === null || _filterSelectedToPDF$12 === void 0 ? void 0 : _filterSelectedToPDF$12.label), left, 70);
29941
29951
  var chart = document.getElementById("1_to_1");
29942
29952
  return Promise.resolve(html2canvas(chart)).then(function (canvas) {
29943
29953
  function _temp3() {
@@ -30006,15 +30016,15 @@ var DashboardToPDF = function DashboardToPDF(props) {
30006
30016
  doc.setFontSize(8);
30007
30017
 
30008
30018
  for (var indexResult = 0; indexResult < (listResultQuestion === null || listResultQuestion === void 0 ? void 0 : listResultQuestion.length); indexResult++) {
30009
- var _listResultQuestion$i6;
30019
+ var _listResultQuestion$i7;
30010
30020
 
30011
- if (((_listResultQuestion$i6 = listResultQuestion[indexResult]) === null || _listResultQuestion$i6 === void 0 ? void 0 : _listResultQuestion$i6.avgOfStudentChoice) != 0) {
30012
- var _listResultQuestion$i7, _listResultQuestion$i8;
30021
+ if (((_listResultQuestion$i7 = listResultQuestion[indexResult]) === null || _listResultQuestion$i7 === void 0 ? void 0 : _listResultQuestion$i7.avgOfStudentChoice) != 0) {
30022
+ var _listResultQuestion$i8, _listResultQuestion$i9;
30013
30023
 
30014
- var resultQuestion = ((_listResultQuestion$i7 = listResultQuestion[indexResult]) === null || _listResultQuestion$i7 === void 0 ? void 0 : _listResultQuestion$i7.questionText.slice(3, (_listResultQuestion$i8 = listResultQuestion[indexResult]) === null || _listResultQuestion$i8 === void 0 ? void 0 : _listResultQuestion$i8.questionText.indexOf("</p>"))) || "";
30024
+ var resultQuestion = ((_listResultQuestion$i8 = listResultQuestion[indexResult]) === null || _listResultQuestion$i8 === void 0 ? void 0 : _listResultQuestion$i8.questionText.slice(3, (_listResultQuestion$i9 = listResultQuestion[indexResult]) === null || _listResultQuestion$i9 === void 0 ? void 0 : _listResultQuestion$i9.questionText.indexOf("</p>"))) || "";
30015
30025
 
30016
30026
  if (resultQuestion != "") {
30017
- var _listResultQuestion$i9, _listResultQuestion$i10;
30027
+ var _listResultQuestion$i10, _listResultQuestion$i11;
30018
30028
 
30019
30029
  doc.setDrawColor(0);
30020
30030
  doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
@@ -30022,7 +30032,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
30022
30032
  doc.setFont("Helvetica", "normal", "bold");
30023
30033
  doc.text(resultQuestion + ":", left + 8, _line + 10);
30024
30034
  doc.setFont("Helvetica", "normal", "normal");
30025
- doc.text(((_listResultQuestion$i9 = listResultQuestion[indexResult]) === null || _listResultQuestion$i9 === void 0 ? void 0 : (_listResultQuestion$i10 = _listResultQuestion$i9.avgOfStudentChoice) === null || _listResultQuestion$i10 === void 0 ? void 0 : _listResultQuestion$i10.toFixed(2)) + "%", left + (resultQuestion === null || resultQuestion === void 0 ? void 0 : resultQuestion.length) * 2.5 + 20.5, _line + 10);
30035
+ doc.text(((_listResultQuestion$i10 = listResultQuestion[indexResult]) === null || _listResultQuestion$i10 === void 0 ? void 0 : (_listResultQuestion$i11 = _listResultQuestion$i10.avgOfStudentChoice) === null || _listResultQuestion$i11 === void 0 ? void 0 : _listResultQuestion$i11.toFixed(2)) + "%", left + (resultQuestion === null || resultQuestion === void 0 ? void 0 : resultQuestion.length) * 2.5 + 20.5, _line + 10);
30026
30036
  }
30027
30037
 
30028
30038
  _line += 10;
@@ -30069,7 +30079,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
30069
30079
  return Promise.resolve(createImageHeader()).then(function () {
30070
30080
  doc.setFontSize(14);
30071
30081
  doc.setFont("Helvetica", "normal", "bold");
30072
- doc.text(filterSelectedToPDF[i].label, left, 70);
30082
+ doc.text(t(filterSelectedToPDF[i].label), left, 70);
30073
30083
  var chart = document.getElementById("readiness_to_learn");
30074
30084
  return Promise.resolve(html2canvas(chart)).then(function (canvas) {
30075
30085
  doc.addImage(canvas.toDataURL("image/png"), 15, line + 10, 420, 150);
@@ -30088,7 +30098,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
30088
30098
  return Promise.resolve(createImageHeader()).then(function () {
30089
30099
  doc.setFontSize(14);
30090
30100
  doc.setFont("Helvetica", "normal", "bold");
30091
- doc.text(filterSelectedToPDF[i].label, left, 70);
30101
+ doc.text(t(filterSelectedToPDF[i].label), left, 70);
30092
30102
  doc.setFontSize(8);
30093
30103
  var topLearningStrategiesData = topLearningStrategies === null || topLearningStrategies === void 0 ? void 0 : topLearningStrategies.learningStrategies;
30094
30104
 
@@ -30418,7 +30428,7 @@ var Dashboard = function Dashboard() {
30418
30428
  className: "d-flex"
30419
30429
  }, LIST_FILTERS_LEFT.map(function (e) {
30420
30430
  return React__default.createElement(SelectFilter, {
30421
- name: t("" + e.name),
30431
+ name: e.name,
30422
30432
  icon: e.icon,
30423
30433
  handleChangeFilters: e.handleChangeFilters,
30424
30434
  filter: filter,
@@ -30429,7 +30439,7 @@ var Dashboard = function Dashboard() {
30429
30439
  className: "d-flex"
30430
30440
  }, LIST_FILTERS_RIGHT.map(function (e) {
30431
30441
  return React__default.createElement(SelectFilter, {
30432
- name: t("" + e.name),
30442
+ name: e.name,
30433
30443
  icon: e.icon,
30434
30444
  handleChangeFilters: e.handleChangeFilters,
30435
30445
  filter: filter,