pds-dev-kit-web-test 2.5.343 → 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.
- package/dist/src/sub/DynamicLayout/mock_contentsList.js +30 -34
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +4 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +8 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +4 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +2 -2
- package/package.json +1 -1
@@ -27,42 +27,38 @@ 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
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
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
|
-
|
36
|
-
|
37
|
-
|
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
|
-
|
40
|
-
'
|
41
|
-
'
|
42
|
-
|
43
|
-
'
|
44
|
-
'
|
45
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_PAGINATIONSTYLE:HOVER':
|
46
|
-
|
47
|
-
'
|
48
|
-
|
49
|
-
'CB_STYLE_PROP_CONTENTSLIST_SPEC_STYLE:MOBILE':
|
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',
|
@@ -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 (
|
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 (
|
109
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
109
110
|
}
|
110
111
|
})() }))] })));
|
111
112
|
};
|
@@ -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)(
|
86
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
87
87
|
}
|
88
88
|
})() })));
|
89
89
|
};
|
@@ -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)(
|
86
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
87
87
|
}
|
88
88
|
})() })));
|
89
89
|
};
|
@@ -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 =
|
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;
|
@@ -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 (
|
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 (
|
109
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
109
110
|
}
|
110
111
|
})() }))] })));
|
111
112
|
};
|
@@ -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)(
|
86
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
87
87
|
}
|
88
88
|
})() })));
|
89
89
|
};
|