pds-dev-kit-web-test 2.7.476 → 2.7.480
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/FlexGridItem.js +0 -3
- package/dist/src/sub/DynamicLayout/GridAutoRowEditor/GridAutoRowEditorForComposition.js +1 -4
- package/dist/src/sub/DynamicLayout/GridAutoRowEditor/GridAutoRowEditorForDL.js +1 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +0 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +1 -7
- package/dist/src/sub/DynamicLayout/utils/groupHelpers.js +2 -1
- package/dist/src/sub/DynamicLayout/utils/groupUtils.js +1 -5
- package/package.json +2 -2
|
@@ -49,9 +49,6 @@ function FlexGridItem(_a) {
|
|
|
49
49
|
}
|
|
50
50
|
return ((_h = (_g = cb.jsonProperties.data.CB_LAYOUT_PROP_HEIGHTADJUSTMENT) === null || _g === void 0 ? void 0 : _g['CB_LAYOUT_PROP_HEIGHTADJUSTMENT_SPEC_HEIGHTFITCONTENT:MOBILE']) !== null && _h !== void 0 ? _h : desktopValue);
|
|
51
51
|
}
|
|
52
|
-
// if (cb.componentBlockCode === 'CB_TEXT') {
|
|
53
|
-
// return 'OG';
|
|
54
|
-
// }
|
|
55
52
|
return false;
|
|
56
53
|
};
|
|
57
54
|
var heightFitContent = getHeightFitContent();
|
|
@@ -219,10 +219,7 @@ var GridAutoRowEditor = (0, react_1.forwardRef)(function CustomSection(props, re
|
|
|
219
219
|
backgroundColor: '#0000001a',
|
|
220
220
|
border: '1px solid #ffffff33'
|
|
221
221
|
}, "data-row": rIdx + 1, "data-col": cIdx + 1 }, "bg-grid-item-".concat(rIdx + 1, "-").concat(cIdx + 1))); }) }), "bg-grid-row-".concat(rIdx + 1)));
|
|
222
|
-
}), pedigree.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(groupUtils_1.default, { block: child, rowHeight: rowHeight, layoutItems: layouts[device === 'DESKTOP' ? 'lg' : 'sm'], cbs: props.componentBlocks, device: device, selectedRows: selectedRows,
|
|
223
|
-
// pinnedGBs={device === 'DESKTOP' ? child?.isHeightVariable : child.isPinnedMobile}
|
|
224
|
-
// onToggleGBPinned={onToggleGBPinned}
|
|
225
|
-
isEditMode: true }, child.blockId)); })] })) })) })) })) })) }));
|
|
222
|
+
}), pedigree.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(groupUtils_1.default, { block: child, rowHeight: rowHeight, layoutItems: layouts[device === 'DESKTOP' ? 'lg' : 'sm'], cbs: props.componentBlocks, device: device, selectedRows: selectedRows, isEditMode: true }, child.blockId)); })] })) })) })) })) })) }));
|
|
226
223
|
});
|
|
227
224
|
var S_Pinned = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n pointer-events: auto;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 9999999;\n"], ["\n pointer-events: auto;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 9999999;\n"])));
|
|
228
225
|
function getGridAreaFromGroup(position) {
|
|
@@ -264,10 +264,7 @@ var GridAutoRowEditor = (0, react_1.forwardRef)(function CustomSection(props, re
|
|
|
264
264
|
backgroundColor: '#0000001a',
|
|
265
265
|
border: '1px solid #ffffff33'
|
|
266
266
|
}, "data-row": rIdx + 1, "data-col": cIdx + 1 }, "bg-grid-item-".concat(rIdx + 1, "-").concat(cIdx + 1))); }) }), "bg-grid-row-".concat(rIdx + 1)));
|
|
267
|
-
}), pedigree.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(groupUtils_1.default, { block: child, rowHeight: rowHeight, layoutItems: layouts[device === 'DESKTOP' ? 'lg' : 'sm'], cbs: props.componentBlocks, device: device, selectedRows: selectedRows,
|
|
268
|
-
// pinnedGBs={device === 'DESKTOP' ? child?.isHeightVariable : child.isPinnedMobile}
|
|
269
|
-
// onToggleGBPinned={onToggleGBPinned}
|
|
270
|
-
isEditMode: true }, child.blockId)); })] })) })) })) })) })) }));
|
|
267
|
+
}), pedigree.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(groupUtils_1.default, { block: child, rowHeight: rowHeight, layoutItems: layouts[device === 'DESKTOP' ? 'lg' : 'sm'], cbs: props.componentBlocks, device: device, selectedRows: selectedRows, isEditMode: true }, child.blockId)); })] })) })) })) })) })) }));
|
|
271
268
|
});
|
|
272
269
|
function GroupBlockRender(_a) {
|
|
273
270
|
var block = _a.block, layouts = _a.layouts, pedigree = _a.pedigree, isEditing = _a.isEditing, isHeightVariable = _a.isHeightVariable, componentBlocks = _a.componentBlocks, onTogglePinned = _a.onTogglePinned, onDoubleClick = _a.onDoubleClick, onDoubleClickOutside = _a.onDoubleClickOutside;
|
|
@@ -67,7 +67,7 @@ var createComponent = function (type, getDesignType, getLocation, designType, si
|
|
|
67
67
|
function ContentsList(props) {
|
|
68
68
|
var _a, _b, _c, _d, _e, _f;
|
|
69
69
|
var _g = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _g.device, mode = _g.mode, queryData = _g.queryData;
|
|
70
|
-
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,
|
|
70
|
+
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;
|
|
71
71
|
var
|
|
72
72
|
// CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS,
|
|
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;
|
|
@@ -34,8 +34,6 @@ function parseStylePropertyStyles(key, value) {
|
|
|
34
34
|
return getItemSpacingPropStyleValues(value);
|
|
35
35
|
case 'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMLINEHEIGHT':
|
|
36
36
|
return getItemLineHeightPropStyleValues(value);
|
|
37
|
-
case 'CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT':
|
|
38
|
-
return getItemHeightFitContentPropStyleValues(value);
|
|
39
37
|
}
|
|
40
38
|
return undefined;
|
|
41
39
|
}
|
|
@@ -83,13 +83,7 @@ function parsePropPlacement(props, id, cbCode, zOrders, heightFitContent, cbRest
|
|
|
83
83
|
desktopLayout: desktopLayout
|
|
84
84
|
};
|
|
85
85
|
}
|
|
86
|
-
var AUTO_RESIZE_CODES = [
|
|
87
|
-
'none'
|
|
88
|
-
// CB_ALL_CODES.CB_TEXT
|
|
89
|
-
// CB_ALL_CODES.CB_LIST,
|
|
90
|
-
// CB_ALL_CODES.CB_CONTENTSCAROUSEL,
|
|
91
|
-
// CB_ALL_CODES.CB_SLIDEBANNER
|
|
92
|
-
];
|
|
86
|
+
var AUTO_RESIZE_CODES = ['none'];
|
|
93
87
|
function getResizeHandles(heightFitContent) {
|
|
94
88
|
if (heightFitContent) {
|
|
95
89
|
return ['e', 'w'];
|
|
@@ -70,11 +70,12 @@ exports.parseGridArea = parseGridArea;
|
|
|
70
70
|
* 예: 부모가 row 21에서 시작하고 컴포넌트가 row 21에 있다면, 상대적으로는 row 1에 위치하게 됩니다.
|
|
71
71
|
*/
|
|
72
72
|
function calculateRelativeGridArea(componentArea, parentArea) {
|
|
73
|
+
var colEnd = componentArea.colEnd - parentArea.colStart + 1;
|
|
73
74
|
return {
|
|
74
75
|
rowStart: componentArea.rowStart - parentArea.rowStart + 1,
|
|
75
76
|
colStart: componentArea.colStart - parentArea.colStart + 1,
|
|
76
77
|
rowEnd: componentArea.rowEnd - parentArea.rowStart + 1,
|
|
77
|
-
colEnd:
|
|
78
|
+
colEnd: Math.min(colEnd, parentArea.colEnd + 1)
|
|
78
79
|
};
|
|
79
80
|
}
|
|
80
81
|
exports.calculateRelativeGridArea = calculateRelativeGridArea;
|
|
@@ -59,12 +59,8 @@ function RenderPedigreeRecursively(_a) {
|
|
|
59
59
|
? block.zOrderDesktopInternal
|
|
60
60
|
: block.zOrderMobileInternal,
|
|
61
61
|
maxHeight: gbMaxHeight
|
|
62
|
-
}, className: "flex-grid-item", "data-show-pinned": isEditMode }, { children: block.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(RenderPedigreeRecursively, { rowHeight: rowHeight, block: child, layoutItems: layoutItems, cbs: cbs, parentGroupArea: gridArea_1, device: device, selectedRows: relativeSelectedRows_1,
|
|
63
|
-
// pinnedGBs={pinnedGBs}
|
|
64
|
-
// onToggleGBPinned={onToggleGBPinned}
|
|
65
|
-
isEditMode: isEditMode, isParentGroupHeightVariable: isGBHeightVariable_1 }, child.blockId)); }) })));
|
|
62
|
+
}, className: "flex-grid-item", "data-show-pinned": isEditMode }, { children: block.children.map(function (child) { return ((0, jsx_runtime_1.jsx)(RenderPedigreeRecursively, { rowHeight: rowHeight, block: child, layoutItems: layoutItems, cbs: cbs, parentGroupArea: gridArea_1, device: device, selectedRows: relativeSelectedRows_1, isEditMode: isEditMode, isParentGroupHeightVariable: isGBHeightVariable_1 }, child.blockId)); }) })));
|
|
66
63
|
}
|
|
67
|
-
// default: TYPE === 'COMPONENT_BLOCK'
|
|
68
64
|
var cbIndex = cbs.findIndex(function (c) {
|
|
69
65
|
if (c.blockId) {
|
|
70
66
|
return c.blockId === block.blockId;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pds-dev-kit-web-test",
|
|
3
|
-
"version": "2.7.
|
|
3
|
+
"version": "2.7.480",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"i18next-intervalplural-postprocessor": "^3.0.0",
|
|
25
25
|
"lottie-react": "^2.3.1",
|
|
26
26
|
"nuka-carousel": "^4.8.4",
|
|
27
|
-
"publ-echo": "^0.0.
|
|
27
|
+
"publ-echo": "^0.0.132",
|
|
28
28
|
"react-hook-form": "^7.28.1",
|
|
29
29
|
"react-i18next": "^11.12.0",
|
|
30
30
|
"react-router-dom": "^5.2.0",
|