pds-dev-kit-web-test 2.5.342 → 2.5.343

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.
Files changed (7) hide show
  1. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +2 -2
  2. package/dist/src/sub/DynamicLayout/mock_contentsList.js +3 -4
  3. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +2 -2
  4. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +5 -6
  5. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +1 -1
  6. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +5 -6
  7. package/package.json +1 -1
package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js CHANGED
@@ -104,8 +104,8 @@ exports.SAMPLE_CONTENTSCAROUSEL_CB = {
104
104
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: 'A',
105
105
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA: '아티클:포스트',
106
106
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: '최신순',
107
- CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: '1',
108
- CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEM: [],
107
+ CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: 1,
108
+ CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS: [],
109
109
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: 50,
110
110
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: 1
111
111
  },
package/dist/src/sub/DynamicLayout/mock_contentsList.js CHANGED
@@ -69,12 +69,11 @@ exports.SAMPLE_LIST_CB = {
69
69
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: '아티클:포스트',
70
70
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: '최신순',
71
71
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: 'NONE',
72
- CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: '1',
72
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: 0,
73
73
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: [],
74
74
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null,
75
- CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: 3,
76
- CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: 50,
77
- CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS: 5
75
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: 1,
76
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: 1
78
77
  },
79
78
  CB_STYLE_PROP_BORDER: {
80
79
  CB_STYLE_PROP_BORDER_SPEC_STYLE: 'SOLID',
package/dist/src/sub/DynamicLayout/mock_slideBanner.js CHANGED
@@ -96,8 +96,8 @@ exports.SAMPLE_SLIDEBANNER_CB = {
96
96
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUE_TYPE: 'A',
97
97
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA: '아티클:포스트',
98
98
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: '최신순',
99
- CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: '1',
100
- CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEM: [],
99
+ CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: 1,
100
+ CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEMS: [],
101
101
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: 50,
102
102
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS: 1
103
103
  },
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js CHANGED
@@ -34,9 +34,8 @@ function ContentsList(props) {
34
34
  var index = props.index, compositions = props.compositions, CB_CONTENT_PROP_CONTENTSLIST = props.CB_CONTENT_PROP_CONTENTSLIST, CB_STYLE_PROP_CONTENTSLIST = props.CB_STYLE_PROP_CONTENTSLIST, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
35
35
  var _a = (0, react_1.useState)(false), isHovered = _a[0], setIsHovered = _a[1];
36
36
  var _b = (0, react_1.useState)(1), currentPage = _b[0], setCurrentPage = _b[1];
37
- var totalItemCounts = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS;
38
- var displayCounts = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS;
39
- var totalPage = Math.ceil(totalItemCounts / displayCounts);
37
+ var itemCounts = CB_CONTENT_PROP_CONTENTSLIST.CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS;
38
+ var totalPage = Math.ceil(compositions.length / itemCounts);
40
39
  var _c = (0, util_1.parseProperties)(props, device), style = _c.style, hoverStyle = _c.hoverStyle, layout = _c.layout, effect = _c.effect;
41
40
  var contentPropCss = (0, contentsListUtils_1.parseGridContentProp)({
42
41
  props: CB_CONTENT_PROP_CONTENTSLIST
@@ -77,9 +76,9 @@ function ContentsList(props) {
77
76
  var handleBulletClick = function (index) {
78
77
  setCurrentPage(index + 1);
79
78
  };
80
- var startIndex = (currentPage - 1) * displayCounts;
81
- var endIndex = startIndex + displayCounts;
82
- return ((0, jsx_runtime_1.jsxs)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: [(0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ id: "contentslist-box", className: "cb-layout-box", normalStyle: __assign(__assign(__assign({}, style), layout), effectCssProperties), hoverStyle: hoverStyle, cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsx)(S_ContentsListWrapper, __assign({ id: "contentslist-wrapper" }, { children: (0, jsx_runtime_1.jsx)(S_ContentsListGrid, __assign({ id: "contentslist-grid", contentPropCss: contentPropCss, stylePropCss: isHovered ? hoverStylePropCss : stylePropCss }, { children: compositions.slice(startIndex, endIndex).map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) })) })) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { effectVisibleStyle: effectVisibleStyle, type: isHovered ? paginationHoverStyle.type : paginationNormalStyle.type, offset: isHovered ? paginationHoverStyle.offset : paginationNormalStyle.offset, current: currentPage, total: Math.ceil(totalItemCounts / displayCounts), size: isHovered ? paginationHoverStyle.size : paginationNormalStyle.size, onBulletClick: handleBulletClick })] })));
79
+ var startIndex = (currentPage - 1) * itemCounts;
80
+ var endIndex = startIndex + itemCounts;
81
+ return ((0, jsx_runtime_1.jsxs)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: [(0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ id: "contentslist-box", className: "cb-layout-box", normalStyle: __assign(__assign(__assign({}, style), layout), effectCssProperties), hoverStyle: hoverStyle, cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsx)(S_ContentsListWrapper, __assign({ id: "contentslist-wrapper" }, { children: (0, jsx_runtime_1.jsx)(S_ContentsListGrid, __assign({ id: "contentslist-grid", contentPropCss: contentPropCss, stylePropCss: isHovered ? hoverStylePropCss : stylePropCss }, { children: compositions.slice(startIndex, endIndex).map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) })) })) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { effectVisibleStyle: effectVisibleStyle, type: isHovered ? paginationHoverStyle.type : paginationNormalStyle.type, offset: isHovered ? paginationHoverStyle.offset : paginationNormalStyle.offset, current: currentPage, total: totalPage, size: isHovered ? paginationHoverStyle.size : paginationNormalStyle.size, onBulletClick: handleBulletClick })] })));
83
82
  }
84
83
  var S_ContentsListWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n position: relative;\n width: 100%;\n"], ["\n height: 100%;\n position: relative;\n width: 100%;\n"])));
85
84
  var S_ContentsListGrid = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n height: 100%;\n\n ", "\n ", "\n"], ["\n display: grid;\n height: 100%;\n\n ", "\n ", "\n"])), function (_a) {
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js CHANGED
@@ -20,7 +20,7 @@ var styled_components_1 = require("styled-components");
20
20
  function getStyleTypePropStyleValues(value) {
21
21
  switch (value) {
22
22
  case 'DESIGN1': {
23
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: red;\n height: 100%;\n width: 100%;\n "], ["\n background-color: red;\n height: 100%;\n width: 100%;\n "])));
23
+ return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n "], ["\n height: 100%;\n width: 100%;\n "])));
24
24
  }
25
25
  case 'DESIGN2': {
26
26
  var overlayEffect = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: rgba(255, 255, 255, 0.7);\n content: '';\n height: 100%;\n position: absolute;\n top: 0; /* \uD22C\uBA85\uB3C4 \uC870\uC808 (0 = \uC644\uC804 \uD22C\uBA85, 1 = \uBD88\uD22C\uBA85) */\n width: 20%;\n z-index: 2;\n "], ["\n background: rgba(255, 255, 255, 0.7);\n content: '';\n height: 100%;\n position: absolute;\n top: 0; /* \uD22C\uBA85\uB3C4 \uC870\uC808 (0 = \uC644\uC804 \uD22C\uBA85, 1 = \uBD88\uD22C\uBA85) */\n width: 20%;\n z-index: 2;\n "])));
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts CHANGED
@@ -29,8 +29,8 @@ export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
29
29
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: 'A' | 'B';
30
30
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA: STRING_PLAIN;
31
31
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: STRING_PLAIN;
32
- CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: ENUM_STRING | null | undefined;
33
- CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEM: MockComposition[];
32
+ CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: NUMBER_INTEGER;
33
+ CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS: MockComposition[];
34
34
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
35
35
  CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
36
36
  };
@@ -38,8 +38,8 @@ export type CB_CONTENT_PROP_SLIDEBANNER = {
38
38
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUE_TYPE: 'A' | 'B';
39
39
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECT_DATA: STRING_PLAIN;
40
40
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_DATASORTING: STRING_PLAIN;
41
- CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: ENUM_STRING | null | undefined;
42
- CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEM: MockComposition[];
41
+ CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: NUMBER_INTEGER;
42
+ CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEMS: MockComposition[];
43
43
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
44
44
  CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
45
45
  };
@@ -48,11 +48,10 @@ export type CB_CONTENT_PROP_CONTENTSLIST = {
48
48
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: STRING_PLAIN;
49
49
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: STRING_PLAIN;
50
50
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: STRING_PLAIN;
51
- CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: ENUM_STRING | null | undefined;
51
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: NUMBER_INTEGER;
52
52
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: MockComposition[];
53
53
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
54
54
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: NUMBER_INTEGER;
55
- CB_CONTENT_PROP_CONTENTSLIST_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
56
55
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null | STRING_PLAIN;
57
56
  };
58
57
  export type MockComposition = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.342",
3
+ "version": "2.5.343",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",