pds-dev-kit-web-test 2.5.343 → 2.5.345
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/ComponentBlockMatcher.js +0 -3
- package/dist/src/sub/DynamicLayout/compositionQueryContext.d.ts +8 -0
- package/dist/src/sub/DynamicLayout/compositionQueryContext.js +14 -0
- package/dist/src/sub/DynamicLayout/mock_composition.js +123 -0
- package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +4 -4
- package/dist/src/sub/DynamicLayout/mock_slideBanner.js +3 -3
- package/dist/src/sub/DynamicLayout/mocks.d.ts +1 -3
- package/dist/src/sub/DynamicLayout/mocks.js +2 -14
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +0 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +37 -19
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +10 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +5 -16
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +3 -11
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +2 -17
- package/dist/src/sub/DynamicLayout/types.d.ts +1 -0
- package/package.json +1 -1
- package/dist/src/sub/DynamicLayout/mock_contentsList.d.ts +0 -2
- package/dist/src/sub/DynamicLayout/mock_contentsList.js +0 -300
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.d.ts +0 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +0 -92
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.d.ts +0 -17
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.js +0 -39
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.d.ts +0 -27
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +0 -188
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.d.ts +0 -30
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +0 -357
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.d.ts +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.js +0 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +0 -46
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.js +0 -2
@@ -49,9 +49,6 @@ function ComponentBlockMatcher(_a) {
|
|
49
49
|
case types_1.CB_ALL_CODES.CB_CONTENTSCAROUSEL: {
|
50
50
|
return (0, jsx_runtime_1.jsx)("div", { children: "NOT SUPPORTED NESTED CAROUSEL" });
|
51
51
|
}
|
52
|
-
case types_1.CB_ALL_CODES.CB_LIST: {
|
53
|
-
return (0, jsx_runtime_1.jsx)("div", { children: "NOT SUPPORTED NESTED CONTENTSLIST" });
|
54
|
-
}
|
55
52
|
default:
|
56
53
|
return (0, jsx_runtime_1.jsx)("div", { children: "Error: not supported CB" });
|
57
54
|
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
interface CCBQueryPathContextType {
|
3
|
+
queryData: Record<string, any>;
|
4
|
+
}
|
5
|
+
export declare const CCBQueryPathContext: import("react").Context<CCBQueryPathContextType | undefined>;
|
6
|
+
export declare const useCCBQueryPath: () => CCBQueryPathContextType | null;
|
7
|
+
export declare const CCBQueryPathProvider: import("react").Provider<CCBQueryPathContextType | undefined>;
|
8
|
+
export {};
|
@@ -0,0 +1,14 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.CCBQueryPathProvider = exports.useCCBQueryPath = exports.CCBQueryPathContext = void 0;
|
4
|
+
var react_1 = require("react");
|
5
|
+
exports.CCBQueryPathContext = (0, react_1.createContext)(undefined);
|
6
|
+
var useCCBQueryPath = function () {
|
7
|
+
var context = (0, react_1.useContext)(exports.CCBQueryPathContext);
|
8
|
+
if (!context) {
|
9
|
+
return null;
|
10
|
+
}
|
11
|
+
return context;
|
12
|
+
};
|
13
|
+
exports.useCCBQueryPath = useCCBQueryPath;
|
14
|
+
exports.CCBQueryPathProvider = exports.CCBQueryPathContext.Provider;
|
@@ -3,8 +3,130 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.sampleMockComposition2 = exports.sampleMockComposition1 = void 0;
|
4
4
|
var types_1 = require("./sections/CustomSection/types");
|
5
5
|
exports.sampleMockComposition1 = {
|
6
|
+
isDefault: true,
|
6
7
|
administrativeTitle: 'CUSTOM',
|
7
8
|
componentBlocks: [
|
9
|
+
{
|
10
|
+
availablePlugins: [],
|
11
|
+
blockId: 'CB_191776',
|
12
|
+
componentBlockCode: 'CB_TEXT',
|
13
|
+
componentBlockType: 'GENERAL',
|
14
|
+
dynamicLayoutCompositionId: 87,
|
15
|
+
id: 191776,
|
16
|
+
insertedAt: '2025-05-05T09:29:12',
|
17
|
+
jsonProperties: {
|
18
|
+
currentVersion: '2025-04-24',
|
19
|
+
data: {
|
20
|
+
CB_CONTENT_PROP_CLINK: {
|
21
|
+
CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC: 'https://publ.co',
|
22
|
+
CB_CONTENT_PROP_CLINK_SPEC_NEWTAB: true,
|
23
|
+
CB_CONTENT_PROP_CLINK_SPEC_SRC: 'https://publ.co',
|
24
|
+
CB_CONTENT_PROP_CLINK_SPEC_TYPE: 'DISABLED'
|
25
|
+
},
|
26
|
+
CB_CONTENT_PROP_HOVER: {
|
27
|
+
CB_CONTENT_PROP_HOVER_SPEC_MUSE: true
|
28
|
+
},
|
29
|
+
CB_CONTENT_PROP_TEXT: {
|
30
|
+
CB_CONTENT_PROP_TEXT_SPEC_TEXT: 'New Text',
|
31
|
+
CB_CONTENT_PROP_TEXT_SPEC_TEXTMOBILEALTERNATIVE: null,
|
32
|
+
CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE: 'QUERYDATA',
|
33
|
+
CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA_NAME: 'itemDesc'
|
34
|
+
},
|
35
|
+
CB_CONTENT_PROP_VISIBILITY: {
|
36
|
+
CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP: true,
|
37
|
+
CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB: true
|
38
|
+
},
|
39
|
+
CB_EFFECT_PROP_ENTANIM: {
|
40
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_DURATION: 0.7,
|
41
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_DURATION:MOBILE': null,
|
42
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT: 1,
|
43
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_REPEAT:MOBILE': null,
|
44
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC: 'EASEINOUT',
|
45
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_TFUNC:MOBILE': null,
|
46
|
+
CB_EFFECT_PROP_ENTANIM_SPEC_TYPE: 'NONE',
|
47
|
+
'CB_EFFECT_PROP_ENTANIM_SPEC_TYPE:MOBILE': null
|
48
|
+
},
|
49
|
+
CB_EFFECT_PROP_HOVERANIM: {
|
50
|
+
CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION: 0.7,
|
51
|
+
'CB_EFFECT_PROP_HOVERANIM_SPEC_DURATION:MOBILE': null,
|
52
|
+
CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT: 1,
|
53
|
+
'CB_EFFECT_PROP_HOVERANIM_SPEC_REPEAT:MOBILE': null,
|
54
|
+
CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC: 'EASEINOUT',
|
55
|
+
'CB_EFFECT_PROP_HOVERANIM_SPEC_TFUNC:MOBILE': null,
|
56
|
+
CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE: 'NONE',
|
57
|
+
'CB_EFFECT_PROP_HOVERANIM_SPEC_TYPE:MOBILE': null
|
58
|
+
},
|
59
|
+
CB_LAYOUT_PROP_PADDING: {
|
60
|
+
CB_LAYOUT_PROP_PADDING_SPEC_FIX: true,
|
61
|
+
'CB_LAYOUT_PROP_PADDING_SPEC_FIX:MOBILE': null,
|
62
|
+
CB_LAYOUT_PROP_PADDING_SPEC_PADDING: {
|
63
|
+
bottom: 0,
|
64
|
+
left: 0,
|
65
|
+
right: 0,
|
66
|
+
top: 0
|
67
|
+
},
|
68
|
+
'CB_LAYOUT_PROP_PADDING_SPEC_PADDING:MOBILE': null
|
69
|
+
},
|
70
|
+
CB_PLACEMENT_PROP_PLACEMENT: {
|
71
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS: 5,
|
72
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_COLS:MOBILE': 8,
|
73
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS: 3,
|
74
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ROWS:MOBILE': 4,
|
75
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX: 0,
|
76
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTX:MOBILE': 0,
|
77
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY: 5,
|
78
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_STARTY:MOBILE': 5,
|
79
|
+
CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX: 1,
|
80
|
+
'CB_PLACEMENT_PROP_PLACEMENT_SPEC_ZINDEX:MOBILE': 1
|
81
|
+
},
|
82
|
+
CB_STYLE_PROP_OPACITY: {
|
83
|
+
CB_STYLE_PROP_OPACITY_SPEC_OPACITY: 100,
|
84
|
+
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:HOVER': null,
|
85
|
+
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE': null,
|
86
|
+
'CB_STYLE_PROP_OPACITY_SPEC_OPACITY:MOBILE:HOVER': null
|
87
|
+
},
|
88
|
+
CB_STYLE_PROP_TEXT: {
|
89
|
+
CB_STYLE_PROP_TEXT_SPEC_COLOR: '#333333FF',
|
90
|
+
'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': null,
|
91
|
+
'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': null,
|
92
|
+
'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': null,
|
93
|
+
CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL: 'CENTER',
|
94
|
+
'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': null,
|
95
|
+
'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': null,
|
96
|
+
'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': null,
|
97
|
+
CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING: 0,
|
98
|
+
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': null,
|
99
|
+
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': null,
|
100
|
+
'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': null,
|
101
|
+
CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT: 130,
|
102
|
+
'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': null,
|
103
|
+
'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': null,
|
104
|
+
'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': null,
|
105
|
+
CB_STYLE_PROP_TEXT_SPEC_SIZE: 36,
|
106
|
+
'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': null,
|
107
|
+
'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': null,
|
108
|
+
'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': null,
|
109
|
+
CB_STYLE_PROP_TEXT_SPEC_TYPEFACE: 'PRETENDARD',
|
110
|
+
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': null,
|
111
|
+
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': null,
|
112
|
+
'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': null,
|
113
|
+
CB_STYLE_PROP_TEXT_SPEC_VERTICAL: 'MIDDLE',
|
114
|
+
'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': null,
|
115
|
+
'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': null,
|
116
|
+
'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': null,
|
117
|
+
CB_STYLE_PROP_TEXT_SPEC_WEIGHT: 700,
|
118
|
+
'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': null,
|
119
|
+
'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': null,
|
120
|
+
'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': null
|
121
|
+
}
|
122
|
+
},
|
123
|
+
minVersion: '2023-08-03',
|
124
|
+
version: '2025-04-24'
|
125
|
+
},
|
126
|
+
queryableDefinitionPreset: 'N/A',
|
127
|
+
queryableTapSrc: 'N/A',
|
128
|
+
updatedAt: '2025-05-05T09:29:12'
|
129
|
+
},
|
8
130
|
{
|
9
131
|
availablePlugins: [],
|
10
132
|
blockId: 'CB_190125',
|
@@ -337,6 +459,7 @@ exports.sampleMockComposition1 = {
|
|
337
459
|
};
|
338
460
|
exports.sampleMockComposition2 = {
|
339
461
|
administrativeTitle: 'CUSTOM',
|
462
|
+
isDefault: false,
|
340
463
|
componentBlocks: [
|
341
464
|
{
|
342
465
|
availablePlugins: [],
|
@@ -101,11 +101,11 @@ exports.SAMPLE_CONTENTSCAROUSEL_CB = {
|
|
101
101
|
'CB_STYLE_PROP_CONTENTSCAROUSEL_SPEC_INFINITESCROLL:MOBILE:HOVER': true
|
102
102
|
},
|
103
103
|
CB_CONTENT_PROP_CONTENTSCAROUSEL: {
|
104
|
-
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: '
|
105
|
-
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA: '
|
104
|
+
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: 'QUERYDATA',
|
105
|
+
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA: 'PAPPQUERY:C00007:VOD:CLASS:TOTAL',
|
106
106
|
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DATASORTING: '최신순',
|
107
|
-
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: 1,
|
108
|
-
|
107
|
+
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: '1',
|
108
|
+
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MENUALITEM: [],
|
109
109
|
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: 50,
|
110
110
|
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: 1
|
111
111
|
},
|
@@ -6,7 +6,7 @@ var types_1 = require("./sections/CustomSection/types");
|
|
6
6
|
exports.SAMPLE_SLIDEBANNER_CB = {
|
7
7
|
availablePlugins: [],
|
8
8
|
componentBlockCode: types_1.CB_ALL_CODES.CB_SLIDEBANNER,
|
9
|
-
dynamicLayoutSectionId:
|
9
|
+
dynamicLayoutSectionId: 18662,
|
10
10
|
type: 'GENERAL',
|
11
11
|
id: 188291,
|
12
12
|
blockId: 'CB_188291',
|
@@ -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
|
-
|
99
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: '1',
|
100
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEM: [],
|
101
101
|
CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: 50,
|
102
102
|
CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS: 1
|
103
103
|
},
|
@@ -1,7 +1,7 @@
|
|
1
1
|
export declare const MOCK_SECTIONS: {
|
2
2
|
administrativeTitle: string;
|
3
3
|
appearanceTemplate: string;
|
4
|
-
componentBlocks: (import("./sections/CustomSection/types").
|
4
|
+
componentBlocks: (import("./sections/CustomSection/types").CB_CONTENTSCAROUSEL | import("./sections/CustomSection/types").CB_SLIDEBANNER | {
|
5
5
|
availablePlugins: never[];
|
6
6
|
blockId: string;
|
7
7
|
componentBlockCode: string;
|
@@ -999,7 +999,6 @@ export declare const MOCK_SECTIONS: {
|
|
999
999
|
'188287': number;
|
1000
1000
|
'188290': number;
|
1001
1001
|
'188291': number;
|
1002
|
-
'188292': number;
|
1003
1002
|
};
|
1004
1003
|
mobile: {
|
1005
1004
|
'188262': number;
|
@@ -1030,7 +1029,6 @@ export declare const MOCK_SECTIONS: {
|
|
1030
1029
|
'188287': number;
|
1031
1030
|
'188290': number;
|
1032
1031
|
'188291': number;
|
1033
|
-
'188292': number;
|
1034
1032
|
};
|
1035
1033
|
};
|
1036
1034
|
};
|
@@ -2,7 +2,6 @@
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
exports.MOCK_SECTIONS = void 0;
|
4
4
|
var mock_contentsCarousel_1 = require("./mock_contentsCarousel");
|
5
|
-
var mock_contentsList_1 = require("./mock_contentsList");
|
6
5
|
var mock_slideBanner_1 = require("./mock_slideBanner");
|
7
6
|
exports.MOCK_SECTIONS = [
|
8
7
|
{
|
@@ -11,7 +10,6 @@ exports.MOCK_SECTIONS = [
|
|
11
10
|
componentBlocks: [
|
12
11
|
mock_slideBanner_1.SAMPLE_SLIDEBANNER_CB,
|
13
12
|
mock_contentsCarousel_1.SAMPLE_CONTENTSCAROUSEL_CB,
|
14
|
-
mock_contentsList_1.SAMPLE_LIST_CB,
|
15
13
|
{
|
16
14
|
availablePlugins: [],
|
17
15
|
blockId: 'CB_188265',
|
@@ -4646,14 +4644,6 @@ exports.MOCK_SECTIONS = [
|
|
4646
4644
|
type: 'COMPONENT_BLOCK',
|
4647
4645
|
zOrderDesktopInternal: 28,
|
4648
4646
|
zOrderMobileInternal: 28
|
4649
|
-
},
|
4650
|
-
{
|
4651
|
-
blockId: 'CB_188292',
|
4652
|
-
children: [],
|
4653
|
-
componentBlockId: 188292,
|
4654
|
-
type: 'COMPONENT_BLOCK',
|
4655
|
-
zOrderDesktopInternal: 28,
|
4656
|
-
zOrderMobileInternal: 28
|
4657
4647
|
}
|
4658
4648
|
],
|
4659
4649
|
componentBlockId: null,
|
@@ -4691,8 +4681,7 @@ exports.MOCK_SECTIONS = [
|
|
4691
4681
|
'188286': 26,
|
4692
4682
|
'188287': 19,
|
4693
4683
|
'188290': 27,
|
4694
|
-
'188291': 28
|
4695
|
-
'188292': 29
|
4684
|
+
'188291': 28
|
4696
4685
|
},
|
4697
4686
|
mobile: {
|
4698
4687
|
'188262': 10,
|
@@ -4722,8 +4711,7 @@ exports.MOCK_SECTIONS = [
|
|
4722
4711
|
'188286': 25,
|
4723
4712
|
'188287': 19,
|
4724
4713
|
'188290': 27,
|
4725
|
-
'188291': 28
|
4726
|
-
'188292': 29
|
4714
|
+
'188291': 28
|
4727
4715
|
}
|
4728
4716
|
}
|
4729
4717
|
},
|
@@ -20,7 +20,6 @@ var newUtils_1 = require("../../newUtils");
|
|
20
20
|
var types_1 = require("../../types");
|
21
21
|
var Button_1 = __importDefault(require("./componentBlocks/Button/Button"));
|
22
22
|
var ContentsCarousel_1 = require("./componentBlocks/ContentsCarousel");
|
23
|
-
var ContentsList_1 = require("./componentBlocks/ContentsList");
|
24
23
|
var Divider_1 = __importDefault(require("./componentBlocks/Divider/Divider"));
|
25
24
|
var Embed_1 = __importDefault(require("./componentBlocks/Embed/Embed"));
|
26
25
|
var Image_1 = __importDefault(require("./componentBlocks/Image/Image"));
|
@@ -58,10 +57,6 @@ function ComponentBlockMatcher(_a) {
|
|
58
57
|
var compositions = cbProps.compositions;
|
59
58
|
return ((0, jsx_runtime_1.jsx)(SlideBanner_1.SlideBanner, __assign({}, propsWithValue, { compositions: compositions, index: index })));
|
60
59
|
}
|
61
|
-
case types_1.CB_ALL_CODES.CB_LIST: {
|
62
|
-
var compositions = cbProps.compositions;
|
63
|
-
return ((0, jsx_runtime_1.jsx)(ContentsList_1.ContentsList, __assign({}, propsWithValue, { compositions: compositions, index: index })));
|
64
|
-
}
|
65
60
|
default:
|
66
61
|
return (0, jsx_runtime_1.jsx)("div", { children: "Error: not supported CB" });
|
67
62
|
}
|
@@ -19,7 +19,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
19
19
|
};
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
21
21
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
22
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
22
23
|
var react_1 = require("react");
|
24
|
+
var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
|
23
25
|
var Composition_1 = __importDefault(require("../../../../../../../DynamicLayout/CompositionRenderer/Composition"));
|
24
26
|
var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
|
25
27
|
var hooks_1 = require("../../../../../../../DynamicLayout/sections/CustomSection/hooks");
|
@@ -33,8 +35,10 @@ var CustomProgressbar_1 = require("./components/CustomProgressbar");
|
|
33
35
|
var ContentsCarouselCore_1 = __importDefault(require("./ContentsCarouselCore"));
|
34
36
|
var contentsCarouselUtils_1 = require("./contentsCarouselUtils");
|
35
37
|
function ContentsCarousel(props) {
|
36
|
-
var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
|
37
|
-
var index = props.index,
|
38
|
+
var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, mode = _a.mode, queryData = _a.queryData;
|
39
|
+
var index = props.index,
|
40
|
+
// // CONTENT : 캐로셀
|
41
|
+
_b = props.CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA = _b.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA,
|
38
42
|
// STYLE: 캐로셀
|
39
43
|
CB_STYLE_PROP_CONTENTSCAROUSEL = props.CB_STYLE_PROP_CONTENTSCAROUSEL,
|
40
44
|
// STYLE: 그림자
|
@@ -42,32 +46,32 @@ function ContentsCarousel(props) {
|
|
42
46
|
// EFFECT: 진입
|
43
47
|
CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
|
44
48
|
var compositions = props.compositions;
|
45
|
-
var
|
46
|
-
var
|
47
|
-
var
|
48
|
-
var
|
49
|
-
var
|
50
|
-
var
|
51
|
-
var
|
49
|
+
var _c = (0, react_1.useState)(false), isHovered = _c[0], setIsHovered = _c[1];
|
50
|
+
var _d = (0, react_1.useState)(1), currentSlide = _d[0], setCurrentSlide = _d[1];
|
51
|
+
var _e = (0, react_1.useState)(0), totalPages = _e[0], setTotalPages = _e[1];
|
52
|
+
var _f = (0, react_1.useState)(true), isBeginning = _f[0], setIsBeginning = _f[1];
|
53
|
+
var _g = (0, react_1.useState)(false), isEnd = _g[0], setIsEnd = _g[1];
|
54
|
+
var _h = (0, react_1.useState)(0), progress = _h[0], setProgress = _h[1];
|
55
|
+
var _j = (0, react_1.useState)(0), leftTime = _j[0], setLeftTime = _j[1];
|
52
56
|
var swiperRef = (0, react_1.useRef)(null);
|
53
|
-
var
|
57
|
+
var _k = (0, contentsCarouselUtils_1.parseCarouselStyleToCarouselCoreProp)({
|
54
58
|
props: CB_STYLE_PROP_CONTENTSCAROUSEL,
|
55
59
|
contentsPropsPartials: { CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS },
|
56
60
|
device: device
|
57
|
-
}), contentsCarouselNormalStyle =
|
58
|
-
var
|
61
|
+
}), contentsCarouselNormalStyle = _k.normalStyle, contentsCarouselHoverStyle = _k.hoverStyle;
|
62
|
+
var _l = (0, contentsCarouselUtils_1.parseCarouselStyleToCustomPaginationProp)({
|
59
63
|
props: CB_STYLE_PROP_CONTENTSCAROUSEL,
|
60
64
|
device: device
|
61
|
-
}), customPaginationNormalStyle =
|
62
|
-
var
|
65
|
+
}), customPaginationNormalStyle = _l.normalStyle, customPaginationHoverStyle = _l.hoverStyle;
|
66
|
+
var _m = (0, contentsCarouselUtils_1.parseCarouselStyleToCustomNavigationProp)({
|
63
67
|
props: CB_STYLE_PROP_CONTENTSCAROUSEL,
|
64
68
|
device: device
|
65
|
-
}), customNavigationNormalStyle =
|
66
|
-
var
|
69
|
+
}), customNavigationNormalStyle = _m.normalStyle, customNavigationHoverStyle = _m.hoverStyle;
|
70
|
+
var _o = (0, contentsCarouselUtils_1.parseCarouselStyleToCustomProgressbarProp)({
|
67
71
|
props: CB_STYLE_PROP_CONTENTSCAROUSEL,
|
68
72
|
device: device
|
69
|
-
}), customProgressbarNormalStyle =
|
70
|
-
var
|
73
|
+
}), customProgressbarNormalStyle = _o.normalStyle, customProgressbarHoverStyle = _o.hoverStyle;
|
74
|
+
var _p = (0, util_1.parseProperties)(props, device), style = _p.style, hoverStyle = _p.hoverStyle, layout = _p.layout, effect = _p.effect;
|
71
75
|
// NOTE: edit모드에서는 그리드의 이벤트만 작동하도록 CB의 포인터 이벤트는 막습니다.
|
72
76
|
var editModeStyle = mode === 'EDIT' ? { pointerEvents: 'none' } : {};
|
73
77
|
// NOTE: EFFECT와 관련된 함수들입니다.
|
@@ -122,6 +126,16 @@ function ContentsCarousel(props) {
|
|
122
126
|
swiperRef.current.swiper.slideNext();
|
123
127
|
}
|
124
128
|
};
|
129
|
+
var queryPath = CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE === 'QUERYDATA'
|
130
|
+
? convertColonsToUnderscores(CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECT_DATA)
|
131
|
+
: null;
|
132
|
+
var isQueryDataConnected = CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE === 'QUERYDATA' && queryPath;
|
133
|
+
var filteredQueryData = isQueryDataConnected && queryData ? queryData[queryPath] : [];
|
134
|
+
// NOTE: 이 방식이 맞으면 util로 빼서 모든 CCB들에 적용하기 쉽게 만들기.
|
135
|
+
function convertColonsToUnderscores(input) {
|
136
|
+
return input.replace(/:/g, '_');
|
137
|
+
}
|
138
|
+
var queryComposition = compositions.find(function (composition) { return composition.isDefault; });
|
125
139
|
return ((0, jsx_runtime_1.jsx)(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({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { position: 'relative', overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { position: 'relative', overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } }, { children: (0, jsx_runtime_1.jsxs)(S_SwiperWrapper, __assign({ customStyle: isHovered
|
126
140
|
? contentsCarouselHoverStyle === null || contentsCarouselHoverStyle === void 0 ? void 0 : contentsCarouselHoverStyle.customStyle
|
127
141
|
: contentsCarouselNormalStyle === null || contentsCarouselNormalStyle === void 0 ? void 0 : contentsCarouselNormalStyle.customStyle }, { children: [(0, jsx_runtime_1.jsx)(ContentsCarouselCore_1.default, __assign({ ref: swiperRef, className: "contents-carousel-core", onSwiper: handleSwiper, onSlideChange: handleSlideChange, onAutoplayTimeLeft: handleAutoplayTimeLeft, slidesPerView: CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, scrollbar: isHovered
|
@@ -132,7 +146,11 @@ function ContentsCarousel(props) {
|
|
132
146
|
? contentsCarouselHoverStyle.spaceBetween
|
133
147
|
: contentsCarouselNormalStyle.spaceBetween, freeMode: isHovered ? contentsCarouselHoverStyle.freeMode : contentsCarouselNormalStyle.freeMode, autoplay: isHovered ? contentsCarouselHoverStyle.autoplay : contentsCarouselNormalStyle.autoplay, useAutoplay: isHovered
|
134
148
|
? contentsCarouselHoverStyle.useAutoplay
|
135
|
-
: contentsCarouselNormalStyle.useAutoplay, loop: isHovered ? contentsCarouselHoverStyle.loop : contentsCarouselNormalStyle.loop }, { children:
|
149
|
+
: contentsCarouselNormalStyle.useAutoplay, loop: isHovered ? contentsCarouselHoverStyle.loop : contentsCarouselNormalStyle.loop }, { children: filteredQueryData.length > 0
|
150
|
+
? filteredQueryData.map(function (query, index) {
|
151
|
+
return ((0, jsx_runtime_1.jsxs)(compositionQueryContext_1.CCBQueryPathContext.Provider, __assign({ value: { queryData: query } }, { children: [(0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, queryComposition)), ";"] }), index));
|
152
|
+
})
|
153
|
+
: compositions.map(function (composition) { return ((0, jsx_runtime_1.jsx)(Composition_1.default, __assign({}, composition), composition.id)); }) })), (0, jsx_runtime_1.jsx)(CustomPagination_1.CustomPagination, { type: isHovered ? customPaginationHoverStyle.type : customPaginationNormalStyle.type, offset: isHovered ? customPaginationHoverStyle.offset : customPaginationNormalStyle.offset, current: currentSlide, total: totalPages, size: isHovered ? customPaginationHoverStyle.size : customPaginationNormalStyle.size, onBulletClick: handleBulletClick }), (0, jsx_runtime_1.jsx)(CustomNavigation_1.CustomNavigation, { prevBtnDisabled: isBeginning, prevBtnType: isHovered
|
136
154
|
? customNavigationHoverStyle.prevBtnType
|
137
155
|
: customNavigationNormalStyle.prevBtnType, prevBtnOffset: isHovered
|
138
156
|
? customNavigationHoverStyle.prevBtnOffset
|
@@ -18,6 +18,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
18
|
/* eslint-disable react/destructuring-assignment */
|
19
19
|
var react_1 = require("react");
|
20
20
|
var DynamicLayout_1 = require("../../../../../../../DynamicLayout");
|
21
|
+
var compositionQueryContext_1 = require("../../../../../../../DynamicLayout/compositionQueryContext");
|
21
22
|
var hooks_1 = require("../../../../hooks");
|
22
23
|
var getGoogleFonts_1 = require("../../../../hooks/useGoogleFonts/getGoogleFonts");
|
23
24
|
var useGoogleFonts_1 = __importDefault(require("../../../../hooks/useGoogleFonts/useGoogleFonts"));
|
@@ -29,15 +30,16 @@ var S_HiddenCover_1 = require("../components/S_HiddenCover");
|
|
29
30
|
var useCLINK_1 = __importDefault(require("../hooks/useCLINK"));
|
30
31
|
function Text(props) {
|
31
32
|
var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
|
32
|
-
var
|
33
|
-
var _c =
|
33
|
+
var queryContext = (0, compositionQueryContext_1.useCCBQueryPath)();
|
34
|
+
var index = props.index, _b = props.CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CLINK_SPEC_SRC = _b.CB_CONTENT_PROP_CLINK_SPEC_SRC, CB_CONTENT_PROP_CLINK_SPEC_TYPE = _b.CB_CONTENT_PROP_CLINK_SPEC_TYPE, CB_CONTENT_PROP_CLINK_SPEC_NEWTAB = _b.CB_CONTENT_PROP_CLINK_SPEC_NEWTAB, CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC = _b.CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, _c = props.CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE, CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA_NAME = _c.CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA_NAME, CB_CONTENT_PROP_TEXT_SPEC_TEXT = _c.CB_CONTENT_PROP_TEXT_SPEC_TEXT;
|
35
|
+
var _d = (0, useCLINK_1.default)({
|
34
36
|
src: CB_CONTENT_PROP_CLINK_SPEC_SRC,
|
35
37
|
type: CB_CONTENT_PROP_CLINK_SPEC_TYPE,
|
36
38
|
openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB,
|
37
39
|
internalSrc: String(CB_CONTENT_PROP_CLINK_SPEC_INTERNALSRC)
|
38
|
-
}), CLINKCursor =
|
39
|
-
var
|
40
|
-
var
|
40
|
+
}), CLINKCursor = _d.CLINKCursor, onClickCLINK = _d.onClickCLINK;
|
41
|
+
var _e = getTextStyles(props.CB_STYLE_PROP_TEXT, device), textStyle = _e.style, textHoverStyle = _e.hoverStyle;
|
42
|
+
var _f = (0, util_1.parseProperties)(props, device), propsStyle = _f.style, propsHoverStyle = _f.hoverStyle, layoutStyle = _f.layout, effect = _f.effect;
|
41
43
|
var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
|
42
44
|
var googleFonts = (0, getGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
|
43
45
|
(0, useGoogleFonts_1.default)({ fonts: googleFonts });
|
@@ -56,6 +58,9 @@ function Text(props) {
|
|
56
58
|
var hasEffect = !isNoneEffectType;
|
57
59
|
var effectVisibleStyle = hasEffect ? { opacity: isVisible ? 1 : 0 } : {};
|
58
60
|
var textValue = function () {
|
61
|
+
if (CB_CONTENT_PROP_TEXT_SPEC_VALUETYPE === 'QUERYDATA' && (queryContext === null || queryContext === void 0 ? void 0 : queryContext.queryData)) {
|
62
|
+
return queryContext.queryData[CB_CONTENT_PROP_TEXT_SPEC_CONNECTDATA_NAME];
|
63
|
+
}
|
59
64
|
if (device === 'MOBILE' &&
|
60
65
|
mode !== 'EDIT' &&
|
61
66
|
props.CB_CONTENT_PROP_VISIBILITY.CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB === false) {
|
@@ -26,11 +26,11 @@ export type CB_CONTENT_PROP_CODEBLOCK = {
|
|
26
26
|
CB_CONTENT_PROP_CODEBLOCK_SPEC_CODE: STRING_PLAIN;
|
27
27
|
};
|
28
28
|
export type CB_CONTENT_PROP_CONTENTSCAROUSEL = {
|
29
|
-
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: '
|
29
|
+
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUE_TYPE: 'VALUE' | 'QUERYDATA';
|
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:
|
33
|
-
|
32
|
+
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_OFFSET: ENUM_STRING | null | undefined;
|
33
|
+
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MENUALITEM: MockComposition[];
|
34
34
|
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
|
35
35
|
CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
|
36
36
|
};
|
@@ -38,22 +38,11 @@ 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:
|
42
|
-
|
41
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_OFFSET: ENUM_STRING | null | undefined;
|
42
|
+
CB_CONTENT_PROP_SLIDEBANNER_SPEC_MENUALITEM: MockComposition[];
|
43
43
|
CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
|
44
44
|
CB_CONTENT_PROP_SLIDEBANNER_SPEC_DISPLAYCOUNTS: NUMBER_INTEGER;
|
45
45
|
};
|
46
|
-
export type CB_CONTENT_PROP_CONTENTSLIST = {
|
47
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_VALUETYPE: 'OPT_VALUE' | 'OPT_DATA';
|
48
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_CONNECTDATA: STRING_PLAIN;
|
49
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATASORTING: STRING_PLAIN;
|
50
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_DATAFILTER: STRING_PLAIN;
|
51
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_OFFSET: NUMBER_INTEGER;
|
52
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_MANUALITEMS: MockComposition[];
|
53
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_ITEMCOUNTS: NUMBER_INTEGER;
|
54
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_COLUMNS: NUMBER_INTEGER;
|
55
|
-
CB_CONTENT_PROP_CONTENTSLIST_SPEC_EDITCOMMONITEM: null | STRING_PLAIN;
|
56
|
-
};
|
57
46
|
export type MockComposition = {
|
58
47
|
title: string;
|
59
48
|
width: number;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE,
|
1
|
+
import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './util/types';
|
2
2
|
import type { IComposition } from '../../../DynamicLayout/types';
|
3
3
|
export type CB_TYPES = 'GENERAL';
|
4
|
-
export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP |
|
4
|
+
export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_CONTENTSCAROUSEL | CB_SLIDEBANNER;
|
5
5
|
type GeneralCustomSectionType = {
|
6
6
|
id: number;
|
7
7
|
type: 'GENERAL';
|
@@ -19,7 +19,7 @@ export type GroupCustomSectionType = {
|
|
19
19
|
queryableDefinitionPreset: string;
|
20
20
|
dynamicLayoutSectionId: number;
|
21
21
|
};
|
22
|
-
export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE |
|
22
|
+
export type AllCBProperties = CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE;
|
23
23
|
export type CB_TEXT_TYPE = GeneralCustomSectionType & {
|
24
24
|
componentBlockCode: CB_ALL_CODES.CB_TEXT;
|
25
25
|
jsonProperties: {
|
@@ -88,13 +88,6 @@ export type CB_SLIDEBANNER = GeneralCustomSectionType & {
|
|
88
88
|
};
|
89
89
|
compositions: Array<IComposition>;
|
90
90
|
};
|
91
|
-
export type CB_LIST = GeneralCustomSectionType & {
|
92
|
-
componentBlockCode: CB_ALL_CODES.CB_LIST;
|
93
|
-
jsonProperties: {
|
94
|
-
data: CB_LIST_PROPERTIES_TYPE;
|
95
|
-
};
|
96
|
-
compositions: Array<IComposition>;
|
97
|
-
};
|
98
91
|
export declare enum CB_ALL_CODES {
|
99
92
|
CB_TEXT = "CB_TEXT",
|
100
93
|
CB_BTN = "CB_BTN",
|
@@ -105,7 +98,6 @@ export declare enum CB_ALL_CODES {
|
|
105
98
|
CB_TWITTER = "CB_TWITTER",
|
106
99
|
CB_EMBED = "CB_EMBED",
|
107
100
|
CB_GROUP = "CB_GROUP",
|
108
|
-
CB_LIST = "CB_LIST",
|
109
101
|
CB_CONTENTSCAROUSEL = "CB_CONTENTSCAROUSEL",
|
110
102
|
CB_SLIDEBANNER = "CB_SLIDEBANNER"
|
111
103
|
}
|
@@ -12,7 +12,6 @@ var CB_ALL_CODES;
|
|
12
12
|
CB_ALL_CODES["CB_TWITTER"] = "CB_TWITTER";
|
13
13
|
CB_ALL_CODES["CB_EMBED"] = "CB_EMBED";
|
14
14
|
CB_ALL_CODES["CB_GROUP"] = "CB_GROUP";
|
15
|
-
CB_ALL_CODES["CB_LIST"] = "CB_LIST";
|
16
15
|
CB_ALL_CODES["CB_CONTENTSCAROUSEL"] = "CB_CONTENTSCAROUSEL";
|
17
16
|
CB_ALL_CODES["CB_SLIDEBANNER"] = "CB_SLIDEBANNER";
|
18
17
|
})(CB_ALL_CODES = exports.CB_ALL_CODES || (exports.CB_ALL_CODES = {}));
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { CB_LAYOUT_PROP_KEYS } from './layoutPropParsers/types';
|
2
2
|
import { CB_STYLE_PROP_KEYS } from './stylePropParsers/types';
|
3
|
-
import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE,
|
3
|
+
import type { Device, ParserResult, CB_TEXT_PROPERTIES_TYPE, CB_BTN_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_CONTENTSCAROUSEL_PROPERTIES_TYPE, CB_SLIDEBANNER_PROPERTIES_TYPE } from './types';
|
4
4
|
export type specTypes = CB_LAYOUT_PROP_KEYS | CB_STYLE_PROP_KEYS;
|
5
|
-
export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE |
|
5
|
+
export default function parseProperties(properties: CB_TEXT_PROPERTIES_TYPE | CB_BTN_PROPERTIES_TYPE | CB_IMG_PROPERTIES_TYPE | CB_TWITTER_PROPERTIES_TYPE | CB_DIVIDER_PROPERTIES_TYPE | CB_YOUTUBE_PROPERTIES_TYPE | CB_RICHTEXT_PROPERTIES_TYPE | CB_EMBED_PROPERTIES_TYPE | CB_CONTENTSCAROUSEL_PROPERTIES_TYPE | CB_SLIDEBANNER_PROPERTIES_TYPE, device: Device): ParserResult;
|
@@ -1,8 +1,7 @@
|
|
1
1
|
import type { CB_STYLE_PROP_CONTENTSCAROUSEL_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsCarousel/types';
|
2
|
-
import type { CB_STYLE_PROP_CONTENTSLIST_SPECS } from '../components/ComponentBlock/componentBlocks/ContentsList/types';
|
3
2
|
import type { CB_STYLE_PROP_SLIDEBANNER_SPECS } from '../components/ComponentBlock/componentBlocks/SlideBanner/types';
|
4
3
|
import type { CB_TWITTER_STYLE_PROPS } from '../components/ComponentBlock/componentBlocks/Twitter/types';
|
5
|
-
import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS
|
4
|
+
import type { CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_CLINK, CB_CONTENT_PROP_CODEBLOCK, CB_CONTENT_PROP_IMAGE, CB_CONTENT_PROP_TEXT, CB_CONTENT_PROP_TWITTER, CB_STYLE_PROP_COLOR_SPECS, CB_STYLE_PROP_TEXT_SPECS } from '../components/ComponentBlock/componentBlocks/types';
|
6
5
|
import type { CB_CONTENT_PROP_YOUTUBE_TYPE, CB_STYLE_PROP_BGCOLOR_SPECS } from '../components/ComponentBlock/componentBlocks/Youtube/types';
|
7
6
|
import type { CB_CONTENT_PROP_VISIBILITY_SPECS } from './contentPropParsers/parseContentVisibility';
|
8
7
|
import type { CB_EFFECT_PROP_ENTANIM_SPECS } from './effectPropParsers/parseEffectPropEntAnim';
|
@@ -22,7 +21,7 @@ export type STRING_PLAIN = string;
|
|
22
21
|
export type ENUM_STRING = string;
|
23
22
|
export type NUMBER_INTEGER = number;
|
24
23
|
export type STRING_8DIGIT_HEX = string;
|
25
|
-
export type VALUE_TYPE = '
|
24
|
+
export type VALUE_TYPE = 'VALUE' | 'QUERYDATA';
|
26
25
|
export type CB_GENERAL_PROPERTIES_TYPE = {
|
27
26
|
CB_PLACEMENT_PROP_PLACEMENT: CB_PLACEMENT_PROP_SPECS;
|
28
27
|
CB_CONTENT_PROP_HOVER: {
|
@@ -154,20 +153,6 @@ export type CB_SLIDEBANNER_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
|
|
154
153
|
CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
|
155
154
|
CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
|
156
155
|
};
|
157
|
-
export type CB_LIST_PROPERTIES_TYPE = CB_GENERAL_PROPERTIES_TYPE & {
|
158
|
-
CB_CONTENT_PROP_CONTENTSLIST: CB_CONTENT_PROP_CONTENTSLIST;
|
159
|
-
CB_STYLE_PROP_CONTENTSLIST: CB_STYLE_PROP_CONTENTSLIST_SPECS;
|
160
|
-
CB_STYLE_PROP_BORDER: CB_STYLE_PROP_BORDER_SPECS;
|
161
|
-
CB_STYLE_PROP_SHADOW: CB_STYLE_PROP_SHADOW_SPECS;
|
162
|
-
CB_STYLE_PROP_OPACITY: CB_STYLE_PROP_TEXT_OPACITY_SPECS;
|
163
|
-
CB_STYLE_PROP_BGCOLOR: CB_STYLE_PROP_BGCOLOR_SPECS;
|
164
|
-
CB_STYLE_PROP_BGOVERLAY: CB_STYLE_PROP_BGOVERLAY_SPECS;
|
165
|
-
CB_STYLE_PROP_BGMEDIA: CB_STYLE_PROP_BGMEDIA_SPECS;
|
166
|
-
CB_LAYOUT_PROP_PADDING: CB_LAYOUT_PROP_PADDING_SPECS;
|
167
|
-
CB_LAYOUT_PROP_ARRANGE: CB_LAYOUT_PROP_ARRANGE_SPECS;
|
168
|
-
CB_CONTENT_PROP_VISIBILITY: CB_CONTENT_PROP_VISIBILITY_SPECS;
|
169
|
-
CB_EFFECT_PROP_ENTANIM: CB_EFFECT_PROP_ENTANIM_SPECS;
|
170
|
-
};
|
171
156
|
export type StyleType = {
|
172
157
|
style: CSSProperties;
|
173
158
|
};
|
@@ -381,6 +381,7 @@ export type CB_STYLE_PROP_BGMEDIA_SPECS = CB_STYLE_PROP_BGMEDIA_SPECS_BASE & {
|
|
381
381
|
export interface IComposition {
|
382
382
|
id: number;
|
383
383
|
administrativeTitle?: string;
|
384
|
+
isDefault: boolean;
|
384
385
|
insertedAt: string;
|
385
386
|
updatedAt: string;
|
386
387
|
program?: 'MEMBERSHIP_DISPLAY';
|
package/package.json
CHANGED