pds-dev-kit-web-test 2.7.505 → 2.7.507

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js

@@ -177,7 +177,6 @@ function ContentsCarousel(props) {
                 } }, { children: (0, jsx_runtime_1.jsx)(ContentsCarouselCore_1.default, __assign({ ref: swiperRef, className: "cb-contentscarousel", allowTouchMove: mode !== 'EDIT' ? true : false, onSwiper: onSwiper, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onAutoplayTimeLeft: onAutoplayTimeLeft, slidesPerView: displayCounts, styles: isHovered ? contentsCarouselHoverStyle : contentsCarouselNormalStyle, effect: CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE === null || CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE === void 0 ? void 0 : CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE.toLowerCase(), loop: loop, displayCounts: displayCounts }, { children: (0, createCompositions_1.createCompositions)({
                         valueType: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE,
                         queryPath: queryPath,
-                        // limit: displayCounts,
                         limit: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE === 'VALUE'
                             ? displayCounts
                             : CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS,

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js

@@ -131,6 +131,9 @@ function Text(props) {
     };
     var getTruncatedText = function (text) {
         var maxLength = props.CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS;
+        if (isRichText(text)) {
+            return domstringToPlain(text, maxLength, true);
+        }
         if (!maxLength) {
             return text;
         }
@@ -189,3 +192,41 @@ function getTextOptionStyles(props, device) {
     });
 }
 exports.getTextOptionStyles = getTextOptionStyles;
+/**
+ * 텍스트가 Rich Text(HTML)인지 Plain Text인지 판별합니다.
+ * @param {string} text - 확인할 문자열
+ * @returns {boolean} - HTML 태그가 포함되어 있으면 true
+ */
+var isRichText = function (text) {
+    if (typeof text !== 'string')
+        return false;
+    // HTML 태그를 찾는 정규 표현식
+    var htmlRegex = /<[a-z][\s\S]*>/i;
+    return htmlRegex.test(text);
+};
+function domstringToPlain(domstring, ellipsis, useEnter) {
+    var tempDivElement = document.createElement('div');
+    tempDivElement.innerHTML = domstring;
+    var plainText = tempDivElement.textContent || tempDivElement.innerText;
+    // NOTE: 두개 이상의 공백을 ' '로 변경합니다.
+    var processedText = plainText.replace(/\s{2,}/gi, ' ');
+    if (ellipsis) {
+        return processedText.length > ellipsis
+            ? "".concat(processedText.slice(0, ellipsis), "...")
+            : processedText;
+    }
+    // NOTE: \n을 ' '으로 변경할지 여부를 확인합니다.
+    if (useEnter) {
+        processedText = tempDivElement.innerHTML
+            .replace(/<br\s*\/?>/gi, '\n') // <br> 태그를 \n으로 변환
+            .replace(/<\/p>/gi, '\n') // <p> 종료 태그를 \n으로 변환
+            .replace(/&gt;/gi, '>') // &gt;를 > 으로 변환
+            .replace(/&lt;/gi, '<') // &lt;를 <으로 변환
+            .replace(/&amp;/gi, '&') // &amp;를 &으로 변환
+            .replace(/<p[^>]*>/gi, ''); // <p> 태그 제거
+    }
+    else {
+        processedText = processedText.replace(/\n/gi, '<br>');
+    }
+    return processedText;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.7.505",
+  "version": "2.7.507",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",