acsi-core 1.2.17 → 1.2.18

package/dist/components/index.d.ts

@@ -13,3 +13,4 @@ export { default as CoreInputCompact } from "./CoreInputCompact";
 export { default as CoreTitleInput } from "./CoreTitleInput";
 export { default as CoreTooltip } from "./CoreTooltip";
 export { default as MarkdownLatexRender } from "./MarkdownLatexRender";
+export { default as RichContentRenderer } from "./RichContentRenderer";

package/dist/index.d.ts

@@ -20,7 +20,7 @@ import useAmplitude from "./utils/hooks/useAmplitude";
 import { AmplitudeEvent } from "./utils/types/amplitude";
 import initializeAmplitude from "./configs/amplitude";
 import { initSentry } from "./configs/sentry";
-import { CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal, CoreRange, CoreTextArea, CoreSearch, CoreSelectCompact, CoreInputCompact, CoreTitleInput, CoreTooltip, MarkdownLatexRender } from "./components";
+import { CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal, CoreRange, CoreTextArea, CoreSearch, CoreSelectCompact, CoreInputCompact, CoreTitleInput, CoreTooltip, MarkdownLatexRender, RichContentRenderer } from "./components";
 import { getErrorMessage } from "./utils/getErrorMessage";
 import { GoogleOAuthProvider } from '@react-oauth/google';
 import CustomSelect from "./components/Selects/CustomSelect";
@@ -32,4 +32,4 @@ import getTimeZoneId from "./utils/getTimeZoneId";
 import timeSpanToLocalMoment from "./utils/timeSpanToLocalMoment";
 import timeSpanToUtc from "./utils/timeSpanToUtc";
 import Cookies from "js-cookie";
-export { setLoading, setLoadingPage, setIsFirstCalendar, BASE_URL, OPENSALT_BASE_URL, ACCESS_TOKEN, DATE_TIME_MIN_VALUE, ORGANIZATION_TEAM, ORGANIZATION_TENANT, TIMEZONE_ID, firstCheckToken, getImageUrl, Login, utcToLocalTime, timeSpanToUtc, getTimeZoneId, timeSpanToLocalMoment, getAccessToken, store, historyCore, setAlert, setUser, setTenant, setAddTenant, setTeam, setMenuCollapse, setIsRefetchSidebar, Loading, NotFound, LayoutContext, api, apiUpload, ConfirmDialog, CommonDialog, ToastContainer, toast, Role, Cookies, CustomPagination, useGoogleSignOut, CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal, CoreRange, CoreTextArea, CoreSearch, CoreSelectCompact, CoreInputCompact, CoreTitleInput, CoreTooltip, getErrorMessage, MarkdownLatexRender, CustomSelect, CustomAsyncSelect, CustomCreatable, CustomSelectOption, GoogleOAuthProvider, useAmplitude, AmplitudeEvent, initializeAmplitude, initSentry };
+export { setLoading, setLoadingPage, setIsFirstCalendar, BASE_URL, OPENSALT_BASE_URL, ACCESS_TOKEN, DATE_TIME_MIN_VALUE, ORGANIZATION_TEAM, ORGANIZATION_TENANT, TIMEZONE_ID, firstCheckToken, getImageUrl, Login, utcToLocalTime, timeSpanToUtc, getTimeZoneId, timeSpanToLocalMoment, getAccessToken, store, historyCore, setAlert, setUser, setTenant, setAddTenant, setTeam, setMenuCollapse, setIsRefetchSidebar, Loading, NotFound, LayoutContext, api, apiUpload, ConfirmDialog, CommonDialog, ToastContainer, toast, Role, Cookies, CustomPagination, useGoogleSignOut, CoreButton, CoreInput, CoreSelect, CoreCheckbox, CoreRadio, CoreError, CoreModal, CoreRange, CoreTextArea, CoreSearch, CoreSelectCompact, CoreInputCompact, CoreTitleInput, CoreTooltip, getErrorMessage, MarkdownLatexRender, RichContentRenderer, CustomSelect, CustomAsyncSelect, CustomCreatable, CustomSelectOption, GoogleOAuthProvider, useAmplitude, AmplitudeEvent, initializeAmplitude, initSentry };

package/dist/index.js

@@ -18,6 +18,7 @@ var rehypeKatex = _interopDefault(require('rehype-katex'));
 var remarkRehype = _interopDefault(require('remark-rehype'));
 var rehypeRaw = _interopDefault(require('rehype-raw'));
 require('katex/dist/katex.min.css');
+var renderMathInElement = _interopDefault(require('katex/contrib/auto-render'));
 var Cookies = _interopDefault(require('js-cookie'));
 var moment = _interopDefault(require('moment'));
 var msalBrowser = require('@azure/msal-browser');
@@ -1597,6 +1598,39 @@ function formatContent(content) {
   return result.join("\n");
 }
 
+var RichContentRenderer = function RichContentRenderer(_ref) {
+  var content = _ref.content;
+  var ref = React.useRef(null);
+  var isHtml = /<\/?[a-z][\s\S]*>/i.test(content);
+  React.useEffect(function () {
+    if (isHtml && ref.current) {
+      renderMathInElement(ref.current, {
+        delimiters: [{
+          left: "$$",
+          right: "$$",
+          display: false
+        }, {
+          left: "$",
+          right: "$",
+          display: false
+        }]
+      });
+    }
+  }, [content, isHtml]);
+  if (isHtml) {
+    return React__default.createElement("div", {
+      ref: ref,
+      dangerouslySetInnerHTML: {
+        __html: content
+      }
+    });
+  }
+  return React__default.createElement(ReactMarkdown, {
+    remarkPlugins: [remarkMath, remarkGfm],
+    rehypePlugins: [rehypeKatex, rehypeRaw]
+  }, content);
+};
+
 var CookieService = /*#__PURE__*/function () {
   function CookieService() {}
   CookieService.setAuthCookie = function setAuthCookie(data) {
@@ -3624,6 +3658,7 @@ exports.NotFound = NotFound;
 exports.OPENSALT_BASE_URL = OPENSALT_BASE_URL;
 exports.ORGANIZATION_TEAM = ORGANIZATION_TEAM;
 exports.ORGANIZATION_TENANT = ORGANIZATION_TENANT;
+exports.RichContentRenderer = RichContentRenderer;
 exports.TIMEZONE_ID = TIMEZONE_ID;
 exports.api = api;
 exports.apiUpload = apiUpload;