@royaloperahouse/chord 2.2.0-c-chord-development → 2.2.0-d-chord-development
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chord.cjs.development.js +12 -7
- package/dist/chord.cjs.development.js.map +1 -1
- package/dist/chord.cjs.production.min.js +1 -1
- package/dist/chord.cjs.production.min.js.map +1 -1
- package/dist/chord.esm.js +12 -7
- package/dist/chord.esm.js.map +1 -1
- package/dist/types/types.d.ts +4 -4
- package/package.json +2 -2
package/dist/chord.esm.js
CHANGED
|
@@ -8387,17 +8387,18 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
8387
8387
|
textVisibility = _useState3[0],
|
|
8388
8388
|
setTextVisibility = _useState3[1];
|
|
8389
8389
|
|
|
8390
|
-
var
|
|
8390
|
+
var readMoreContent = useRef(null);
|
|
8391
8391
|
useEffect(function () {
|
|
8392
|
-
if (
|
|
8393
|
-
setTextHeight(
|
|
8392
|
+
if (readMoreContent != null && readMoreContent.current && initOpen) {
|
|
8393
|
+
setTextHeight(readMoreContent.current.scrollHeight + "px");
|
|
8394
8394
|
}
|
|
8395
|
-
}, [
|
|
8395
|
+
}, [readMoreContent, initOpen]);
|
|
8396
8396
|
|
|
8397
8397
|
var toggleFullText = function toggleFullText() {
|
|
8398
8398
|
if (!fullText) return;
|
|
8399
|
+
if (typeof fullText === 'string' && fullText.length === 0) return;
|
|
8399
8400
|
setIsFullTextOpen(!isFullTextOpen);
|
|
8400
|
-
setTextHeight(isFullTextOpen ? '0px' :
|
|
8401
|
+
setTextHeight(isFullTextOpen ? '0px' : readMoreContent.current.scrollHeight + "px");
|
|
8401
8402
|
setTextVisibility(isFullTextOpen ? {
|
|
8402
8403
|
visibility: 'hidden'
|
|
8403
8404
|
} : {
|
|
@@ -8413,7 +8414,11 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
8413
8414
|
var truncatedText = truncate ? truncateReactNodeString(introText != null ? introText : '', INTRO_CHAR_LIMIT, true) : introText;
|
|
8414
8415
|
|
|
8415
8416
|
var IntroText = function IntroText() {
|
|
8416
|
-
return introText ? /*#__PURE__*/React__default.createElement(ContentContainer$4, null, /*#__PURE__*/React__default.createElement(FullTextContainer, null,
|
|
8417
|
+
return introText ? /*#__PURE__*/React__default.createElement(ContentContainer$4, null, /*#__PURE__*/React__default.createElement(FullTextContainer, null, truncate ? /*#__PURE__*/React__default.createElement("div", {
|
|
8418
|
+
dangerouslySetInnerHTML: {
|
|
8419
|
+
__html: "" + truncatedText
|
|
8420
|
+
}
|
|
8421
|
+
}) : introText)) : null;
|
|
8417
8422
|
};
|
|
8418
8423
|
|
|
8419
8424
|
var contentContainerId = title + "-read-more-content";
|
|
@@ -8429,7 +8434,7 @@ var ReadMore = function ReadMore(_ref) {
|
|
|
8429
8434
|
semanticLevel: 3
|
|
8430
8435
|
}, title)), !isFullTextOpen && /*#__PURE__*/React__default.createElement(IntroText, null), /*#__PURE__*/React__default.createElement(ContentContainer$4, {
|
|
8431
8436
|
"data-testid": "richcontainer",
|
|
8432
|
-
ref:
|
|
8437
|
+
ref: readMoreContent,
|
|
8433
8438
|
id: contentContainerId,
|
|
8434
8439
|
"aria-live": "polite",
|
|
8435
8440
|
style: {
|