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

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

@@ -69,7 +69,6 @@ var createComponent = function (type, getDesignType, getLocation, designType) {
 function ContentsCarousel(props) {
     var _a, _b;
     var _c = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _c.device, mode = _c.mode, queryData = _c.queryData;
-    console.log(queryData);
     var compositions = props.compositions, index = props.index, _d = props.CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATAOFFSET = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATAOFFSET, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS, CB_STYLE_PROP_CONTENTSCAROUSELDESIGN = props.CB_STYLE_PROP_CONTENTSCAROUSELDESIGN, CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD = props.CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD, CB_STYLE_PROP_CONTENTSCAROUSELBUTTON = props.CB_STYLE_PROP_CONTENTSCAROUSELBUTTON, CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR = props.CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_CONTENTSCAROUSEL.CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE;
     var CB_STYLE_PROP_CONTENTSCAROUSEL = __assign(__assign(__assign(__assign({}, CB_STYLE_PROP_CONTENTSCAROUSELDESIGN), CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD), CB_STYLE_PROP_CONTENTSCAROUSELBUTTON), CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR);
     var autoPlayEnabled = device === 'DESKTOP'

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/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js

@@ -208,7 +208,6 @@ var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props
         });
     };
     var i18n = (0, react_i18next_1.useTranslation)('translation').i18n;
-    console.log('FLEX GRID CUSTION SECTION..');
     return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(gleStyles_1.S_gleStyles, __assign({ strKeys: { str_grid_height_variable: i18n.t('str_grid_height_variable') } }, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
                         minHeight: customSectionStyles.minHeight,
                         paddingTop: padding.top,

package/package.json

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