touchstudy-core 0.1.170 → 0.1.171

package/dist/index.js

@@ -6464,6 +6464,28 @@ var formatPhoneNumber = function formatPhoneNumber(phoneNumberString) {
   return phoneNumberString;
 };
 
+var cleanRichText = function cleanRichText(html, fontSize) {
+  if (fontSize === void 0) {
+    fontSize = "1rem";
+  }
+  var container = document.createElement('div');
+  container.innerHTML = html;
+  var tagsToRemove = ['script', 'style', 'img', 'video', 'audio', 'iframe', 'canvas', 'object', 'embed', 'table'];
+  tagsToRemove.forEach(function (tag) {
+    container.querySelectorAll(tag).forEach(function (el) {
+      return el.remove();
+    });
+  });
+  var textTags = ['p', 'div', 'section', 'article', 'blockquote', 'pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'address', 'aside', 'span', 'a', 'strong', 'b', 'em', 'i', 'u', 'small', 'abbr', 'cite', 'code', 'mark', 'sub', 'sup', 'time', 'kbd', 'samp', 'var', 'q', 'dfn', 'br', 'label', 'legend', 'summary', 'dt', 'dd', 'caption', 'figcaption', 'title'];
+  container.querySelectorAll('*').forEach(function (el) {
+    if (textTags.includes(el.tagName)) {
+      el.style.fontSize = fontSize;
+      el.style.lineHeight = "1";
+    }
+  });
+  return container.innerHTML;
+};
+
 var getLocalDayOfWeek = function getLocalDayOfWeek(utcDateTime, dayOfWeek) {
   var currentDayOfWeek = moment.utc(utcDateTime).weekday();
   var diff = dayOfWeek - currentDayOfWeek;
@@ -15768,15 +15790,18 @@ var NoteItem = function NoteItem(_ref) {
   var handleItemClick = function handleItemClick() {
     onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(data);
   };
+  var cleanedRichText = React.useMemo(function () {
+    return cleanRichText(data.content);
+  }, [data.content]);
   React.useEffect(function () {
     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  }, []);
+  }, [cleanedRichText, JSON.stringify(data)]);
   React.useEffect(function () {
     if (window.MathJax) {
       var _window$MathJax;
       (_window$MathJax = window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.typeset();
     }
-  }, [data.content]);
+  }, [cleanedRichText]);
   return React__default.createElement(material.Box, Object.assign({}, NoteItemStyles.root, {
     onClick: handleItemClick,
     sx: {
@@ -15808,7 +15833,7 @@ var NoteItem = function NoteItem(_ref) {
       overflow: "hidden"
     },
     dangerouslySetInnerHTML: {
-      __html: data.content || ""
+      __html: cleanedRichText
     }
   }))), React__default.createElement(material.Box, null, (isAdmin || data.isOwned) && React__default.createElement(material.ClickAwayListener, {
     onClickAway: onClose
@@ -15921,6 +15946,9 @@ var NoteItemList = function NoteItemList(_ref) {
     onView(data);
   };
   var disabled = !data.isOwned && (!isAdminUser || data.type == undefined || data.type == exports.NoteType.TeacherToAllAdmin || data.type == exports.NoteType.TeacherToTeachers);
+  var cleanedRichText = React.useMemo(function () {
+    return cleanRichText(data.content);
+  }, [data.content]);
   React.useEffect(function () {
     if (window.MathJax) {
       var _window$MathJax;
@@ -15955,7 +15983,7 @@ var NoteItemList = function NoteItemList(_ref) {
       overflow: "hidden"
     },
     dangerouslySetInnerHTML: {
-      __html: data.content
+      __html: cleanedRichText
     }
   })), React__default.createElement(TableCell, {
     className: "text-nowrap"
@@ -17668,7 +17696,7 @@ var ExamResultItem = function ExamResultItem(_ref) {
   };
   React.useEffect(function () {
     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  }, []);
+  }, [JSON.stringify(data)]);
   var examTime = React.useMemo(function () {
     return utcToLocalTime(data.startTime, "HH:mm") + " ~ " + utcToLocalTime(data.endTime, "HH:mm");
   }, [data.startTime, data.endTime]);
@@ -23229,7 +23257,7 @@ var TextbookResultItem = function TextbookResultItem(_ref) {
   };
   React.useEffect(function () {
     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  }, []);
+  }, [JSON.stringify(data)]);
   return React__default.createElement(material.Stack, {
     height: "100%",
     direction: "column",
@@ -26175,7 +26203,7 @@ var CourseAttendanceItem = function CourseAttendanceItem(_ref) {
   var lastAttendance = timAgo(data.lastAttendanceDate, t);
   React.useEffect(function () {
     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  }, []);
+  }, [JSON.stringify(data)]);
   return React__default.createElement(material.Stack, {
     direction: "column",
     px: 2,
@@ -39114,10 +39142,19 @@ var AnnouncementItem = function AnnouncementItem(_ref) {
     onLoad = _ref.onLoad;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var announcementData = convertAnnouncementData(t, role, data);
+  var cleanedRichText = React.useMemo(function () {
+    return cleanRichText(announcementData.content);
+  }, [announcementData.content]);
+  React.useEffect(function () {
+    if (window.MathJax) {
+      var _window$MathJax;
+      (_window$MathJax = window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.typeset();
+    }
+  }, [cleanedRichText]);
   React.useEffect(function () {
     onLoad();
-  }, []);
-  var announcementData = convertAnnouncementData(t, role, data);
+  }, [cleanedRichText, data.createdAt, announcementData.action, announcementData.name]);
   return React__default.createElement(React.Fragment, null, renderLink(React__default.createElement(material.ListItemButton, {
     sx: _extends({
       py: 1.5,
@@ -39147,7 +39184,10 @@ var AnnouncementItem = function AnnouncementItem(_ref) {
       display: "inline-block",
       px: "4px"
     }, announcementData.action + ":"), React__default.createElement(material.Box, {
-      display: "inline-block"
+      display: "inline-block",
+      sx: {
+        verticalAlign: "middle"
+      }
     }, React__default.createElement(material.Box, {
       sx: {
         display: "-webkit-box",
@@ -39158,7 +39198,7 @@ var AnnouncementItem = function AnnouncementItem(_ref) {
         overflow: "hidden"
       },
       dangerouslySetInnerHTML: {
-        __html: announcementData.content || ""
+        __html: cleanedRichText
       }
     }))),
     secondary: React__default.createElement(material.Typography, {
@@ -40717,6 +40757,7 @@ exports.VirtualTableView = VirtualTableView;
 exports.api = api;
 exports.apiUpload = apiUpload;
 exports.canAccessRoute = canAccess;
+exports.cleanRichText = cleanRichText;
 exports.convertHHMMSStoSeconds = convertHHMMSStoSeconds;
 exports.createRecentUserActionListApi = createRecentUserActionListApi;
 exports.diffFromNow = diffFromNow;