pds-dev-kit-web 2.2.311 → 2.2.313

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.313",
   "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.313]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* SNS line icon 추가
+* [PDS-1423] ComboBox 추가