pds-dev-kit-web 2.2.311 → 2.2.312

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

@@ -173,9 +173,77 @@ function Button(props) {
     var _o = extractBorderStyles(propsStyle), borderNormalStyle = _o.borderStyleProps, cleanedNormalStyle = _o.remainingStyle;
     // hover 스타일 분리
     var _p = extractBorderStyles(propsHoverStyle), borderHoverStyle = _p.borderStyleProps, cleanedHoverStyle = _p.remainingStyle;
+    /**
+     * 텍스트가 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;
+    }
+    var getTruncatedText = function (text) {
+        var _a;
+        if (!text || typeof text !== 'string') {
+            return text;
+        }
+        // const maxLength = props.CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS;
+        var maxLength = device === 'MOBILE'
+            ? (_a = props.CB_STYLE_PROP_TEXT['CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:MOBILE']) !== null && _a !== void 0 ? _a : props.CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS
+            : props.CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS;
+        if (isRichText(text)) {
+            return domstringToPlain(text, maxLength, true);
+        }
+        if (!maxLength) {
+            return text;
+        }
+        if (text.length > maxLength) {
+            return "".concat(text.slice(0, maxLength), "...");
+        }
+        return text;
+    };
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, style: { paddingLeft: paddingLeft, paddingRight: paddingRight, paddingBottom: paddingBottom, paddingTop: paddingTop } }, { children: (0, jsx_runtime_1.jsx)(S_ShadowBox, __assign({ "$normalStyle": __assign(__assign(__assign({ height: '100%', display: 'flex', alignItems: "".concat(btnTextStyle.alignItems), overflowY: 'hidden', scrollbarWidth: btnTextStyle.scrollbarWidth }, effectCssProperties), normalShadowStyle), borderNormalStyle), "$hoverStyle": __assign(__assign({}, hoverShadowStyle), borderHoverStyle) }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseLeave: function (e) {
                             e.currentTarget.classList.remove('hovered');
-                        }, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, btnTextStyle), cleanedNormalStyle), layoutStyle), btnColorStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, overflowY: 'unset', scrollbarWidth: 'unset' }), hoverStyle: __assign(__assign(__assign(__assign({}, btnTextHoverStyle), cleanedHoverStyle), btnColorHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: [textPrefix, textValue(), textSuffix] })) })) }))] }));
+                        }, className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, btnTextStyle), cleanedNormalStyle), layoutStyle), btnColorStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word', cursor: CLINKCursor, overflowY: 'unset', scrollbarWidth: 'unset' }), hoverStyle: __assign(__assign(__assign(__assign({}, btnTextHoverStyle), cleanedHoverStyle), btnColorHoverStyle), { whiteSpace: 'pre-wrap', wordBreak: 'break-word' }), onClick: onClickCLINK }, { children: [textPrefix, textValue() === 'ERROR' ? 'EDITOR:FALLBACK_TEXT' : getTruncatedText(textValue()), textSuffix] })) })) }))] }));
 }
 function extractBorderStyles(style) {
     var 

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

@@ -158,10 +158,13 @@ function Text(props) {
         return props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
     };
     var getTruncatedText = function (text) {
+        var _a;
         if (!text || typeof text !== 'string') {
             return text;
         }
-        var maxLength = props.CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS;
+        var maxLength = device === 'MOBILE'
+            ? (_a = props.CB_STYLE_PROP_TEXT['CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS:MOBILE']) !== null && _a !== void 0 ? _a : props.CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS
+            : props.CB_STYLE_PROP_TEXT.CB_STYLE_PROP_TEXT_SPEC_ELLIPSIS;
         if (isRichText(text)) {
             return domstringToPlain(text, maxLength, true);
         }

package/package.json

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

package/release-note.md

@@ -1,6 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.311]
+## [v2.2.312]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* SNS line icon 추가
+* [PDS-1424] 텍스트CB에서 모바일 ellipsis가 동작하지 않는 현상

package/_wildcard.machine.publr.co+2-key.pem

@@ -1,28 +0,0 @@
------BEGIN PRIVATE KEY-----
-MIIEvQIBADANBgkqhkiG9w0BAQEFAASCBKcwggSjAgEAAoIBAQDs4IzefteDpp40
-hBgk+1bVmLIe5+aU4KVUV39w+6zl9kBjooHgoE+QWre7HK7oDssQJacGcDdqLil+
-2VBUob5pVht/UrcfV0/8NGZgFPj3/eyyIqraJeXZtI0+18y5uN9yuwyt6ZJvF6vp
-fgJlftRLDBkADr28IK1kZ8LBYd2nMqp8hgIa5GhpbwfftZkLO26sbbN8Xonr8SyE
-abe7c4KywTPfMxxmLhY6muKVQ3xDvE/YXawamfCHcGCstx4a3GxojmRXczve+o0Z
-VvSJquvg0A4gZo7NoRPNfrIhN9YH4LTs7px4TAOyi+DQC2FqapIEXgvBeMV+GcLJ
-o7T3hEuVAgMBAAECggEAYdlgV4iN/hQVxhvK3Xv1osYwzhN9bIJfyTdbrZBJG7Vd
-Y8r9W4zdUQQoYWK33aQ+vazQEhjIy1PGUF/0jwFBZsHrGe1RN+EZaVU79PS047xA
-ylUHvpVpHUU4E32RVCbKJtqdojmaA8oDebBTzRlXGKkmqp9sQQo+lftGuBt1NFsu
-D34JjVJrg6R637eGolEdtlEt6mZun1wLpMA0a/XWn0GKfFekZz8zL9Vf/djipy+7
-D2tbLOStlMg7nTLInMC0yAwd+M+MHpGsqGQ1CAZ5gAtDeOWLjiZ7XOwadxtMdvCj
-uST6INab//ovwML6LypXs371LKV/YJ/cAa3bKbBdAQKBgQDwRTwm8dfGzacBQOgJ
-Lz37yTVThCNkkzV4FcEWXwQg+Vg1lEBbDvKbzc/R4lcN+eI8Ytkl4IJibx8r4lnm
-9f14uV8BWt9M86jsaSDqcyujAFyVp+Mk3KKxtZkHKBdVYAdpRXLbYpbXBmIW4jEW
-vqgq+G8YBdKaD60yHJa7yId2GwKBgQD8YnIq8IBK2y0bwz5fMuoVAto54kBbJ5xu
-051/qEpwp6F8zL5l90YfMzfaDI+HGd39Exyh1jw40tC/oftrpku45aUKlKh2p0Eu
-XIisd/ogREOgX+rccNK3/+vNIvuNMUG+P058CXIG77xmuVNhMcTCJlkVNkCvTqiD
-C15nG4MgDwKBgH8rNeYq9JjteioIr4dE8NqWKVpVwuHVpGQ1p2fuzGGjd5OMLu/D
-HpdmPEuLL6ZfDuYFL4eDp57vz6DLgefjZNAD1QwDi9LP2CWgkuJkKMFyTI6NOITn
-HllOk3sdNhRi6ilGr778FHgkkcAo4fB24s0zhqFBW7FdAL9YMFOdlEznAoGBAMmd
-01peGf6yrIxbIn5ma/0w9Cf9iC/JqvwV7OHIDP+FykmqPgeyy7+s6Nc15YqlrWK4
-W80lGaLDNqN/wRu0ExW3zmpva0yuPDHPFhfBGH2iSuvY9AP51TvMJBER+yZFzSEv
-7YDFAuRrq3PcZLFmUqpOfCen2XCyQ4e8E0QHBG8dAoGATLPdAJKh8QtrAHetvKba
-U6DvB9bZK1c9+JpMYTgm0sv0VAxEug6g7K5dzFze674+cT9aBjztmm9f9vMFrjLP
-jDEjf9078+yJMPHvJRfArm5wkEwtKB/+8l5EdegO3ddHEadeyKYkXhqr7xDi+Y7C
-NpXDacZzaSPE3eM94owa1Lw=
------END PRIVATE KEY-----

package/_wildcard.machine.publr.co+2.pem

@@ -1,26 +0,0 @@
------BEGIN CERTIFICATE-----
-MIIEVDCCArygAwIBAgIQIQ3K3sDryHneKbPt2m/uYjANBgkqhkiG9w0BAQsFADB5
-MR4wHAYDVQQKExVta2NlcnQgZGV2ZWxvcG1lbnQgQ0ExJzAlBgNVBAsMHmNjbHNz
-QGNjbHNzdWktTWFjQm9va1Byby5sb2NhbDEuMCwGA1UEAwwlbWtjZXJ0IGNjbHNz
-QGNjbHNzdWktTWFjQm9va1Byby5sb2NhbDAeFw0yNTAzMzExMTMwMjlaFw0yNzA3
-MDExMTMwMjlaMFIxJzAlBgNVBAoTHm1rY2VydCBkZXZlbG9wbWVudCBjZXJ0aWZp
-Y2F0ZTEnMCUGA1UECwweY2Nsc3NAY2Nsc3N1aS1NYWNCb29rUHJvLmxvY2FsMIIB
-IjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA7OCM3n7Xg6aeNIQYJPtW1Ziy
-HufmlOClVFd/cPus5fZAY6KB4KBPkFq3uxyu6A7LECWnBnA3ai4pftlQVKG+aVYb
-f1K3H1dP/DRmYBT49/3ssiKq2iXl2bSNPtfMubjfcrsMremSbxer6X4CZX7USwwZ
-AA69vCCtZGfCwWHdpzKqfIYCGuRoaW8H37WZCzturG2zfF6J6/EshGm3u3OCssEz
-3zMcZi4WOprilUN8Q7xP2F2sGpnwh3BgrLceGtxsaI5kV3M73vqNGVb0iarr4NAO
-IGaOzaETzX6yITfWB+C07O6ceEwDsovg0AthamqSBF4LwXjFfhnCyaO094RLlQID
-AQABo38wfTAOBgNVHQ8BAf8EBAMCBaAwEwYDVR0lBAwwCgYIKwYBBQUHAwEwHwYD
-VR0jBBgwFoAUivgDIbPxV5kEtkRARvALcvb3RgwwNQYDVR0RBC4wLIISKi5tYWNo
-aW5lLnB1YmxyLmNvhwTAqAEOhxAAAAAAAAAAAAAAAAAAAAABMA0GCSqGSIb3DQEB
-CwUAA4IBgQCnQOeM9UfVUHc5+0GGQvFsou88CsaTj8GGOK2Jsc5Qgc4puG9uX/Wl
-ex8VLerV1+/E27E9idhD6kN3lFpV0MG8b4YxlctCUXhpK0dT/fAau8kQIlwyU0cH
-AsZA1KmFTEtTiktMieRySHg2B4f5+FA3egRg5GEh1Um9al8+aFS2kR6uytN3yJOP
-FS0iX4j/nh35SuE0m5qwGDJuUd5/6V+oCrAlqDCdJt2WI/KK7rXP/l+h22hcUnm1
-6BXg95qTuASgHo559vXKlIGcG0rn+Gjt0hSJxdXTPLT9ixgE6fL93h1ouu67bJfK
-mgfUd0tzl43DgUnQKNZhbVx8U0S1d1mixrDPwjXYR3REZEW2EtCoaoTiUN4NbTkV
-UpHxXac/iSq03Vtw/eutQturAMFhRTcmLUdb9sCFONx8D+lOjzAmn2c4aoVPCZv5
-TDUSFopOvekxS2ngBJqb4YFtE0rebpoIuwuXvDaAdh9YCCDOghan0FLFRdMsD/kz
-kOlXSJWNgZ0=
------END CERTIFICATE-----