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

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,51 @@ 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;
+    // 1. 제거하고 싶은 '비-텍스트' 태그들을 정의하고 모두 삭제합니다.
+    var tagsToRemove = ['iframe', 'img', 'video', 'audio', 'script', 'style', 'canvas', 'svg'];
+    tagsToRemove.forEach(function (tagName) {
+        var elements = tempDivElement.querySelectorAll(tagName);
+        elements.forEach(function (el) { return el.remove(); });
+    });
+    // 2. 텍스트 추출 (위에서 태그를 지웠으므로 순수 텍스트만 남음)
+    var plainText = tempDivElement.textContent || tempDivElement.innerText || '';
+    // 3. 공백 처리
+    var processedText = plainText.replace(/\s{2,}/gi, ' ');
+    // 4. 말줄임표 처리
+    if (ellipsis && processedText.length > ellipsis) {
+        return "".concat(processedText.slice(0, ellipsis), "...");
+    }
+    // 5. 줄바꿈 처리 로직
+    if (useEnter) {
+        // innerHTML에서 br과 p 태그를 변환하기 전에,
+        // 이미 1번 단계에서 이미지/이프레임 등이 제거된 상태의 innerHTML을 사용합니다.
+        processedText = tempDivElement.innerHTML
+            .replace(/<br\s*\/?>/gi, '\n')
+            .replace(/<\/p>/gi, '\n')
+            .replace(/&gt;/gi, '>')
+            .replace(/&lt;/gi, '<')
+            .replace(/&amp;/gi, '&')
+            .replace(/<p[^>]*>/gi, '')
+            .replace(/<\/?[^>]+(>|$)/g, ''); // 남은 모든 HTML 태그 제거 (정규식 추가)
+    }
+    else {
+        // 줄바꿈을 공백으로 치환하거나 <br>로 치환 (상황에 따라 선택)
+        processedText = processedText.replace(/\n/gi, ' ').trim();
+    }
+    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.508",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",