pds-dev-kit-web-test 2.7.489 → 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/ContentsList/ContentsList.js +0 -5
- 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') });
|
|
@@ -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'
|
|
@@ -253,10 +252,6 @@ var S_ContentsListWrapper = styled_components_1.default.div(templateObject_4 ||
|
|
|
253
252
|
var ccbInset = _a.ccbInset;
|
|
254
253
|
return ccbInset.top;
|
|
255
254
|
});
|
|
256
|
-
// function removeFirstSegment(path: string): string {
|
|
257
|
-
// const segments = path.split('/');
|
|
258
|
-
// return segments.slice(1).join('/');
|
|
259
|
-
// }
|
|
260
255
|
function getStandardComposition(compositions, valueType) {
|
|
261
256
|
if (valueType === 'DATA') {
|
|
262
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) {
|