pds-dev-kit-web-test 2.7.488 → 2.7.490
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +0 -1
- package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js +0 -7
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +7 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +7 -10
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +0 -3
- package/package.json +1 -1
|
@@ -60,7 +60,6 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props) {
|
|
|
60
60
|
var _e = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _e.device, editingSectionId = _e.editingSectionId, mode = _e.mode, shortcutKeyMode = _e.shortcutKeyMode, sectionActionHandler = _e.sectionActionHandler, navigationHandler = _e.navigationHandler;
|
|
61
61
|
var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties, ccbCode = props.ccbCode;
|
|
62
62
|
var pedigree = jsonProperties === null || jsonProperties === void 0 ? void 0 : jsonProperties.pedigree;
|
|
63
|
-
console.log('composition: ', props);
|
|
64
63
|
var _f = jsonProperties, _g = _f.data, CB_PLACEMENT_PROP_COMPOSITION = _g.CB_PLACEMENT_PROP_COMPOSITION, CB_LAYOUT_PROP_PADDING = _g.CB_LAYOUT_PROP_PADDING, zOrders = _f.zOrders;
|
|
65
64
|
var layouts = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : [], zOrders);
|
|
66
65
|
var isMobile = device === 'MOBILE';
|
|
@@ -27,7 +27,6 @@ var compositionQueryContext_1 = require("../compositionQueryContext");
|
|
|
27
27
|
var Composition_1 = __importDefault(require("./Composition"));
|
|
28
28
|
function createCompositions(_a) {
|
|
29
29
|
var valueType = _a.valueType, queryPath = _a.queryPath, queryData = _a.queryData, compositions = _a.compositions, limit = _a.limit, componentBlockCode = _a.componentBlockCode;
|
|
30
|
-
console.log('slidebanner createCompositions', queryPath, queryData, compositions);
|
|
31
30
|
var isQueryDataConnected = valueType === 'DATA' || valueType === 'DELEGATEDDATA';
|
|
32
31
|
// 직접 입력 유형인 경우
|
|
33
32
|
if (!isQueryDataConnected) {
|
|
@@ -45,9 +44,7 @@ function createCompositions(_a) {
|
|
|
45
44
|
if (queryPath === 'NONE' || !queryPath || !queryData) {
|
|
46
45
|
return [(0, jsx_runtime_1.jsx)(S_EmptyLayer, { children: "\uC544\uC9C1 \uC5F0\uACB0\uB41C \uCFFC\uB9AC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }, "no-query")];
|
|
47
46
|
}
|
|
48
|
-
// const parsedQueryPath = removeFirstSegment(queryPath);
|
|
49
47
|
var queryDataValue = queryData[queryPath];
|
|
50
|
-
console.log('queryDataValue createCOmposition', queryDataValue);
|
|
51
48
|
var queryComposition = compositions.find(function (composition) { return composition.isDefault; });
|
|
52
49
|
// 쿼리 데이터와 키가 있으나, 쿼리 데이터에 해당 키가 없는 경우
|
|
53
50
|
if (!queryDataValue) {
|
|
@@ -60,10 +57,6 @@ function createCompositions(_a) {
|
|
|
60
57
|
return queryDataValue.slice(0, limit).map(function (query, index) { return ((0, jsx_runtime_1.jsx)(compositionQueryContext_1.CCBQueryPathContext.Provider, __assign({ value: { queryData: query } }, { children: (0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, queryComposition, { ccbCode: componentBlockCode })) }), index)); });
|
|
61
58
|
}
|
|
62
59
|
exports.createCompositions = createCompositions;
|
|
63
|
-
// function removeFirstSegment(path: string): string {
|
|
64
|
-
// const segments = path.split('/');
|
|
65
|
-
// return segments.slice(1).join('/');
|
|
66
|
-
// }
|
|
67
60
|
function EmptyString() {
|
|
68
61
|
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
|
69
62
|
return (0, jsx_runtime_1.jsx)(S_EmptyLayer, { children: t('str_9806') });
|
|
@@ -93,11 +93,13 @@ function ContentsCarousel(props) {
|
|
|
93
93
|
}), customProgressbarNormalStyle = _h.normalStyle, customProgressbarHoverStyle = _h.hoverStyle;
|
|
94
94
|
var _j = (0, useSwiper_1.useSwiper)(), swiperRef = _j.swiperRef, progressRef = _j.progressRef, leftTimeMsRef = _j.leftTimeMsRef, isBeginning = _j.isBeginning, isEnd = _j.isEnd, onSwiper = _j.onSwiper, onSlideChangeTransitionEnd = _j.onSlideChangeTransitionEnd, onAutoplayTimeLeft = _j.onAutoplayTimeLeft, onClickPrevBtn = _j.onClickPrevBtn, onClickNextBtn = _j.onClickNextBtn;
|
|
95
95
|
var _k = (0, react_1.useState)(false), isHovered = _k[0], setIsHovered = _k[1];
|
|
96
|
-
var orderedCompositions =
|
|
97
|
-
.
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
96
|
+
var orderedCompositions = CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE === 'VALUE'
|
|
97
|
+
? __spreadArray([], CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS, true).filter(function (item) { return compositions.find(function (comp) { return comp.ccbManualItemUuid === item.uuid; }); })
|
|
98
|
+
.sort(function (a, b) { return a.order - b.order; })
|
|
99
|
+
.map(function (item) {
|
|
100
|
+
return compositions.find(function (comp) { return comp.ccbManualItemUuid === item.uuid; });
|
|
101
|
+
})
|
|
102
|
+
: compositions.filter(function (comp) { return comp.isDefault; });
|
|
101
103
|
var loop = contentsCarouselNormalStyle.loop && orderedCompositions.length >= displayCounts;
|
|
102
104
|
// NOTE: edit모드에서는 그리드의 이벤트만 작동하도록 CB의 포인터 이벤트는 막습니다.
|
|
103
105
|
var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
|
|
@@ -73,7 +73,6 @@ function ContentsList(props) {
|
|
|
73
73
|
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_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;
|
|
74
74
|
var _h = (0, react_1.useState)(false), isHovered = _h[0], setIsHovered = _h[1];
|
|
75
75
|
var _j = (0, react_1.useState)(1), currentPage = _j[0], setCurrentPage = _j[1];
|
|
76
|
-
// const parsedQueryPath = removeFirstSegment(CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA);
|
|
77
76
|
var queryDataValue = queryData === null || queryData === void 0 ? void 0 : queryData[CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA];
|
|
78
77
|
// list의 minheight / minwidth를 계산
|
|
79
78
|
var numberOfColumns = device === 'DESKTOP'
|
|
@@ -169,11 +168,13 @@ function ContentsList(props) {
|
|
|
169
168
|
var isMobile = device === 'MOBILE';
|
|
170
169
|
var isBgMedia = getIsBgMedia(isMobile, CB_STYLE_PROP_BGMEDIA);
|
|
171
170
|
var mediaType = getMediaType(isMobile, CB_STYLE_PROP_BGMEDIA);
|
|
172
|
-
var orderedCompositions =
|
|
173
|
-
.
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
171
|
+
var orderedCompositions = CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE === 'VALUE'
|
|
172
|
+
? __spreadArray([], CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS, true).filter(function (item) { return compositions.find(function (comp) { return comp.ccbManualItemUuid === item.uuid; }); })
|
|
173
|
+
.sort(function (a, b) { return a.order - b.order; })
|
|
174
|
+
.map(function (item) {
|
|
175
|
+
return compositions.find(function (comp) { return comp.ccbManualItemUuid === item.uuid; });
|
|
176
|
+
})
|
|
177
|
+
: compositions.filter(function (comp) { return comp.isDefault; });
|
|
177
178
|
var heightFitContentByDevice = device === 'DESKTOP'
|
|
178
179
|
? CB_LAYOUT_PROP_HEIGHTADJUSTMENT === null || CB_LAYOUT_PROP_HEIGHTADJUSTMENT === void 0 ? void 0 : CB_LAYOUT_PROP_HEIGHTADJUSTMENT.CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT
|
|
179
180
|
: CB_LAYOUT_PROP_HEIGHTADJUSTMENT === null || CB_LAYOUT_PROP_HEIGHTADJUSTMENT === void 0 ? void 0 : CB_LAYOUT_PROP_HEIGHTADJUSTMENT['CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT:MOBILE'];
|
|
@@ -251,10 +252,6 @@ var S_ContentsListWrapper = styled_components_1.default.div(templateObject_4 ||
|
|
|
251
252
|
var ccbInset = _a.ccbInset;
|
|
252
253
|
return ccbInset.top;
|
|
253
254
|
});
|
|
254
|
-
// function removeFirstSegment(path: string): string {
|
|
255
|
-
// const segments = path.split('/');
|
|
256
|
-
// return segments.slice(1).join('/');
|
|
257
|
-
// }
|
|
258
255
|
function getStandardComposition(compositions, valueType) {
|
|
259
256
|
if (valueType === 'DATA') {
|
|
260
257
|
return compositions.find(function (composition) { return composition.isDefault; });
|
|
@@ -72,7 +72,6 @@ size) {
|
|
|
72
72
|
function SlideBanner(props) {
|
|
73
73
|
var _a;
|
|
74
74
|
var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, mode = _b.mode, queryData = _b.queryData;
|
|
75
|
-
console.log('SLIDEBANNER QUERYDATA', queryData);
|
|
76
75
|
var index = props.index, _c = props.CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE, CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA, CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS, CB_STYLE_PROP_SLIDEBANNERDESIGN = props.CB_STYLE_PROP_SLIDEBANNERDESIGN, CB_STYLE_PROP_SLIDEBANNERPAGINATION = props.CB_STYLE_PROP_SLIDEBANNERPAGINATION, CB_STYLE_PROP_SLIDEBANNERBUTTON = props.CB_STYLE_PROP_SLIDEBANNERBUTTON, CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD = props.CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD, CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR = props.CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR, 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_SLIDEBANNER_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_SLIDEBANNER.CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE;
|
|
77
76
|
var compositions = props.compositions;
|
|
78
77
|
var CB_STYLE_PROP_SLIDEBANNER = __assign(__assign(__assign(__assign(__assign({}, CB_STYLE_PROP_SLIDEBANNERDESIGN), CB_STYLE_PROP_SLIDEBANNERPAGINATION), CB_STYLE_PROP_SLIDEBANNERBUTTON), CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD), CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR);
|
|
@@ -154,12 +153,10 @@ function SlideBanner(props) {
|
|
|
154
153
|
return compositions.find(function (comp) { return comp.ccbManualItemUuid === item.uuid; });
|
|
155
154
|
})
|
|
156
155
|
: compositions.filter(function (comp) { return comp.isDefault; });
|
|
157
|
-
console.log('🥺', CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE, CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS, orderedCompositions);
|
|
158
156
|
var isEditModeAndHidden = style.visibility === 'hidden' && mode === 'EDIT';
|
|
159
157
|
if (mode === 'EDIT') {
|
|
160
158
|
style.visibility = 'visible';
|
|
161
159
|
}
|
|
162
|
-
console.log('slidebanner comonentGroup', componentGroups);
|
|
163
160
|
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.jsxs)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: [Object.entries(componentGroups).map(function (_a) {
|
|
164
161
|
var position = _a[0], groupComponents = _a[1];
|
|
165
162
|
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-slidebanner-button-group ccb-elements ".concat(position), ref: function (el) {
|