pds-dev-kit-web-test 2.7.309 → 2.7.311

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { type CB_CONTENTSCAROUSEL } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { CB_STYLE_PROP_CONTENTSCAROUSELBUTTON_SPEC_PREVBTNSTYLE_TYPE, INSET_POSTIION, OUTSET_POSTIION } from './types';
-import type { CB_CONTENTSCAROUSEL } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_CONTENTSCAROUSEL_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_CONTENTSCAROUSEL['compositions'];

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

@@ -34,6 +34,7 @@ var CustomSectionBackgroundMedia_1 = require("../../../../../../../DynamicLayout
 var createCompositions_1 = require("../../../../../../../DynamicLayout/CompositionRenderer/createCompositions");
 var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
 var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
+var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/types");
 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"));
@@ -178,7 +179,8 @@ function ContentsCarousel(props) {
                                         queryPath: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA,
                                         limit: displayCounts,
                                         queryData: queryData,
-                                        compositions: orderedCompositions
+                                        compositions: orderedCompositions,
+                                        componentBlockCode: types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL
                                     }) }), CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE +
                                     autoPlayEnabled +
                                     orderedCompositions.length) })) }))) : ((0, jsx_runtime_1.jsx)(EmptyString, {}))] })) }))] }));

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { type CB_LIST } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { OUTSET_POSTIION, INSET_POSTIION, CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE } from './types';
-import type { CB_LIST } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { CB_LIST_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_LIST_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_LIST['compositions'];

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

@@ -35,11 +35,13 @@ var CustomSectionBackgroundMedia_1 = require("../../../../../../../DynamicLayout
 var createCompositions_1 = require("../../../../../../../DynamicLayout/CompositionRenderer/createCompositions");
 var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
 var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
+var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/types");
 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 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");
 var CustomPagination_1 = require("./components/CustomPagination");
 var contentsListUtils_1 = require("./contentsListUtils");
 var useFlexGridLayout_1 = require("./hooks/useFlexGridLayout");
@@ -170,7 +172,11 @@ function ContentsList(props) {
         .map(function (item) {
         return compositions.find(function (comp) { return comp.ccbManualItemUuid === item.uuid; });
     });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Object.entries(componentGroups).map(function (_a) {
+    var heightFitContentByDevice = device === 'DESKTOP'
+        ? CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT
+        : CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT:MOBILE'];
+    var isEditModeAndHeightFitContent = heightFitContentByDevice && mode === 'EDIT';
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHeightFitContent && ((0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { bottomText: "<\uC774\uAC70 \uBB34\uC870\uAC74 \uB2E4\uBCF4\uC784>" })), Object.entries(componentGroups).map(function (_a) {
                 var position = _a[0], groupComponents = _a[1];
                 return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-contentslist-button-group ccb-elements", ref: function (el) {
                         if (el) {
@@ -193,7 +199,8 @@ function ContentsList(props) {
                                     queryPath: CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA,
                                     limit: displayCounts,
                                     queryData: queryData,
-                                    compositions: orderedCompositions
+                                    compositions: orderedCompositions,
+                                    componentBlockCode: types_1.CB_ALL_CODES.CB_LIST
                                 }).slice(startIndex, endIndex + 1) })) }))) : ((0, jsx_runtime_1.jsx)(EmptyString, {}))] })) }))] }));
 }
 function getIsBgMedia(isMobile, specs) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts

@@ -28,9 +28,7 @@ export type CB_STYLE_PROP_CONTENTSLISTDESIGN_SPECS = CB_STYLE_PROP_CONTENTSLISTD
     'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
     'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
     'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE;
-    'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
     'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT:MOBILE': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
-    'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT:MOBILE:HOVER': CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE;
 };
 export type CB_STYLE_PROP_CONTENTSLISTPAGINATION_BASE_SPECS = {
     CB_STYLE_PROP_CONTENTSLISTPAGINATION_SPEC_PAGINATIONSTYLE: CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { type CB_SLIDEBANNER } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { CB_STYLE_PROP_SLIDEBANNER_SPEC_PREVBTNSTYLE_TYPE, INSET_POSTIION, OUTSET_POSTIION } from './types';
-import type { CB_SLIDEBANNER } from '../../../../../../../DynamicLayout/sections/CustomSection/types';
 import type { CB_SLIDEBANNER_PROPERTIES_TYPE, IndexForIntersection } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
 type Props = CB_SLIDEBANNER_PROPERTIES_TYPE & IndexForIntersection & {
     compositions: CB_SLIDEBANNER['compositions'];

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

@@ -34,6 +34,7 @@ var CustomSectionBackgroundMedia_1 = require("../../../../../../../DynamicLayout
 var createCompositions_1 = require("../../../../../../../DynamicLayout/CompositionRenderer/createCompositions");
 var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
 var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
+var types_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/types");
 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"));
@@ -162,7 +163,8 @@ function SlideBanner(props) {
                                         queryPath: CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA,
                                         limit: CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS,
                                         queryData: queryData,
-                                        compositions: orderedCompositions
+                                        compositions: orderedCompositions,
+                                        componentBlockCode: types_1.CB_ALL_CODES.CB_SLIDEBANNER
                                     }) }), CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE +
                                     autoPlayEnabled +
                                     orderedCompositions.length) })) }))) : ((0, jsx_runtime_1.jsx)(EmptyString, {}))] })) }))] }));

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

@@ -33,7 +33,7 @@ var react_2 = require("swiper/react");
 var StyledSwiper_1 = __importDefault(require("../../../StyledSwiper/StyledSwiper"));
 var SlideBannerCore = (0, react_1.forwardRef)(function (_a, ref) {
     var styles = _a.styles, slidesPerView = _a.slidesPerView, children = _a.children, props = __rest(_a, ["styles", "slidesPerView", "children"]);
-    return ((0, jsx_runtime_1.jsx)(StyledSwiper_1.default, __assign({ id: "styled-swiper-wrapper" }, { children: (0, jsx_runtime_1.jsx)(react_2.Swiper, __assign({ ref: ref, style: {
+    return ((0, jsx_runtime_1.jsx)(StyledSwiper_1.default, __assign({ id: "styled-swiper-wrapper", style: { height: '100%' } }, { children: (0, jsx_runtime_1.jsx)(react_2.Swiper, __assign({ ref: ref, style: {
                 width: '100%',
                 height: '100%'
             }, slidesPerView: slidesPerView, scrollbar: styles.scrollbar, freeMode: styles.freeMode, autoplay: styles.useAutoplay ? styles.autoplay : false, loop: styles.loop, modules: [

package/package.json

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