pds-dev-kit-web-test 2.7.333 → 2.7.336
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 +1 -1
- package/dist/src/sub/DynamicLayout/mock_section.json +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +2 -2
- package/dist/src/sub/DynamicLayout/utils/groupUtils.js +2 -2
- package/package.json +1 -1
|
@@ -233,7 +233,7 @@ var Composition = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
|
|
233
233
|
// onToggleGBPinned={onToggleGBPinned}
|
|
234
234
|
isEditMode: false }, child.blockId)); }) })) })) })) })) })) }));
|
|
235
235
|
});
|
|
236
|
-
var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n /* height: 100%; */\n padding: 10px 10px;\n width: 100%;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n /* height: 100%; */\n padding: 10px 10px;\n width: 100%;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
|
|
236
|
+
var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n /* height: 100%; */\n padding: 10px 10px;\n width: 100%;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n /* height: 100%; */\n padding: 10px 10px;\n width: 100%;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
|
|
237
237
|
var S_COMPOSITIONWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
238
238
|
exports.default = react_1.default.memo(Composition);
|
|
239
239
|
function getDefensiveFontSize(device, width) {
|
|
@@ -838,7 +838,7 @@
|
|
|
838
838
|
"CB_CONTENT_PROP_TEXT_SPEC_FORMAT": "NONE",
|
|
839
839
|
"CB_CONTENT_PROP_TEXT_SPEC_PREFIX": null,
|
|
840
840
|
"CB_CONTENT_PROP_TEXT_SPEC_SUFFIX": null,
|
|
841
|
-
"CB_CONTENT_PROP_TEXT_SPEC_TEXT": "상세 설명 내용을 입력할 수 있어요.\n간략한 요약 내용을 넣어보세요.",
|
|
841
|
+
"CB_CONTENT_PROP_TEXT_SPEC_TEXT": "상세 설명 내용을 입력할 수 있어요.\n간략한 요약 내용을 넣어보세요. ????",
|
|
842
842
|
"CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE": null,
|
|
843
843
|
"CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE": "VALUE"
|
|
844
844
|
},
|
|
@@ -979,7 +979,7 @@
|
|
|
979
979
|
"CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINHEIGHT:MOBILE": null,
|
|
980
980
|
"CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH": 960,
|
|
981
981
|
"CB_PLACEMENT_PROP_COMPOSITION_SPEC_MINWIDTH:MOBILE": 360,
|
|
982
|
-
"CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS":
|
|
982
|
+
"CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS": 3,
|
|
983
983
|
"CB_PLACEMENT_PROP_COMPOSITION_SPEC_ROWS:MOBILE": null
|
|
984
984
|
},
|
|
985
985
|
"CB_STYLE_PROP_BGCOLOR": {
|
|
@@ -41,7 +41,7 @@ require("swiper/modules/navigation/navigation.min.css");
|
|
|
41
41
|
var react_2 = require("swiper/react");
|
|
42
42
|
var StyledSwiper_1 = __importDefault(require("../../../StyledSwiper/StyledSwiper"));
|
|
43
43
|
var ContentsCarouselCore = (0, react_1.forwardRef)(function (_a, ref) {
|
|
44
|
-
var styles = _a.styles, slidesPerView = _a.slidesPerView, children = _a.children, props = __rest(_a, ["styles", "slidesPerView", "children"]);
|
|
44
|
+
var styles = _a.styles, slidesPerView = _a.slidesPerView, children = _a.children, allowTouchMove = _a.allowTouchMove, props = __rest(_a, ["styles", "slidesPerView", "children", "allowTouchMove"]);
|
|
45
45
|
var slidesWithEmpty = (0, react_1.useMemo)(function () {
|
|
46
46
|
var childrenArray = Array.isArray(children) ? children : [children];
|
|
47
47
|
if (slidesPerView === styles.slidesPerGroup &&
|
|
@@ -71,7 +71,7 @@ var ContentsCarouselCore = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
71
71
|
swiper_1.EffectCards,
|
|
72
72
|
swiper_1.EffectCoverflow,
|
|
73
73
|
swiper_1.EffectFlip
|
|
74
|
-
], slidesPerView: finalSlidesPerView, scrollbar: styles.scrollbar, slidesPerGroup: styles.slidesPerGroup, spaceBetween: styles.spaceBetween, freeMode: styles.freeMode, autoplay: useAutoplay ? styles.autoplay : false, loop: styles.loop }, props, { children: slidesWithEmpty.map(function (slide, index) { return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, { children: slide || (0, jsx_runtime_1.jsx)("div", { className: "swiper-slide-empty" }) }, index)); }) })) })));
|
|
74
|
+
], slidesPerView: finalSlidesPerView, scrollbar: styles.scrollbar, slidesPerGroup: styles.slidesPerGroup, spaceBetween: styles.spaceBetween, freeMode: styles.freeMode, autoplay: useAutoplay ? styles.autoplay : false, loop: styles.loop, allowTouchMove: allowTouchMove }, props, { children: slidesWithEmpty.map(function (slide, index) { return ((0, jsx_runtime_1.jsx)(react_2.SwiperSlide, __assign({ style: { pointerEvents: allowTouchMove ? 'auto' : 'none' } }, { children: slide || (0, jsx_runtime_1.jsx)("div", { className: "swiper-slide-empty" }) }), index)); }) })) })));
|
|
75
75
|
});
|
|
76
76
|
ContentsCarouselCore.displayName = 'ContentsCarouselCore';
|
|
77
77
|
exports.default = ContentsCarouselCore;
|
|
@@ -99,8 +99,6 @@ function RenderPedigreeRecursively(_a) {
|
|
|
99
99
|
var relativeGridArea_1 = parentGroupArea
|
|
100
100
|
? calculateRelativeGridArea(gridArea_1, parentGroupArea)
|
|
101
101
|
: gridArea_1;
|
|
102
|
-
console.log('before:', gridArea_1);
|
|
103
|
-
console.log('after:', relativeGridArea_1);
|
|
104
102
|
// 그룹의 시작 행을 기준으로 상대적인 selectedRows 계산
|
|
105
103
|
var relativeSelectedRows_1 = selectedRows
|
|
106
104
|
.map(function (row) { return row - gridArea_1.rowStart + 1; })
|
|
@@ -131,6 +129,8 @@ function RenderPedigreeRecursively(_a) {
|
|
|
131
129
|
var relativeGridArea = parentGroupArea
|
|
132
130
|
? calculateRelativeGridArea(originalGridArea, parentGroupArea)
|
|
133
131
|
: originalGridArea;
|
|
132
|
+
console.log('before:', originalGridArea);
|
|
133
|
+
console.log('after:', relativeGridArea);
|
|
134
134
|
return (
|
|
135
135
|
// <S_GridItem
|
|
136
136
|
// style={{
|