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.
@@ -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 = __spreadArray([], CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS, true).filter(function (item) { return compositions.find(function (comp) { return comp.ccbManualItemUuid === item.uuid; }); })
97
- .sort(function (a, b) { return a.order - b.order; })
98
- .map(function (item) {
99
- return compositions.find(function (comp) { return comp.ccbManualItemUuid === item.uuid; });
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 = __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
- });
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) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.7.488",
3
+ "version": "2.7.490",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",