@royaloperahouse/chord 2.2.0-c-chord-development → 2.2.0-d-chord-development

package/dist/chord.cjs.development.js

@@ -8383,17 +8383,18 @@ var ReadMore = function ReadMore(_ref) {
       textVisibility = _useState3[0],
       setTextVisibility = _useState3[1];
 
-  var content = React.useRef(null);
+  var readMoreContent = React.useRef(null);
   React.useEffect(function () {
-    if (content != null && content.current && initOpen) {
-      setTextHeight(content.current.scrollHeight + "px");
+    if (readMoreContent != null && readMoreContent.current && initOpen) {
+      setTextHeight(readMoreContent.current.scrollHeight + "px");
     }
-  }, [content, initOpen]);
+  }, [readMoreContent, initOpen]);
 
   var toggleFullText = function toggleFullText() {
     if (!fullText) return;
+    if (typeof fullText === 'string' && fullText.length === 0) return;
     setIsFullTextOpen(!isFullTextOpen);
-    setTextHeight(isFullTextOpen ? '0px' : content.current.scrollHeight + "px");
+    setTextHeight(isFullTextOpen ? '0px' : readMoreContent.current.scrollHeight + "px");
     setTextVisibility(isFullTextOpen ? {
       visibility: 'hidden'
     } : {
@@ -8409,7 +8410,11 @@ var ReadMore = function ReadMore(_ref) {
   var truncatedText = truncate ? truncateReactNodeString(introText != null ? introText : '', INTRO_CHAR_LIMIT, true) : introText;
 
   var IntroText = function IntroText() {
-    return introText ? /*#__PURE__*/React__default.createElement(ContentContainer$4, null, /*#__PURE__*/React__default.createElement(FullTextContainer, null, truncatedText)) : null;
+    return introText ? /*#__PURE__*/React__default.createElement(ContentContainer$4, null, /*#__PURE__*/React__default.createElement(FullTextContainer, null, truncate ? /*#__PURE__*/React__default.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: "" + truncatedText
+      }
+    }) : introText)) : null;
   };
 
   var contentContainerId = title + "-read-more-content";
@@ -8425,7 +8430,7 @@ var ReadMore = function ReadMore(_ref) {
     semanticLevel: 3
   }, title)), !isFullTextOpen && /*#__PURE__*/React__default.createElement(IntroText, null), /*#__PURE__*/React__default.createElement(ContentContainer$4, {
     "data-testid": "richcontainer",
-    ref: content,
+    ref: readMoreContent,
     id: contentContainerId,
     "aria-live": "polite",
     style: {