pds-dev-kit-web 2.2.303 → 2.2.305

package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.js

@@ -20,11 +20,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getGridAreaFromCB = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var styled_components_1 = __importDefault(require("styled-components"));
+var dynamicLayoutContext_1 = require("../dynamicLayoutContext");
 var ComponentBlockMatcherWithCCB_1 = __importDefault(require("../sections/CustomSection/components/ComponentBlock/ComponentBlockMatcherWithCCB"));
 var gap = 10;
 function FlexGridItem(_a) {
     var cb = _a.cb, index = _a.index, device = _a.device, rowHeight = _a.rowHeight, zIndex = _a.zIndex, showPinned = _a.showPinned, block = _a.block, style = _a.style, isParentGroupHeightVariable = _a.isParentGroupHeightVariable;
+    var queryData = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).queryData;
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     var defaultHeight = getMaxHeight(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device, rowHeight);
     var gridArea = getGridAreaFromCB(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device);
@@ -43,6 +46,10 @@ function FlexGridItem(_a) {
             }
         }
         if ('CB_STYLE_PROP_CONTENTSLISTDESIGN' in cb.jsonProperties.data) {
+            var isEmptyTextShowing = isContentsListShowingEmptyText(cb.jsonProperties.data.CB_CONTENT_PROP_CONTENTSLIST, queryData);
+            if (isEmptyTextShowing) {
+                return false;
+            }
             var desktopValue = (_f = (_e = cb.jsonProperties.data.CB_LAYOUT_PROP_HEIGHTADJUSTMENT) === null || _e === void 0 ? void 0 : _e.CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT) !== null && _f !== void 0 ? _f : true;
             if (device === 'DESKTOP') {
                 return desktopValue;
@@ -116,4 +123,14 @@ function getGridAreaFromCB(props, device) {
 }
 exports.getGridAreaFromCB = getGridAreaFromCB;
 exports.default = FlexGridItem;
+function isContentsListShowingEmptyText(props, queryData) {
+    var queryPath = "".concat(props.CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA, "/").concat(props.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING, "/").concat(props.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAOFFSET);
+    if (props.CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA === 'NONE' || !queryPath || !queryData) {
+        return true;
+    }
+    var queryDataValue = queryData === null || queryData === void 0 ? void 0 : queryData[queryPath];
+    if (!(queryDataValue === null || queryDataValue === void 0 ? void 0 : queryDataValue.length)) {
+        return true;
+    }
+}
 var templateObject_1;

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

@@ -137,7 +137,7 @@ function Button(props) {
                 });
             }
             if (mode === 'EDIT') {
-                return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10478" });
+                return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10597" });
             }
             return '';
         }

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

@@ -38,6 +38,7 @@ var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection
 var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
 var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var styled_components_1 = __importDefault(require("styled-components"));
+var EmptyTextForRender_1 = __importDefault(require("../../../fallbacks/EmptyTextForRender"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
 var S_HiddenCover_1 = require("../components/S_HiddenCover");
@@ -207,12 +208,18 @@ function ContentsCarousel(props) {
         }
         // 데이터 연결
         if (CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA === 'NONE' || !queryPath || !queryData) {
-            return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
+            if (mode === 'EDIT') {
+                return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
+            }
+            return (0, jsx_runtime_1.jsx)(EmptyTextForRender_1.default, {});
         }
         var queryDataValue = queryData[queryPath];
         // 쿼리 데이터와 키가 있으나, 쿼리 데이터에 결과가 빈 경우
         if (!(queryDataValue === null || queryDataValue === void 0 ? void 0 : queryDataValue.length)) {
-            return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10478" }, "empty-item");
+            if (mode === 'EDIT') {
+                return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10660" }, "empty-item");
+            }
+            return (0, jsx_runtime_1.jsx)(EmptyTextForRender_1.default, {});
         }
         return renderSwiper(compositions);
     };

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

@@ -39,6 +39,7 @@ var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection
 var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
 var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var styled_components_1 = __importDefault(require("styled-components"));
+var EmptyTextForRender_1 = __importDefault(require("../../../fallbacks/EmptyTextForRender"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
 var S_HeightFitContentCover_1 = require("../components/S_HeightFitContentCover");
@@ -65,12 +66,12 @@ var createComponent = function (type, getDesignType, getLocation, designType, si
     };
 };
 function ContentsList(props) {
-    var _a, _b, _c, _d;
-    var _e = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _e.device, mode = _e.mode, queryData = _e.queryData, navigationHandler = _e.navigationHandler;
+    var _a, _b, _c, _d, _e;
+    var _f = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _f.device, mode = _f.mode, queryData = _f.queryData, navigationHandler = _f.navigationHandler;
     var index = props.index, compositions = props.compositions, CB_CONTENT_PROP_CONTENTSLIST = props.CB_CONTENT_PROP_CONTENTSLIST, CB_STYLE_PROP_CONTENTSLISTDESIGN = props.CB_STYLE_PROP_CONTENTSLISTDESIGN, CB_STYLE_PROP_CONTENTSLISTPAGINATION = props.CB_STYLE_PROP_CONTENTSLISTPAGINATION, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_LAYOUT_PROP_PADDING = props.CB_LAYOUT_PROP_PADDING, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_LAYOUT_PROP_HEIGHTADJUSTMENT = props.CB_LAYOUT_PROP_HEIGHTADJUSTMENT;
     var CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA, CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING, CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAOFFSET = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAOFFSET, CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS, CB_CONTENT_PROP_CONTENTSLIST_SPEC_MCOLUMNS = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_MCOLUMNS;
-    var _f = (0, react_1.useState)(false), isHovered = _f[0], setIsHovered = _f[1];
-    var _g = (0, react_1.useState)(1), currentPage = _g[0], setCurrentPage = _g[1];
+    var _g = (0, react_1.useState)(false), isHovered = _g[0], setIsHovered = _g[1];
+    var _h = (0, react_1.useState)(1), currentPage = _h[0], setCurrentPage = _h[1];
     var queryPath = "".concat(CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA, "/").concat(CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING, "/").concat(CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAOFFSET);
     var queryDataValue = queryData === null || queryData === void 0 ? void 0 : queryData[queryPath];
     // list의 minheight / minwidth를 계산
@@ -80,23 +81,24 @@ function ContentsList(props) {
     var displayCounts = device === 'DESKTOP'
         ? CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS
         : CB_CONTENT_PROP_CONTENTSLIST_SPEC_MDISPLAYCOUNTS;
+    var dataItemLength = Math.min((_a = queryDataValue === null || queryDataValue === void 0 ? void 0 : queryDataValue.length) !== null && _a !== void 0 ? _a : 0, CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS);
     var totalPage = Math.ceil((CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE === 'DATA' && queryDataValue
-        ? CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS
+        ? dataItemLength
         : CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS.length) / displayCounts);
     var CB_STYLE_PROP_CONTENTSLIST = __assign(__assign({}, CB_STYLE_PROP_CONTENTSLISTDESIGN), CB_STYLE_PROP_CONTENTSLISTPAGINATION);
-    var _h = (0, util_1.parseProperties)(props, device), style = _h.style, hoverStyle = _h.hoverStyle, layout = _h.layout, effect = _h.effect, overlayStyle = _h.overlayStyle;
+    var _j = (0, util_1.parseProperties)(props, device), style = _j.style, hoverStyle = _j.hoverStyle, layout = _j.layout, effect = _j.effect, overlayStyle = _j.overlayStyle;
     var contentPropCss = (0, contentsListUtils_1.parseGridContentProp)({
         props: CB_CONTENT_PROP_CONTENTSLIST,
         device: device
     }).contentPropCss;
-    var _j = (0, contentsListUtils_1.parseGridStyleProp)({
+    var _k = (0, contentsListUtils_1.parseGridStyleProp)({
         props: CB_STYLE_PROP_CONTENTSLIST,
         device: device
-    }), stylePropCss = _j.stylePropCss, hoverStylePropCss = _j.hoverStylePropCss;
-    var _k = (0, contentsListUtils_1.parsePaginationStyleProp)({
+    }), stylePropCss = _k.stylePropCss, hoverStylePropCss = _k.hoverStylePropCss;
+    var _l = (0, contentsListUtils_1.parsePaginationStyleProp)({
         props: CB_STYLE_PROP_CONTENTSLIST,
         device: device
-    }), paginationNormalStyle = _k.normalStyle, paginationHoverStyle = _k.hoverStyle;
+    }), paginationNormalStyle = _l.normalStyle, paginationHoverStyle = _l.hoverStyle;
     // NOTE: edit모드에서는 그리드의 이벤트만 작동하도록 CB의 포인터 이벤트는 막습니다.
     var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
     var cbRef = (0, react_1.useRef)(null);
@@ -120,15 +122,15 @@ function ContentsList(props) {
     // NOTE: edit환경에서 hover가 작동하지 않아서 제외함 필요시 추가..
     var columnGapEnum = device === 'DESKTOP'
         ? CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING
-        : (_a = CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING:MOBILE']) !== null && _a !== void 0 ? _a : CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING;
+        : (_b = CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING:MOBILE']) !== null && _b !== void 0 ? _b : CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMSPACING;
     var columnGap = columnGapEnum === 'NARROW' ? 8 : columnGapEnum === 'NORMAL' ? 24 : 36;
     var rowGap = device === 'DESKTOP'
         ? CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT
-        : (_b = CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:MOBILE']) !== null && _b !== void 0 ? _b : CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT;
+        : (_c = CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:MOBILE']) !== null && _c !== void 0 ? _c : CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT;
     var standardComposition = getStandardComposition(compositions, CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE);
     var compositionMinValue = getCompositionMinValue(standardComposition, device);
-    var oneCompositionMinWidth = (_c = compositionMinValue === null || compositionMinValue === void 0 ? void 0 : compositionMinValue.minWidth) !== null && _c !== void 0 ? _c : 0;
-    var oneCompositionMinHeight = (_d = compositionMinValue === null || compositionMinValue === void 0 ? void 0 : compositionMinValue.minHeight) !== null && _d !== void 0 ? _d : 0;
+    var oneCompositionMinWidth = (_d = compositionMinValue === null || compositionMinValue === void 0 ? void 0 : compositionMinValue.minWidth) !== null && _d !== void 0 ? _d : 0;
+    var oneCompositionMinHeight = (_e = compositionMinValue === null || compositionMinValue === void 0 ? void 0 : compositionMinValue.minHeight) !== null && _e !== void 0 ? _e : 0;
     var paddingLR = CB_LAYOUT_PROP_PADDING.CB_LAYOUT_PROP_PADDING_SPEC_PADDING.left +
         CB_LAYOUT_PROP_PADDING.CB_LAYOUT_PROP_PADDING_SPEC_PADDING.right;
     var paddingTB = CB_LAYOUT_PROP_PADDING.CB_LAYOUT_PROP_PADDING_SPEC_PADDING.top +
@@ -142,9 +144,7 @@ function ContentsList(props) {
     var components = [
         createPagination(paginationNormalStyle, paginationHoverStyle, isHovered)
     ].filter(function (component) { return component !== undefined; });
-    var _l = (0, useFlexGridLayout_1.useFlexGridLayout)({ components: components }), layoutRef = _l.layoutRef, positionRefs = _l.positionRefs, 
-    // ccbInset,
-    componentGroups = _l.componentGroups, getPositionStyle = _l.getPositionStyle, getComponentGroupLayout = _l.getComponentGroupLayout;
+    var _m = (0, useFlexGridLayout_1.useFlexGridLayout)({ components: components }), layoutRef = _m.layoutRef, positionRefs = _m.positionRefs, componentGroups = _m.componentGroups, getPositionStyle = _m.getPositionStyle, getComponentGroupLayout = _m.getComponentGroupLayout;
     var ccbInset = {
         top: '0px',
         right: '0px',
@@ -187,7 +187,7 @@ function ContentsList(props) {
             } }, { children: (0, jsx_runtime_1.jsx)(S_ContentsListWrapper, __assign({ className: "cb-contentslist-wrapper", ccbInset: ccbInset, contentPropCss: contentPropCss, stylePropCss: isHovered ? hoverStylePropCss : stylePropCss }, { children: (0, createCompositions_1.createCompositions)({
                     valueType: CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE,
                     queryPath: queryPath,
-                    limit: CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS,
+                    limit: dataItemLength,
                     queryData: queryData,
                     compositions: compositions,
                     componentBlockCode: types_1.CB_ALL_CODES.CB_LIST,
@@ -205,12 +205,18 @@ function ContentsList(props) {
         }
         // 데이터 연결
         if (CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA === 'NONE' || !queryPath || !queryData) {
-            return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
+            if (mode === 'EDIT') {
+                return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
+            }
+            return (0, jsx_runtime_1.jsx)(EmptyTextForRender_1.default, {});
         }
         var queryDataValue = queryData[queryPath];
         // 쿼리 데이터와 키가 있으나, 쿼리 데이터에 결과가 빈 경우
         if (!(queryDataValue === null || queryDataValue === void 0 ? void 0 : queryDataValue.length)) {
-            return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10478" }, "empty-item");
+            if (mode === 'EDIT') {
+                return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10660" }, "empty-item");
+            }
+            return (0, jsx_runtime_1.jsx)(EmptyTextForRender_1.default, {});
         }
         return renderList(compositions);
     };

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

@@ -112,7 +112,7 @@ function Image(props) {
         if (CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_VALUETYPE === 'DATA' ||
             CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_VALUETYPE === 'DELEGATEDDATA') {
             if (!(queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
-                return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10477" });
+                return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10597" });
             }
             if (CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_CONNECTDATA === 'NONE') {
                 return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10477" });

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

@@ -38,6 +38,7 @@ var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection
 var util_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/util");
 var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
 var styled_components_1 = __importDefault(require("styled-components"));
+var EmptyTextForRender_1 = __importDefault(require("../../../fallbacks/EmptyTextForRender"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
 var S_HiddenCover_1 = require("../components/S_HiddenCover");
@@ -187,12 +188,18 @@ function SlideBanner(props) {
         }
         // 데이터 연결
         if (CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA === 'NONE' || !queryPath || !queryData) {
-            return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
+            if (mode === 'EDIT') {
+                return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10477" }, "no-query");
+            }
+            return (0, jsx_runtime_1.jsx)(EmptyTextForRender_1.default, {});
         }
         var queryDataValue = queryData[queryPath];
         // 쿼리 데이터와 키가 있으나, 쿼리 데이터에 결과가 빈 경우
         if (!(queryDataValue === null || queryDataValue === void 0 ? void 0 : queryDataValue.length)) {
-            return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10478" }, "empty-item");
+            if (mode === 'EDIT') {
+                return (0, jsx_runtime_1.jsx)(EmptyString, { stringKey: "str_10660" }, "empty-item");
+            }
+            return (0, jsx_runtime_1.jsx)(EmptyTextForRender_1.default, {});
         }
         return renderSwiper(compositions);
     };

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

@@ -125,7 +125,7 @@ function Text(props) {
                 });
             }
             if (mode === 'EDIT') {
-                return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10478" });
+                return (0, jsx_runtime_1.jsx)(DataNotFound_1.default, { stringKey: "str_10597" });
             }
             return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
         }

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/fallbacks/EmptyTextForRender.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function EmptyTextForRender(): JSX.Element;

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/fallbacks/EmptyTextForRender.js

@@ -0,0 +1,20 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_i18next_1 = require("react-i18next");
+var TextLabel_1 = require("../../../../../DynamicLayout/components/pdsOriginal/desktop/TextLabel");
+var styled_components_1 = __importDefault(require("styled-components"));
+function EmptyTextForRender() {
+    var t = (0, react_i18next_1.useTranslation)('translation').t;
+    return ((0, jsx_runtime_1.jsx)(S_Wrapper, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: t('str_10663'), styleTheme: "body2Regular", colorTheme: "sysTextTertiary" }) }));
+}
+exports.default = EmptyTextForRender;
+var S_Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  bottom: 0;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 100%;\n"], ["\n  align-items: center;\n  bottom: 0;\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 100%;\n"])));
+var templateObject_1;

package/package.json

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

package/release-note.md

@@ -1,7 +1,6 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v2.2.303]
+## [v2.2.305]
 ## daily|https://design.storybook.publ.biz/
 
 ### 업데이트 사항
-* filter 아이콘 수정 및 fill 추가
-* 컬러 시트 최신화
+* [PDS-1419] 데이터 연결 유형 CCB의 empty 데이터 표현 방식 변경

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-----