mario-teacher-student-client 2.1.122-admin → 2.1.123-admin

package/dist/index.css

@@ -5922,7 +5922,8 @@ h2._1OAmb {
   padding: 10px 0 0 10px; }
 
 ._bohtl {
-  position: relative; }
+  position: relative;
+  width: 100%; }
 
 ._bohtl ._300bf {
   width: 100%;
@@ -6005,7 +6006,8 @@ h2._1OAmb {
   background-color: #fff; }
 
 ._24I9o {
-  padding-bottom: 10px; }
+  padding-bottom: 10px;
+  width: 100%; }
 
 ._24I9o ._1uyoV {
   padding-left: 10px; }
@@ -6111,6 +6113,12 @@ h2._1OAmb {
 ._1_B1Q {
   margin-right: 10px; }
 
+._2Q5K5 {
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
+  padding: 0 15px; }
+
 @font-face {
   font-family: "Lato-Regular";
   src: url("/fonts/Lato-Regular.ttf");

package/dist/index.js

@@ -83,6 +83,7 @@ var Chart = _interopDefault(require('react-apexcharts'));
 var jsPDF = _interopDefault(require('jspdf'));
 var MoreVertIcon = _interopDefault(require('@material-ui/icons/MoreVert'));
 var AppsIcon = _interopDefault(require('@material-ui/icons/Apps'));
+var ExpandMoreIcon = _interopDefault(require('@material-ui/icons/ExpandMore'));
 var ArrowBackIcon = _interopDefault(require('@material-ui/icons/ArrowBack'));
 var FormControlLabel = _interopDefault(require('@material-ui/core/FormControlLabel'));
 var Switch = _interopDefault(require('@material-ui/core/Switch'));
@@ -107,7 +108,6 @@ var Dialog = _interopDefault(require('@material-ui/core/Dialog'));
 var DialogActions = _interopDefault(require('@material-ui/core/DialogActions'));
 var DialogContent = _interopDefault(require('@material-ui/core/DialogContent'));
 var DialogTitle = _interopDefault(require('@material-ui/core/DialogTitle'));
-var ExpandMoreIcon = _interopDefault(require('@material-ui/icons/ExpandMore'));
 var AddCircleRoundedIcon = _interopDefault(require('@material-ui/icons/AddCircleRounded'));
 var InfoOutlinedIcon = _interopDefault(require('@material-ui/icons/InfoOutlined'));
 var Accordion = _interopDefault(require('@material-ui/core/Accordion'));
@@ -19537,7 +19537,7 @@ var useChartOneToOne = function useChartOneToOne(studentId, gradeFilter) {
       activeColumnOneToOne = _useState5[0],
       setActiveColumnOneToOne = _useState5[1];
 
-  var _useState6 = React.useState([TYPECHART.BOTH]),
+  var _useState6 = React.useState([TYPECHART.BAR]),
       typeChartList = _useState6[0],
       setTypeChartList = _useState6[1];
 
@@ -19650,7 +19650,7 @@ var useChartOneToOne = function useChartOneToOne(studentId, gradeFilter) {
     getData(timeStart, timeEnd, gradeFilter || []);
   }, [timeStart, timeEnd, gradeFilter]);
   React.useEffect(function () {
-    if (dataConvertedOneToOne.length > 0) {
+    if (dataConvertedOneToOne.length >= 0) {
       if (activeColumnOneToOne.filter(function (r) {
         return r == true;
       }).length == 0 || activeColumnOneToOne.length != dataConvertedOneToOne.length) {
@@ -19945,7 +19945,7 @@ var useChartConference = function useChartConference(studentId, gradeFilter) {
       avgConference = _useState7[0],
       setAvgConference = _useState7[1];
 
-  var _useState8 = React.useState([TYPECHART.BOTH]),
+  var _useState8 = React.useState([TYPECHART.BAR]),
       typeChartConference = _useState8[0],
       setTypeChartConference = _useState8[1];
 
@@ -20129,7 +20129,7 @@ var useLearningProgress = function useLearningProgress(studentId, gradeFilter) {
 
   var seriesLearningProgress = convertToSeriesColumnChartAndPercentProgress(chartLearningProgress === null || chartLearningProgress === void 0 ? void 0 : chartLearningProgress.overviewQuestionChoice);
 
-  var _useState5 = React.useState([TYPECHART.BOTH]),
+  var _useState5 = React.useState([TYPECHART.BAR]),
       typeChartLearningProgress = _useState5[0],
       setTypeChartLearningProgress = _useState5[1];
 
@@ -29213,7 +29213,7 @@ var OverviewToPDF = function OverviewToPDF(props) {
   }, "Export to PDF"));
 };
 
-var styles$9 = {"chart-background":"_cgl4v","size-100":"_2U_52","m-0":"_3STbD","block-header-chart":"_1ZzMF","image-no-data":"_1TU5o","title-chart":"_16TfW","bubble-chart-custom":"_bohtl","x-axis-custom-wrap":"_300bf","axis-content":"_2Uwuq","legend-wrap":"_3rrNo","item":"_AftKQ","mark-custom":"_oY0Wi","label-legend-custom":"_3FoVA","mark-legend":"_3abOx","label-chart":"_2PE-m","list-percent":"_2pxKb","percent-item":"_2_Z0o","chart-custom":"_1mCy1","chart-buddle":"_1JTbs","column-chart-percent":"_24I9o","custom-marker":"_1uyoV","item-legend":"_FYBV8","percent":"_ejaOc","listItem":"_2qkRv","item-checkbox":"_2Mrk8","check-box":"_3tood","gr-date-time":"_2CJRa","date-time-start":"_276HX","text":"_2v_eI","date-time-end":"_H9TqM","block-header-name":"_5Smyg","header-more":"_1_B1Q"};
+var styles$9 = {"chart-background":"_cgl4v","size-100":"_2U_52","m-0":"_3STbD","block-header-chart":"_1ZzMF","image-no-data":"_1TU5o","title-chart":"_16TfW","bubble-chart-custom":"_bohtl","x-axis-custom-wrap":"_300bf","axis-content":"_2Uwuq","legend-wrap":"_3rrNo","item":"_AftKQ","mark-custom":"_oY0Wi","label-legend-custom":"_3FoVA","mark-legend":"_3abOx","label-chart":"_2PE-m","list-percent":"_2pxKb","percent-item":"_2_Z0o","chart-custom":"_1mCy1","chart-buddle":"_1JTbs","column-chart-percent":"_24I9o","custom-marker":"_1uyoV","item-legend":"_FYBV8","percent":"_ejaOc","listItem":"_2qkRv","item-checkbox":"_2Mrk8","check-box":"_3tood","gr-date-time":"_2CJRa","date-time-start":"_276HX","text":"_2v_eI","date-time-end":"_H9TqM","block-header-name":"_5Smyg","header-more":"_1_B1Q","filter-date":"_2Q5K5"};
 
 var styles$a = {"learning-strategies-chart":"_39STc","header-box":"_2k_yg","title":"_16oXB","expand-option":"_1lQpH","font-large":"_1ooJj","char-container":"_BBUKu","font-small":"_1UHbt","block-cricle":"_1xZXQ","header-box-dialog":"_2cDnz","icon":"_pShUd","title-dialog":"_Vlz7n","description-dialog":"_3NniU","box-dialog":"_5s_DJ","gr-action":"_2srYZ","btn-request":"_1PYm8","gr-date-time-mobile":"_ffVlk","gr-date-time":"_3OCIb","date-time":"_1gPtX","search-input-icon":"_3PV-Z","icon-button":"_2diih","search-input":"_1UzKT","inputInput":"__hBcd","table-border":"_3Saaw","table-cell":"_i-ZXZ","data-returns-empty":"_3VC7c"};
 
@@ -29506,7 +29506,19 @@ var TopLearningStrategy = function TopLearningStrategy(_ref) {
   }];
   var screenWidth = (window.innerWidth - 256) / 100 * 30;
   return React__default.createElement("div", {
-    className: styles$9["chart-background"] + " " + styles$9["size-100"]
+    className: "" + styles$9["size-100"]
+  }, React__default.createElement(LearningStrategyDialog, {
+    open: open,
+    filters: filtersLearningStrategiesData,
+    handleClose: handleToggleDialog,
+    learningStrategiesData: learningStrategiesData,
+    changeFilters: changeFiltersLearningStrategiesData,
+    getLearningStrategiesData: getLearningStrategiesData,
+    isPlp: isPlp
+  }), React__default.createElement(core.Accordion, null, React__default.createElement(core.AccordionSummary, {
+    expandIcon: React__default.createElement(ExpandMoreIcon, null),
+    "aria-controls": "panel1a-content",
+    id: "panel1a-header"
   }, React__default.createElement("div", {
     className: "" + styles$9["block-header-chart"]
   }, React__default.createElement("div", {
@@ -29528,7 +29540,11 @@ var TopLearningStrategy = function TopLearningStrategy(_ref) {
     onClick: function onClick() {
       handleToggleDialog();
     }
-  }, React__default.createElement(AppsIcon, null), "View data")))), React__default.createElement(pickers.MuiPickersUtilsProvider, {
+  }, React__default.createElement(AppsIcon, null), "View data")))))), React__default.createElement(core.AccordionDetails, null, React__default.createElement("div", {
+    className: "" + styles$9["size-100"]
+  }, React__default.createElement("div", {
+    className: "" + styles$9["filter-date"]
+  }, React__default.createElement(pickers.MuiPickersUtilsProvider, {
     utils: MomentUtils
   }, React__default.createElement("div", {
     className: "" + styles$9["gr-date-time"]
@@ -29565,17 +29581,7 @@ var TopLearningStrategy = function TopLearningStrategy(_ref) {
     KeyboardButtonProps: {
       "aria-label": "change date"
     }
-  }))))), React__default.createElement(LearningStrategyDialog, {
-    open: open,
-    filters: filtersLearningStrategiesData,
-    handleClose: handleToggleDialog,
-    learningStrategiesData: learningStrategiesData,
-    changeFilters: changeFiltersLearningStrategiesData,
-    getLearningStrategiesData: getLearningStrategiesData,
-    isPlp: isPlp
-  }), React__default.createElement("div", {
-    className: "" + styles$9["size-100"]
-  }, seriesLearningStrategy.some(function (i) {
+  }))))), seriesLearningStrategy.some(function (i) {
     return i.data;
   }) ? React__default.createElement(Chart, {
     options: learningStrategyChartOptions(labelNames, usageCount, screenWidth),
@@ -29586,7 +29592,7 @@ var TopLearningStrategy = function TopLearningStrategy(_ref) {
   }) : React__default.createElement("img", {
     className: styles$9["image-no-data"] + " " + styles$9["image-custom"],
     src: "images/chart-top-learning.png"
-  })));
+  })))));
 };
 
 var BubbleChartCustom = function BubbleChartCustom(_ref) {
@@ -29610,12 +29616,22 @@ var BubbleChartCustom = function BubbleChartCustom(_ref) {
   }, React__default.createElement("div", null, "No Data"));
   var seriesName = seriesNameBubbleChartCustom(data);
   return React__default.createElement("div", {
-    className: styles$9["chart-background"] + " " + styles$9["size-100"]
+    className: "" + styles$9["size-100"]
+  }, React__default.createElement(core.Accordion, {
+    defaultExpanded: true
+  }, React__default.createElement(core.AccordionSummary, {
+    expandIcon: React__default.createElement(ExpandMoreIcon, null),
+    "aria-controls": "panel1a-content",
+    id: "panel1a-header"
   }, React__default.createElement("div", {
     className: "" + styles$9["block-header-chart"]
   }, React__default.createElement("p", {
     className: "" + styles$9["title-chart"]
-  }, "Readiness to Learn"), React__default.createElement(pickers.MuiPickersUtilsProvider, {
+  }, "Readiness to Learn"))), React__default.createElement(core.AccordionDetails, null, React__default.createElement("div", {
+    className: "" + styles$9["bubble-chart-custom"]
+  }, React__default.createElement("div", {
+    className: "" + styles$9["filter-date"]
+  }, React__default.createElement(pickers.MuiPickersUtilsProvider, {
     utils: MomentUtils
   }, React__default.createElement("div", {
     className: "" + styles$9["gr-date-time"]
@@ -29653,8 +29669,6 @@ var BubbleChartCustom = function BubbleChartCustom(_ref) {
       "aria-label": "change date"
     }
   }))))), React__default.createElement("div", {
-    className: "" + styles$9["bubble-chart-custom"]
-  }, React__default.createElement("div", {
     className: styles$9["chart-custom"]
   }, React__default.createElement("div", {
     className: styles$9["list-percent"]
@@ -29693,7 +29707,7 @@ var BubbleChartCustom = function BubbleChartCustom(_ref) {
     }), React__default.createElement("label", {
       className: "" + styles$9["label-legend-custom"]
     }, i));
-  })))));
+  })))))));
 };
 
 function propsAreEqual(prevProps, nextProps) {
@@ -29886,12 +29900,20 @@ var ColumnChartAndPercent = function ColumnChartAndPercent(_ref) {
   }, React__default.createElement("p", null, "No Data"));
   return React__default.createElement("div", {
     key: name,
-    className: styles$9["chart-background"] + " " + styles$9["size-100"]
+    className: " " + styles$9["size-100"]
+  }, React__default.createElement(core.Accordion, null, React__default.createElement(core.AccordionSummary, {
+    expandIcon: React__default.createElement(ExpandMoreIcon, null),
+    "aria-controls": "panel1a-content",
+    id: "panel1a-header"
   }, React__default.createElement("div", {
     className: "" + styles$9["block-header-chart"]
   }, React__default.createElement("p", {
     className: "" + styles$9["title-chart"]
-  }, name), React__default.createElement(ChoiceChartType, {
+  }, name))), React__default.createElement(core.AccordionDetails, null, React__default.createElement("div", {
+    className: "" + styles$9["column-chart-percent"]
+  }, React__default.createElement("div", {
+    className: "" + styles$9["filter-date"]
+  }, React__default.createElement(ChoiceChartType, {
     onChangeChart: onChangeChart,
     options: optionType,
     typeChart: typeChart
@@ -29932,9 +29954,7 @@ var ColumnChartAndPercent = function ColumnChartAndPercent(_ref) {
     KeyboardButtonProps: {
       "aria-label": "change date"
     }
-  }))))), React__default.createElement("div", {
-    className: "" + styles$9["column-chart-percent"]
-  }, !isHiddenLabel && React__default.createElement("div", {
+  }))))), !isHiddenLabel && React__default.createElement("div", {
     className: "" + styles$9["listItem"]
   }, data.map(function (month, index) {
     return React__default.createElement("div", {
@@ -30006,7 +30026,7 @@ var ColumnChartAndPercent = function ColumnChartAndPercent(_ref) {
     }, React__default.createElement("label", {
       className: "" + styles$9["m-0"]
     }, avg[index] ? avg[index].toFixed(2) + "%" : "0.00%")));
-  }))));
+  }))))));
 };
 
 var domainName$1 = window.location.hostname;
@@ -30074,7 +30094,8 @@ var ChartOverview = function ChartOverview(_ref) {
       timeEndReadiness = _ref.timeEndReadiness,
       timeStartReadiness = _ref.timeStartReadiness;
   return React__default.createElement(core.Grid, {
-    container: true
+    container: true,
+    className: "chart-overview"
   }, React__default.createElement(core.Grid, {
     container: true,
     className: (isPlp && styles$7["border-chart"]) + " " + styles$7["pb-20"]