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

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 (13) hide show
  1. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +2 -2
  2. package/dist/src/sub/DynamicLayout/mock_contentsList.js +33 -38
  3. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +2 -2
  4. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +4 -3
  5. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +2 -2
  6. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +5 -6
  7. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +2 -2
  8. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +1 -1
  9. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +8 -8
  10. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +4 -3
  11. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +2 -2
  12. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +5 -6
  13. 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
@@ -27,54 +27,49 @@ exports.SAMPLE_LIST_CB = {
27
27
  // 'CB_PLACEMENT_PROP_PLACEMENT_SPEC_LOCKSTATUS:MOBILE': 'FALLBACK_TO_SYNC'
28
28
  },
29
29
  CB_STYLE_PROP_CONTENTSLIST: {
30
- // Base properties
31
- CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE: 'DESIGN1',
32
- CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING: 'NORMAL',
33
- CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT: 10,
30
+ CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL: false,
31
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:HOVER': null,
32
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE': null,
33
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE:HOVER': null,
34
34
  CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT: false,
35
- CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL: 'NONE',
36
- CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE: 'DESIGN1',
37
- CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION: 'OUTSET8',
35
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:HOVER': null,
36
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE': null,
37
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE:HOVER': null,
38
+ CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT: 1,
39
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:HOVER': null,
40
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE': null,
41
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE:HOVER': null,
42
+ CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING: 'NORMAL',
43
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:HOVER': null,
44
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE': null,
45
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE:HOVER': null,
46
+ CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION: 'OUTSET1',
47
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:HOVER': null,
48
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE': null,
49
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': null,
38
50
  CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE: 'MEDIUM',
39
- // Hover state
40
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:HOVER': 'DESIGN1',
41
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:HOVER': 'NORMAL',
42
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:HOVER': 10,
43
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:HOVER': false,
44
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:HOVER': 'NONE',
45
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:HOVER': 'DESIGN1',
46
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:HOVER': 'OUTSET8',
47
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:HOVER': 'MEDIUM',
48
- // Mobile state
49
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE': 'DESIGN1',
50
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE': 'NORMAL',
51
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE': 10,
52
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE': false,
53
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE': 'NONE',
54
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE': 'DESIGN1',
55
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE': 'OUTSET8',
56
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE': 'MEDIUM',
57
- // Mobile hover state
58
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE:HOVER': 'DESIGN1',
59
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING:MOBILE:HOVER': 'NORMAL',
60
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT:MOBILE:HOVER': 10,
61
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT:MOBILE:HOVER': false,
62
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL:MOBILE:HOVER': 'NONE',
63
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': 'DESIGN1',
64
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION:MOBILE:HOVER': 'OUTSET8',
65
- 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE:HOVER': 'MEDIUM'
51
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:HOVER': null,
52
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE': null,
53
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE:MOBILE:HOVER': null,
54
+ CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE: 'DESIGN1',
55
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:HOVER': null,
56
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE': null,
57
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:MOBILE:HOVER': null,
58
+ CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE: 'DESIGN1',
59
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:HOVER': null,
60
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE': null,
61
+ 'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE:HOVER': null
66
62
  },
67
63
  CB_CONTENT_PROP_CONTENTSLIST: {
68
64
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: 'OPT_VALUE',
69
65
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: '아티클:포스트',
70
66
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: '최신순',
71
67
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: 'NONE',
72
- CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: '1',
68
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: 0,
73
69
  CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: [],
74
70
  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
71
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: 1,
72
+ CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: 1
78
73
  },
79
74
  CB_STYLE_PROP_BORDER: {
80
75
  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/ContentsCarousel/components/CustomNavigation.js CHANGED
@@ -57,8 +57,8 @@ var CustomNavigation = function (_a) {
57
57
  return ((0, jsx_runtime_1.jsxs)(S_Navigation, __assign({ "$offset": isSameOffset ? prevBtnOffset : undefined, "$size": isSameOffset ? prevBtnSize : 1 }, { children: [(0, jsx_runtime_1.jsx)(S_PrevButton, __assign({ className: "".concat(prevBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : prevBtnOffset, "$size": isSameOffset ? undefined : prevBtnSize, onClick: onPrevBtnClick }, { children: (function () {
58
58
  switch (prevBtnType) {
59
59
  case 'NONE':
60
- return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
61
60
  case 'DESIGN1':
61
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
62
62
  case 'DESIGN2':
63
63
  return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
64
64
  case 'DESIGN3':
@@ -79,11 +79,12 @@ var CustomNavigation = function (_a) {
79
79
  case 'DESIGN14':
80
80
  return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
81
81
  default:
82
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
82
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
83
83
  }
84
84
  })() })), (0, jsx_runtime_1.jsx)(S_NextButton, __assign({ className: "".concat(nextBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : nextBtnOffset, "$size": isSameOffset ? undefined : nextBtnSize, onClick: onNextBtnClick }, { children: (function () {
85
85
  switch (nextBtnType) {
86
86
  case 'NONE':
87
+ case 'DESIGN1':
87
88
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
88
89
  case 'DESIGN2':
89
90
  return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
@@ -105,7 +106,7 @@ var CustomNavigation = function (_a) {
105
106
  case 'DESIGN14':
106
107
  return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
107
108
  default:
108
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
109
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
109
110
  }
110
111
  })() }))] })));
111
112
  };
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js CHANGED
@@ -48,8 +48,8 @@ var CustomPagination = function (_a) {
48
48
  return ((0, jsx_runtime_1.jsx)(S_Pagination, __assign({ className: "custom-pagination_".concat(current), "$offset": offset, "$size": size }, { children: (function () {
49
49
  switch (type) {
50
50
  case 'NONE':
51
- return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
52
51
  case 'DESIGN1':
52
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
53
53
  case 'DESIGN2':
54
54
  return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px" }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold", colorTheme: "sysTextBlack" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular", colorTheme: "sysTextBlack" }, { children: "/ ".concat(total) }))] })));
55
55
  case 'DESIGN3':
@@ -83,7 +83,7 @@ var CustomPagination = function (_a) {
83
83
  case 'DESIGN17':
84
84
  return ((0, jsx_runtime_1.jsx)(FlexBox, __assign({ gap: "8px" }, { children: bullets.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(S_Bar, { color: "WHITE", isActive: index + 1 === current, onClick: onBulletClick ? function () { return onBulletClick(index); } : undefined }, index)); }) })));
85
85
  default:
86
- return (0, jsx_runtime_1.jsx)("div", { children: "Default Design" });
86
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
87
87
  }
88
88
  })() })));
89
89
  };
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/components/CustomPagination.js CHANGED
@@ -48,8 +48,8 @@ var CustomPagination = function (_a) {
48
48
  return ((0, jsx_runtime_1.jsx)(S_Pagination, __assign({ className: "custom-pagination_".concat(current), "$offset": offset, "$size": size, effectVisibleStyle: effectVisibleStyle }, { children: (function () {
49
49
  switch (type) {
50
50
  case 'NONE':
51
- return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
52
51
  case 'DESIGN1':
52
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
53
53
  case 'DESIGN2':
54
54
  return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px" }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold", colorTheme: "sysTextBlack" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular", colorTheme: "sysTextBlack" }, { children: "/ ".concat(total) }))] })));
55
55
  case 'DESIGN3':
@@ -83,7 +83,7 @@ var CustomPagination = function (_a) {
83
83
  case 'DESIGN17':
84
84
  return ((0, jsx_runtime_1.jsx)(FlexBox, __assign({ gap: "8px" }, { children: bullets.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(S_Bar, { color: "WHITE", isActive: index + 1 === current, onClick: onBulletClick ? function () { return onBulletClick(index); } : undefined }, index)); }) })));
85
85
  default:
86
- return (0, jsx_runtime_1.jsx)("div", { children: "Default Design" });
86
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
87
87
  }
88
88
  })() })));
89
89
  };
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/ContentsList/types.d.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  import type { NUMBER_INTEGER } from '../../../../../../../DynamicLayout/sections/CustomSection/util/types';
2
2
  export type ContentsListPropsKeys = keyof CB_STYLE_PROP_CONTENTSLIST_SPECS;
3
- export type CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE = 'DESIGN1' | 'DESIGN2';
4
- export type CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE = 'WIDE' | 'NORMAL' | 'NARROW';
5
- export type CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE = NUMBER_INTEGER;
6
- export type CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE = boolean;
7
- export type CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL_TYPE = 'NONE' | 'USE';
8
- export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17';
9
- export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET13' | 'INSET14' | 'INSET15' | 'INSET16' | 'INSET17' | 'INSET18' | 'INSET19' | 'INSET20';
10
- export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE';
3
+ export type CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE = 'DESIGN1' | 'DESIGN2' | null;
4
+ export type CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE = 'WIDE' | 'NORMAL' | 'NARROW' | null;
5
+ export type CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMLINEHEIGHT_TYPE = NUMBER_INTEGER | null;
6
+ export type CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMHEIGHTFITCONTENT_TYPE = boolean | null;
7
+ export type CB_STYLE_PROP_CONTENTSLIST_SPEC_INFINITESCROLL_TYPE = boolean | null;
8
+ export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE_TYPE = 'NONE' | 'DESIGN1' | 'DESIGN2' | 'DESIGN3' | 'DESIGN4' | 'DESIGN5' | 'DESIGN6' | 'DESIGN7' | 'DESIGN8' | 'DESIGN9' | 'DESIGN10' | 'DESIGN11' | 'DESIGN12' | 'DESIGN13' | 'DESIGN14' | 'DESIGN15' | 'DESIGN16' | 'DESIGN17' | null;
9
+ export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONLOCATION_TYPE = 'OUTSET1' | 'OUTSET2' | 'OUTSET3' | 'OUTSET4' | 'OUTSET5' | 'OUTSET6' | 'OUTSET7' | 'OUTSET8' | 'OUTSET9' | 'OUTSET10' | 'OUTSET11' | 'OUTSET12' | 'INSET13' | 'INSET14' | 'INSET15' | 'INSET16' | 'INSET17' | 'INSET18' | 'INSET19' | 'INSET20' | null;
10
+ export type CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSIZE_TYPE = 'SMALL' | 'MEDIUM' | 'LARGE' | null;
11
11
  export type CB_STYLE_PROP_CONTENTSLIST_SPECS_BASE = {
12
12
  CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE: CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE_TYPE;
13
13
  CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING: CB_STYLE_PROP_CONTENTSLIST_SPEC_ITEMSPACING_TYPE;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js CHANGED
@@ -57,8 +57,8 @@ var CustomNavigation = function (_a) {
57
57
  return ((0, jsx_runtime_1.jsxs)(S_Navigation, __assign({ "$offset": isSameOffset ? prevBtnOffset : undefined, "$size": isSameOffset ? prevBtnSize : 1 }, { children: [(0, jsx_runtime_1.jsx)(S_PrevButton, __assign({ className: "".concat(prevBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : prevBtnOffset, "$size": isSameOffset ? undefined : prevBtnSize, onClick: onPrevBtnClick }, { children: (function () {
58
58
  switch (prevBtnType) {
59
59
  case 'NONE':
60
- return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
61
60
  case 'DESIGN1':
61
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
62
62
  case 'DESIGN2':
63
63
  return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
64
64
  case 'DESIGN3':
@@ -79,11 +79,12 @@ var CustomNavigation = function (_a) {
79
79
  case 'DESIGN14':
80
80
  return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
81
81
  default:
82
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_left_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
82
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
83
83
  }
84
84
  })() })), (0, jsx_runtime_1.jsx)(S_NextButton, __assign({ className: "".concat(nextBtnDisabled ? 'disabled' : ''), "$offset": isSameOffset ? undefined : nextBtnOffset, "$size": isSameOffset ? undefined : nextBtnSize, onClick: onNextBtnClick }, { children: (function () {
85
85
  switch (nextBtnType) {
86
86
  case 'NONE':
87
+ case 'DESIGN1':
87
88
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
88
89
  case 'DESIGN2':
89
90
  return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
@@ -105,7 +106,7 @@ var CustomNavigation = function (_a) {
105
106
  case 'DESIGN14':
106
107
  return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_white" }));
107
108
  default:
108
- return ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { fillType: "fill", baseSize: "large", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconName: "ic_arrow_right_thin", iconFillType: "line", iconColorKey: "ui_cpnt_icon_sys_dark" }));
109
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
109
110
  }
110
111
  })() }))] })));
111
112
  };
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js CHANGED
@@ -48,8 +48,8 @@ var CustomPagination = function (_a) {
48
48
  return ((0, jsx_runtime_1.jsx)(S_Pagination, __assign({ className: "custom-pagination_".concat(current), "$offset": offset, "$size": size }, { children: (function () {
49
49
  switch (type) {
50
50
  case 'NONE':
51
- return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
52
51
  case 'DESIGN1':
52
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
53
53
  case 'DESIGN2':
54
54
  return ((0, jsx_runtime_1.jsxs)(FlexBox, __assign({ gap: "4px" }, { children: [(0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ styleTheme: "body2Bold", colorTheme: "sysTextBlack" }, { children: current })), (0, jsx_runtime_1.jsx)(S_TextLabel, __assign({ style: { opacity: 0.6 }, styleTheme: "body2Regular", colorTheme: "sysTextBlack" }, { children: "/ ".concat(total) }))] })));
55
55
  case 'DESIGN3':
@@ -83,7 +83,7 @@ var CustomPagination = function (_a) {
83
83
  case 'DESIGN17':
84
84
  return ((0, jsx_runtime_1.jsx)(FlexBox, __assign({ gap: "8px" }, { children: bullets.map(function (_, index) { return ((0, jsx_runtime_1.jsx)(S_Bar, { color: "WHITE", isActive: index + 1 === current, onClick: onBulletClick ? function () { return onBulletClick(index); } : undefined }, index)); }) })));
85
85
  default:
86
- return (0, jsx_runtime_1.jsx)("div", { children: "Default Design" });
86
+ return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
87
87
  }
88
88
  })() })));
89
89
  };
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.344",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",