mario-education 2.4.413-release → 2.4.415-release

package/dist/index.modern.js

@@ -1321,6 +1321,7 @@ var FILTER_NAME;
 
 var SMALL_FONT_DEFAULT = 12;
 var LARGE_FONT_DEFAULT = 20;
+var studentGrades = ["All Grades", "7", "8", "9", "10", "11", "12"];
 
 var header$1 = "Conference rubric";
 
@@ -1488,7 +1489,8 @@ var ConferenceRubricItem = function ConferenceRubricItem(_ref) {
       newRowTexts = _ref.newRowTexts,
       changeNewRowText = _ref.changeNewRowText,
       addConferenceRubricItemRow = _ref.addConferenceRubricItemRow,
-      removeConferenceRubricItemRow = _ref.removeConferenceRubricItemRow;
+      removeConferenceRubricItemRow = _ref.removeConferenceRubricItemRow,
+      changeConferenceRubricItemRowGrades = _ref.changeConferenceRubricItemRowGrades;
 
   var _useTranslation = useTranslation$1(),
       t = _useTranslation.t;
@@ -1503,20 +1505,19 @@ var ConferenceRubricItem = function ConferenceRubricItem(_ref) {
     };
   };
 
+  var options = studentGrades.map(function (r) {
+    return {
+      label: r,
+      value: r
+    };
+  }) || [];
   return React__default.createElement("div", {
-    className: "mb-2"
+    className: "mb-4"
   }, React__default.createElement(Table, {
-    responsive: true,
     hover: true,
     striped: true,
     bordered: true
   }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: "text-center align-middle"
-  }, React__default.createElement(DeleteButtonIcon, {
-    onClick: function onClick() {
-      return removeItem(conferenceRubricItem.skillId);
-    }
-  })), React__default.createElement("th", {
     className: "text-center align-middle text-white " + styles["conference-rubric-skill-column"],
     style: {
       backgroundColor: backgroundColor
@@ -1534,16 +1535,20 @@ var ConferenceRubricItem = function ConferenceRubricItem(_ref) {
       },
       noMb: true
     }), React__default.createElement("br", null), column.text);
-  }))), React__default.createElement("tbody", null, conferenceRubricItem.rows.map(function (row, index) {
+  }), React__default.createElement("th", {
+    className: "text-center align-middle"
+  }, "Grades"), React__default.createElement("th", {
+    className: "text-center align-middle"
+  }, React__default.createElement(DeleteButtonIcon, {
+    onClick: function onClick() {
+      return removeItem(conferenceRubricItem.skillId);
+    }
+  })))), React__default.createElement("tbody", null, conferenceRubricItem.rows.map(function (row, index) {
+    var _options$filter, _row$grades2;
+
     return React__default.createElement("tr", {
       key: row.id || row.guid
     }, React__default.createElement("td", {
-      className: "text-center"
-    }, React__default.createElement(DeleteButtonIcon, {
-      onClick: function onClick() {
-        return removeConferenceRubricItemRow(conferenceRubricItem.skillId, row.id || row.guid);
-      }
-    })), React__default.createElement("td", {
       className: styles["conference-rubric-row-test"]
     }, React__default.createElement(ToggleInput, {
       value: row.text,
@@ -1555,10 +1560,31 @@ var ConferenceRubricItem = function ConferenceRubricItem(_ref) {
       return React__default.createElement("td", {
         key: column.text
       });
-    }));
+    }), React__default.createElement("td", null, React__default.createElement(CustomSelector, {
+      isMulti: true,
+      value: (_options$filter = options.filter(function (r) {
+        var _row$grades, _row$grades$split;
+
+        return (_row$grades = row.grades) === null || _row$grades === void 0 ? void 0 : (_row$grades$split = _row$grades.split(",")) === null || _row$grades$split === void 0 ? void 0 : _row$grades$split.includes(r.value);
+      })) != null ? _options$filter : null,
+      options: (_row$grades2 = row.grades) !== null && _row$grades2 !== void 0 && _row$grades2.includes("All Grades") ? [] : options,
+      placeholder: "",
+      onChange: function onChange(e) {
+        return changeConferenceRubricItemRowGrades(conferenceRubricItem.skillId, index, e.map(function (r) {
+          return r.value;
+        }).join(","));
+      },
+      isClearable: true
+    })), React__default.createElement("td", {
+      className: "text-center"
+    }, React__default.createElement(DeleteButtonIcon, {
+      onClick: function onClick() {
+        return removeConferenceRubricItemRow(conferenceRubricItem.skillId, row.id || row.guid);
+      }
+    })));
   }), React__default.createElement("tr", {
     className: styles["conference-rubric-additional-row"]
-  }, React__default.createElement("td", null), React__default.createElement("td", null, React__default.createElement(Input$1, {
+  }, React__default.createElement("td", null, React__default.createElement(Input$1, {
     placeholder: t("type_and_press_enter_to_add_new_row"),
     value: (_newRowTexts$find = newRowTexts.find(function (item) {
       return item.skillId === conferenceRubricItem.skillId;
@@ -1570,8 +1596,8 @@ var ConferenceRubricItem = function ConferenceRubricItem(_ref) {
       return _onKeyUp(e)(conferenceRubricItem.skillId);
     }
   })), React__default.createElement("td", {
-    colSpan: columns.length
-  })))));
+    colSpan: columns.length + 1
+  }), React__default.createElement("td", null)))));
 };
 
 var QuestionList = function QuestionList(_ref) {
@@ -2244,6 +2270,21 @@ var useConferenceRubricDetail = function useConferenceRubricDetail(id) {
 
     setEditedTrue();
   }, [conferenceRubricDetail.conferenceRubricItems]);
+  var changeConferenceRubricItemRowGrades = useCallback(function (skillId, rowIndex, value) {
+    var conferenceRubricItemsCloner = [].concat(conferenceRubricDetail.conferenceRubricItems);
+    var thisItem = conferenceRubricItemsCloner.find(function (item) {
+      return item.skillId === skillId;
+    });
+
+    if (thisItem && !!thisItem.rows[rowIndex]) {
+      thisItem.rows[rowIndex].grades = value.includes("All Grades") ? "All Grades" : value;
+      changeConferenceRubricDetail({
+        conferenceRubricItems: conferenceRubricItemsCloner
+      });
+    }
+
+    setEditedTrue();
+  }, [conferenceRubricDetail.conferenceRubricItems]);
   var changeConferenceRubricItemColumnText = useCallback(function (skillId, columnIndex, text) {
     var conferenceRubricItemsCloner = [].concat(conferenceRubricDetail.conferenceRubricItems);
     var thisItem = conferenceRubricItemsCloner.find(function (item) {
@@ -2395,7 +2436,8 @@ var useConferenceRubricDetail = function useConferenceRubricDetail(id) {
     setEditedTrue: setEditedTrue,
     listLanguage: listLanguage,
     activeLanguage: activeLanguage,
-    onChangeLanguage: onChangeLanguage
+    onChangeLanguage: onChangeLanguage,
+    changeConferenceRubricItemRowGrades: changeConferenceRubricItemRowGrades
   };
 };
 
@@ -2442,7 +2484,8 @@ var ConferenceRubricDetail = function ConferenceRubricDetail() {
       setEditedTrue = _useConferenceRubricD.setEditedTrue,
       listLanguage = _useConferenceRubricD.listLanguage,
       activeLanguage = _useConferenceRubricD.activeLanguage,
-      onChangeLanguage = _useConferenceRubricD.onChangeLanguage;
+      onChangeLanguage = _useConferenceRubricD.onChangeLanguage,
+      changeConferenceRubricItemRowGrades = _useConferenceRubricD.changeConferenceRubricItemRowGrades;
 
   var confirmText = !!id ? t("update") : t("create");
   var name = conferenceRubricDetail.name,
@@ -2539,7 +2582,8 @@ var ConferenceRubricDetail = function ConferenceRubricDetail() {
       changeNewRowText: changeNewRowText,
       addConferenceRubricItemRow: addConferenceRubricItemRow,
       removeItem: removeItem,
-      removeConferenceRubricItemRow: removeConferenceRubricRow
+      removeConferenceRubricItemRow: removeConferenceRubricRow,
+      changeConferenceRubricItemRowGrades: changeConferenceRubricItemRowGrades
     });
   }), checked && rowColInvalid && React__default.createElement(ErrorHandler, {
     text: t("blank_row_or_column")