pds-dev-kit-web-test 2.3.0 → 2.3.2
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/pagesPreviewMock.js +9 -9
- package/dist/src/sub/DynamicLayout/sections/TempCustomSection/FlexGridItem.d.ts +3 -2
- package/dist/src/sub/DynamicLayout/sections/TempCustomSection/FlexGridItem.js +5 -3
- package/dist/src/sub/DynamicLayout/sections/TempCustomSection/TempCustomSection.js +1 -1
- package/package.json +1 -1
|
@@ -2965,7 +2965,7 @@ exports.sampleCustomsection5 = {
|
|
|
2965
2965
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 8,
|
|
2966
2966
|
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 4,
|
|
2967
2967
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 12,
|
|
2968
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE':
|
|
2968
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 4,
|
|
2969
2969
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
|
|
2970
2970
|
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
|
|
2971
2971
|
},
|
|
@@ -3128,7 +3128,7 @@ exports.sampleCustomsection5 = {
|
|
|
3128
3128
|
CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
|
|
3129
3129
|
},
|
|
3130
3130
|
CB_CONTENT_PROP_TEXT: {
|
|
3131
|
-
CB_CONTENT_PROP_TEXT_SPEC_TEXT: '국내🇰🇷 및 해외🌎 결제 지원으로 폭넓은 서비스를 제공할 수 있어요.'
|
|
3131
|
+
CB_CONTENT_PROP_TEXT_SPEC_TEXT: '국내🇰🇷 및 해외🌎 결제 지원으로 폭넓은 서비스를 제공할 수 있어요. 국내🇰🇷 및 해외🌎 결제 지원으로 폭넓은 서비스를 제공할 수 있어요. 국내🇰🇷 및 해외🌎 결제 지원으로 폭넓은 서비스를 제공할 수 있어요. 국내🇰🇷 및 해외🌎 결제 지원으로 폭넓은 서비스를 제공할 수 있어요.'
|
|
3132
3132
|
},
|
|
3133
3133
|
CB_CONTENT_PROP_VISIBILITY: {
|
|
3134
3134
|
CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
|
|
@@ -3167,7 +3167,7 @@ exports.sampleCustomsection5 = {
|
|
|
3167
3167
|
},
|
|
3168
3168
|
CB_PLACEMENT_PROP_PLACEMENT: {
|
|
3169
3169
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 16,
|
|
3170
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE':
|
|
3170
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 4,
|
|
3171
3171
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 2,
|
|
3172
3172
|
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 2,
|
|
3173
3173
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 4,
|
|
@@ -3699,14 +3699,14 @@ exports.sampleCustomsection5 = {
|
|
|
3699
3699
|
'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
|
|
3700
3700
|
},
|
|
3701
3701
|
CB_PLACEMENT_PROP_PLACEMENT: {
|
|
3702
|
-
CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:
|
|
3702
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 16,
|
|
3703
3703
|
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
|
|
3704
|
-
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:
|
|
3705
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE':
|
|
3704
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 2,
|
|
3705
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 2,
|
|
3706
3706
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 4,
|
|
3707
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE':
|
|
3708
|
-
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:
|
|
3709
|
-
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE':
|
|
3707
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 4,
|
|
3708
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 4,
|
|
3709
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 4,
|
|
3710
3710
|
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
|
|
3711
3711
|
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
|
|
3712
3712
|
},
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type
|
|
2
|
+
import { type ComponentBlock } from '../CustomSection/types';
|
|
3
3
|
import type { Device } from '../CustomSection/util/types';
|
|
4
4
|
type Props = {
|
|
5
5
|
cb: ComponentBlock;
|
|
6
6
|
index: number;
|
|
7
7
|
device: Device;
|
|
8
|
+
rowHeight: number;
|
|
8
9
|
};
|
|
9
|
-
declare function FlexGridItem({ cb, index, device }: Props): JSX.Element;
|
|
10
|
+
declare function FlexGridItem({ cb, index, device, rowHeight }: Props): JSX.Element;
|
|
10
11
|
export default FlexGridItem;
|
|
@@ -22,13 +22,15 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
22
22
|
require("react");
|
|
23
23
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
24
|
var components_1 = require("../CustomSection/components");
|
|
25
|
+
var types_1 = require("../CustomSection/types");
|
|
25
26
|
function FlexGridItem(_a) {
|
|
26
|
-
var cb = _a.cb, index = _a.index, device = _a.device;
|
|
27
|
+
var cb = _a.cb, index = _a.index, device = _a.device, rowHeight = _a.rowHeight;
|
|
27
28
|
var CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS = cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT.CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS;
|
|
28
29
|
var gridArea = getGridAreaFromCB(cb.jsonProperties.data.CB_PLACEMENT_PROP_PLACEMENT, device);
|
|
29
|
-
var defaultHeight = CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS *
|
|
30
|
+
var defaultHeight = CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS * rowHeight;
|
|
30
31
|
return ((0, jsx_runtime_1.jsx)(GridItem, __assign({ style: {
|
|
31
|
-
gridArea: gridArea
|
|
32
|
+
gridArea: gridArea,
|
|
33
|
+
maxHeight: cb.componentBlockCode !== types_1.CB_ALL_CODES.CB_TEXT ? defaultHeight : undefined
|
|
32
34
|
} }, { children: (0, jsx_runtime_1.jsx)(components_1.ComponentBlockMatcher, { id: Number(cb.id), cbProps: cb, device: device, index: index }) })));
|
|
33
35
|
}
|
|
34
36
|
var S_CB = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid red;\n /* max-height: fit-content; */\n min-height: ", ";\n"], ["\n border: 1px solid red;\n /* max-height: fit-content; */\n min-height: ", ";\n"])), function (props) { return "".concat(props.defaultHeight, "px"); });
|
|
@@ -79,7 +79,7 @@ function TempCustomSection(_a) {
|
|
|
79
79
|
maxWidth: customSectionStyles.maxWidth,
|
|
80
80
|
minWidth: isMobile ? CustomSection_1.GLE_MIN_WIDTH_MOBILE_PX : CustomSection_1.GLE_MIN_WIDTH_DESKTOP_PX,
|
|
81
81
|
fontSize: "16px"
|
|
82
|
-
} }, { children: (_b = section.componentBlocks) === null || _b === void 0 ? void 0 : _b.map(function (cb, index) { return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device }) }, cb.id)); }) })) })) })) }));
|
|
82
|
+
} }, { children: (_b = section.componentBlocks) === null || _b === void 0 ? void 0 : _b.map(function (cb, index) { return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight }) }, cb.id)); }) })) })) })) }));
|
|
83
83
|
}
|
|
84
84
|
var S_SectionWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
85
85
|
var GridContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __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\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\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"); });
|