pds-dev-kit-web-test 0.2.16 → 0.2.17

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 (32) hide show
  1. package/dist/src/sub/DynamicLayout/DynamicLayout.js +1 -0
  2. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackground.js +1 -16
  3. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +39 -34
  4. package/dist/src/sub/DynamicLayout/components/YouTubeIframe/YouTubeIframe.js +4 -2
  5. package/dist/src/sub/DynamicLayout/mock_customSection.js +14 -6
  6. package/dist/src/sub/DynamicLayout/mock_samplePage.js +943 -949
  7. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +24 -5
  8. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +3 -1
  9. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/btnTypes.d.ts +50 -42
  10. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +22 -44
  11. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/types.d.ts +6 -6
  12. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/types.d.ts +24 -24
  13. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +1 -1
  14. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/types.d.ts +24 -24
  15. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/types.d.ts +24 -24
  16. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.d.ts +1 -1
  17. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.js +3 -1
  18. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/hooks/useCLINK.js +1 -1
  19. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js +5 -3
  20. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCustomSectionPlacement.d.ts +4 -4
  21. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgColor.d.ts +24 -24
  22. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgImage.d.ts +6 -6
  23. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgImage.js +17 -53
  24. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBgOverlay.d.ts +24 -24
  25. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropBorder.d.ts +5 -5
  26. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropDivider.d.ts +9 -9
  27. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropImage.d.ts +6 -6
  28. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropImage.js +23 -56
  29. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropOpacity.d.ts +3 -3
  30. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropShadow.d.ts +21 -21
  31. package/dist/src/sub/DynamicLayout/types.d.ts +33 -33
  32. package/package.json +2 -2
package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js CHANGED
@@ -49,16 +49,20 @@ var ComponentBlockMatcher_1 = __importDefault(require("./components/ComponentBlo
49
49
  var util_1 = require("./util");
50
50
  var parseSectionPadding_1 = __importDefault(require("./util/layoutPropParsers/parseSectionPadding"));
51
51
  var Responsive = (0, publ_echo_1.WidthProvider)(publ_echo_1.ResponsiveGridEditor);
52
- // const oneRowHeight = 61.25;
53
- // 61.25
52
+ var GRID_CELL_MIN = 24;
53
+ var DESKTOP_GRID_COLS = 24;
54
+ var MOBILE_GRID_COLS = 8;
55
+ var GLE_MIN_WIDTH_DESKTOP_PX = GRID_CELL_MIN * DESKTOP_GRID_COLS + "px";
56
+ var GLE_MIN_WIDTH_MOBILE_PX = GRID_CELL_MIN * MOBILE_GRID_COLS + "px";
54
57
  function CustomSection(props) {
55
- var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, sectionActionHandler = _a.sectionActionHandler, editingSectionId = _a.editingSectionId;
58
+ var _a = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _a.device, editingSectionId = _a.editingSectionId, mode = _a.mode, sectionActionHandler = _a.sectionActionHandler;
56
59
  var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
57
60
  var _b = jsonProperties, CB_PLACEMENT_PROP_SECTION = _b.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _b.CB_LAYOUT_PROP_PADDING;
58
61
  var _c = (0, react_1.useState)(null), selectedCB = _c[0], setSelectedCB = _c[1];
59
62
  var gleRef = (0, react_1.useRef)(null);
60
63
  var _d = (0, react_1.useState)(50), rowHeight = _d[0], setRowHeight = _d[1];
61
64
  var isMobile = device === 'MOBILE';
65
+ var isEditMode = mode === 'EDIT';
62
66
  var _e = (0, react_1.useState)(function () {
63
67
  var _a = (0, util_1.parsePlacement)(componentBlocks !== null && componentBlocks !== void 0 ? componentBlocks : []), lg = _a.lg, sm = _a.sm;
64
68
  return {
@@ -85,6 +89,9 @@ function CustomSection(props) {
85
89
  };
86
90
  var breakpoint = device === 'MOBILE' ? 'sm' : 'lg';
87
91
  var onClickCB = function (id) {
92
+ if (!isEditMode) {
93
+ return;
94
+ }
88
95
  setSelectedCB(id);
89
96
  sectionActionHandler &&
90
97
  sectionActionHandler({
@@ -95,6 +102,9 @@ function CustomSection(props) {
95
102
  });
96
103
  };
97
104
  var onLayoutChange = function (props) {
105
+ if (!isEditMode) {
106
+ return;
107
+ }
98
108
  if (sectionActionHandler) {
99
109
  sectionActionHandler({
100
110
  type: '@CUSTOMSECTION/PLACEMENT_CHANGED',
@@ -105,6 +115,9 @@ function CustomSection(props) {
105
115
  };
106
116
  var onDragStop = function (props) {
107
117
  var _a;
118
+ if (!isEditMode) {
119
+ return;
120
+ }
108
121
  var numberId = Number((_a = props.item) === null || _a === void 0 ? void 0 : _a.i);
109
122
  var isIdNumber = !Number.isNaN(numberId);
110
123
  if (isIdNumber) {
@@ -119,6 +132,9 @@ function CustomSection(props) {
119
132
  };
120
133
  var onResizeStop = function (props) {
121
134
  var _a;
135
+ if (!isEditMode) {
136
+ return;
137
+ }
122
138
  var numberId = Number((_a = props.item) === null || _a === void 0 ? void 0 : _a.i);
123
139
  var isIdNumber = !Number.isNaN(numberId);
124
140
  if (isIdNumber) {
@@ -132,6 +148,9 @@ function CustomSection(props) {
132
148
  }
133
149
  };
134
150
  var onClickSection = function () {
151
+ if (!isEditMode) {
152
+ return;
153
+ }
135
154
  setSelectedCB(null);
136
155
  sectionActionHandler &&
137
156
  sectionActionHandler({
@@ -154,8 +173,8 @@ function CustomSection(props) {
154
173
  paddingLeft: padding.left
155
174
  } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ allowOverlap: true, layouts: { lg: layouts.lg, sm: layouts.sm }, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: { lg: 800, sm: 480 }, breakpoint: breakpoint, cols: { lg: 24, sm: 8 }, rowHeight: rowHeight, margin: [10, 10], style: {
156
175
  width: customSectionStyles.width,
157
- minWidth: 24 * 24 + "px"
158
- }, onLayoutChange: onLayoutChange, onDragStop: onDragStop, onResizeStop: onResizeStop, onWidthChange: onWidthChange, minNbRow: rows }, { children: componentBlocks ? (componentBlocks.map(function (each) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: selectedCB === each.id ? 'react-grid-item-selected' : '' }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
176
+ minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX
177
+ }, onLayoutChange: onLayoutChange, onDragStop: onDragStop, onResizeStop: onResizeStop, onWidthChange: onWidthChange, minNbRow: rows, isDraggable: isEditMode, isResizable: isEditMode }, { children: (componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.length) ? (componentBlocks.map(function (each) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: selectedCB === each.id ? 'react-grid-item-selected' : '' }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
159
178
  width: '100%',
160
179
  height: '100%',
161
180
  overflow: 'hidden'
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js CHANGED
@@ -59,7 +59,9 @@ function getBTNStyles(props, device) {
59
59
  'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE',
60
60
  'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT',
61
61
  'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING',
62
- 'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR'
62
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR',
63
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL',
64
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL'
63
65
  ];
64
66
  return (0, newUtils_1.parseStyleTextToCSSProp)({ availableSpecCodes: availableSpecCodes, props: props, device: device, propKey: 'BTNTEXT' });
65
67
  }
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/btnTypes.d.ts CHANGED
@@ -7,24 +7,32 @@ export declare type CB_BTNTEXT_STYLE_PROPS = {
7
7
  CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT: NUMBER_INTEGER;
8
8
  CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING: NUMBER_INTEGER;
9
9
  CB_STYLE_PROP_BTNTEXT_SPEC_COLOR: STRING_8DIGIT_HEX;
10
- 'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING;
11
- 'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE': ENUM_STRING | undefined;
12
- 'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE:HOVER': ENUM_STRING | undefined;
13
- 'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:HOVER': NUMBER_INTEGER;
14
- 'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:MOBILE': NUMBER_INTEGER | undefined;
15
- 'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:MOBILE:HOVER': NUMBER_INTEGER | undefined;
16
- 'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:HOVER': NUMBER_INTEGER;
17
- 'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:MOBILE': NUMBER_INTEGER | undefined;
18
- 'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:MOBILE:HOVER': NUMBER_INTEGER | undefined;
19
- 'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:HOVER': NUMBER_INTEGER;
20
- 'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:MOBILE': NUMBER_INTEGER | undefined;
21
- 'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': NUMBER_INTEGER | undefined;
22
- 'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:HOVER': NUMBER_INTEGER;
23
- 'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:MOBILE': NUMBER_INTEGER | undefined;
24
- 'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:MOBILE:HOVER': NUMBER_INTEGER | undefined;
25
- 'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
26
- 'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
27
- 'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
10
+ CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL: ENUM_STRING;
11
+ CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL: ENUM_STRING;
12
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
13
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE': ENUM_STRING | null | undefined;
14
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_TYPEFACE:MOBILE:HOVER': ENUM_STRING | null | undefined;
15
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
16
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
17
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_WEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
18
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:HOVER': NUMBER_INTEGER | null | undefined;
19
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:MOBILE': NUMBER_INTEGER | null | undefined;
20
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_SIZE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
21
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
22
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
23
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
24
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:HOVER': NUMBER_INTEGER | null | undefined;
25
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:MOBILE': NUMBER_INTEGER | null | undefined;
26
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_LETTERSPACING:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
27
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
28
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
29
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
30
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL:HOVER': ENUM_STRING | null | undefined;
31
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL:MOBILE': ENUM_STRING | null | undefined;
32
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_HORIZONTAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
33
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL:HOVER': ENUM_STRING | null | undefined;
34
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL:MOBILE': ENUM_STRING | null | undefined;
35
+ 'CB_STYLE_PROP_BTNTEXT_SPEC_VERTICAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
28
36
  };
29
37
  export declare type CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT = 'LINEAR' | 'RADIAL';
30
38
  export declare type CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE = 'NONE' | 'SOLID' | 'GRADIENT';
@@ -39,30 +47,30 @@ export declare type CB_STYLE_PROP_BTNCOLOR_SPECS_BASE = {
39
47
  CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE: CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE;
40
48
  };
41
49
  export declare type CB_STYLE_PROP_BTNCOLOR_SPECS = CB_STYLE_PROP_BTNCOLOR_SPECS_BASE & {
42
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:HOVER': NUMBER_INTEGER;
43
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | undefined;
44
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | undefined;
45
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:HOVER': ENUM_STRING;
46
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:MOBILE': ENUM_STRING | undefined;
47
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | undefined;
48
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:HOVER': ENUM_STRING;
49
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:MOBILE': ENUM_STRING | undefined;
50
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': ENUM_STRING | undefined;
51
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:HOVER': NUMBER_INTEGER;
52
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | undefined;
53
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined;
54
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT;
55
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:MOBILE': CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | undefined;
56
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:MOBILE:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | undefined;
57
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:HOVER': ENUM_STRING;
58
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:MOBILE': ENUM_STRING | undefined;
59
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': ENUM_STRING | undefined;
60
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:HOVER': NUMBER_INTEGER;
61
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | undefined;
62
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined;
63
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE;
64
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:MOBILE': CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE | undefined;
65
- 'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:MOBILE:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE | undefined;
50
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:HOVER': NUMBER_INTEGER | null | undefined;
51
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
52
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
53
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:HOVER': ENUM_STRING | null | undefined;
54
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:MOBILE': ENUM_STRING | null | undefined;
55
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
56
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:HOVER': ENUM_STRING | null | undefined;
57
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:MOBILE': ENUM_STRING | null | undefined;
58
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
59
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
60
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
61
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
62
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | null | undefined;
63
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:MOBILE': CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | null | undefined;
64
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_GRADIENT:MOBILE:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | null | undefined;
65
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:HOVER': ENUM_STRING | null | undefined;
66
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:MOBILE': ENUM_STRING | null | undefined;
67
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
68
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
69
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
70
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
71
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE | null | undefined;
72
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:MOBILE': CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE | null | undefined;
73
+ 'CB_STYLE_PROP_BTNCOLOR_SPEC_TYPE:MOBILE:HOVER': CB_STYLE_PROP_BTNCOLOR_ENUM_TYPE | null | undefined;
66
74
  };
67
75
  export declare type BtnColorPropsKeys = keyof CB_STYLE_PROP_BTNCOLOR_SPECS;
68
76
  export declare type BTNColorValueSetType = Partial<Record<keyof CB_STYLE_PROP_BTNCOLOR_SPECS, CB_STYLE_PROP_BTNCOLOR_ENUM_GRADIENT | NUMBER_INTEGER | ENUM_STRING | undefined>>;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js CHANGED
@@ -54,8 +54,6 @@ function Image(props) {
54
54
  openNewTab: CB_CONTENT_PROP_CLINK_SPEC_NEWTAB
55
55
  });
56
56
  var _c = (0, util_1.parseProperties)(props, device), style = _c.style, hoverStyle = _c.hoverStyle, layout = _c.layout, effect = _c.effect;
57
- var _d = imageStyleDivideProvider(style), componentStyle = _d.componentStyle, wrapperStyle = _d.wrapperStyle;
58
- var _e = imageStyleDivideProvider(hoverStyle), hoverComponentStyle = _e.componentStyle, hoverWrapperStyle = _e.wrapperStyle;
59
57
  var cbRef = (0, react_1.useRef)(null);
60
58
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 1, freezeOnceVisible: true });
61
59
  var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
@@ -65,53 +63,33 @@ function Image(props) {
65
63
  return;
66
64
  onClickBox();
67
65
  };
68
- return ((0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign({}, layout), effectCssProperties), wrapperStyle), hoverStyle: hoverWrapperStyle, cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, ref: cbRef, onClick: handleOnClick }, { children: (0, jsx_runtime_1.jsx)(S_ImageWrapper, __assign({ normalStyle: componentStyle, hoverStyle: hoverComponentStyle }, { children: (0, jsx_runtime_1.jsx)(S_Image, { src: CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR, normalStyle: { objectFit: componentStyle.objectFit } }, void 0) }), void 0) }), void 0));
66
+ return ((0, jsx_runtime_1.jsx)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign({}, layout), effectCssProperties), hoverStyle: hoverStyle, cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, ref: cbRef, onClick: handleOnClick }, { children: (0, jsx_runtime_1.jsx)(S_Image, __assign({ src: CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR, normalStyle: style, hoverStyle: hoverStyle }, { children: (0, jsx_runtime_1.jsx)("img", { src: CB_CONTENT_PROP_IMAGE.CB_CONTENT_PROP_IMAGE_SPEC_SELECTOR, style: { visibility: 'hidden', width: '100%', height: '100%' } }, void 0) }), void 0) }), void 0));
69
67
  }
70
- function imageStyleDivideProvider(style) {
71
- return {
72
- componentStyle: {
73
- alignItems: style.alignItems,
74
- display: style.display,
75
- justifyContent: style.justifyContent,
76
- objectFit: style.objectFit
77
- },
78
- wrapperStyle: {
79
- borderBottomLeftRadius: style.borderBottomLeftRadius,
80
- borderBottomRightRadius: style.borderBottomRightRadius,
81
- borderColor: style.borderColor,
82
- borderStyle: style.borderStyle,
83
- borderTopLeftRadius: style.borderTopLeftRadius,
84
- borderTopRightRadius: style.borderTopRightRadius,
85
- borderWidth: style.borderWidth,
86
- boxShadow: style.boxShadow,
87
- opacity: style.opacity,
88
- visibility: style.visibility
89
- }
90
- };
91
- }
92
- var S_Image = styled_components_1.default.img(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n"], ["\n height: 100%;\n width: 100%;\n"])));
93
- var S_ImageWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n & img {\n ", ";\n }\n\n &:hover img {\n ", ";\n }\n"], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n & img {\n ", ";\n }\n\n &:hover img {\n ", ";\n }\n"])), function (_a) {
68
+ var S_Image = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-image: ", ";\n background-repeat: no-repeat;\n\n ", ";\n\n &:hover {\n ", ";\n }\n\n & img {\n ", ";\n }\n\n &:hover img {\n ", ";\n }\n"], ["\n background-image: ", ";\n background-repeat: no-repeat;\n\n ", ";\n\n &:hover {\n ", ";\n }\n\n & img {\n ", ";\n }\n\n &:hover img {\n ", ";\n }\n"])), function (_a) {
69
+ var src = _a.src;
70
+ return "url(" + src + ")";
71
+ }, function (_a) {
94
72
  var normalStyle = _a.normalStyle;
95
- switch (normalStyle.objectFit) {
96
- case 'cover':
97
- return "height: 100%;\n width: 100%;";
98
- default:
99
- return "height: auto;\n width: auto";
100
- }
73
+ var isContain = normalStyle.backgroundSize === 'contain';
74
+ return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), __assign(__assign({}, normalStyle), { backgroundPosition: isContain ? 'unset' : normalStyle.backgroundPosition, height: isContain ? 'auto' : '100%', width: isContain ? 'auto' : '100%' }));
101
75
  }, function (_a) {
102
- var hoverStyle = _a.hoverStyle;
103
- switch (hoverStyle.objectFit) {
104
- case 'cover':
105
- return "height: 100%;\n width: 100%;";
106
- default:
107
- return "height: auto;\n width: auto";
108
- }
76
+ var hoverStyle = _a.hoverStyle, normalStyle = _a.normalStyle;
77
+ var isContain = hoverStyle.backgroundSize
78
+ ? hoverStyle.backgroundSize === 'contain'
79
+ : normalStyle.backgroundSize === 'contain';
80
+ return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), __assign(__assign({}, hoverStyle), { backgroundPosition: isContain
81
+ ? 'unset'
82
+ : hoverStyle.backgroundPosition || normalStyle.backgroundPosition, height: isContain ? 'auto' : '100%', width: isContain ? 'auto' : '100%' }));
109
83
  }, function (_a) {
110
84
  var normalStyle = _a.normalStyle;
111
- return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n object-fit: ", ";\n "], ["\n object-fit: ", ";\n "])), normalStyle.objectFit);
85
+ var isContain = normalStyle.backgroundSize === 'contain';
86
+ return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n object-fit: ", ";\n "], ["\n object-fit: ", ";\n "])), isContain ? 'contain' : 'cover');
112
87
  }, function (_a) {
113
- var hoverStyle = _a.hoverStyle;
114
- return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n object-fit: ", ";\n "], ["\n object-fit: ", ";\n "])), hoverStyle.objectFit);
88
+ var hoverStyle = _a.hoverStyle, normalStyle = _a.normalStyle;
89
+ var isContain = hoverStyle.backgroundSize
90
+ ? hoverStyle.backgroundSize === 'contain'
91
+ : normalStyle.backgroundSize === 'contain';
92
+ return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n object-fit: ", ";\n "], ["\n object-fit: ", ";\n "])), isContain ? 'contain' : 'cover');
115
93
  });
116
94
  exports.default = Image;
117
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
95
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/types.d.ts CHANGED
@@ -3,10 +3,10 @@ export declare type ImagePropsKeys = keyof CB_IMAGE_STYLE_PROPS;
3
3
  export declare type CB_IMAGE_STYLE_PROPS = {
4
4
  CB_STYLE_PROP_IMAGE_SPEC_FIT: STRING_PLAIN;
5
5
  CB_STYLE_PROP_IMAGE_SPEC_POSITION: ENUM_STRING;
6
- 'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER': STRING_PLAIN;
7
- 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': STRING_PLAIN | undefined;
8
- 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': STRING_PLAIN | undefined;
9
- 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER': ENUM_STRING;
10
- 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE': ENUM_STRING | undefined;
11
- 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER': ENUM_STRING | undefined;
6
+ 'CB_STYLE_PROP_IMAGE_SPEC_FIT:HOVER': STRING_PLAIN | null | undefined;
7
+ 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE': STRING_PLAIN | null | undefined;
8
+ 'CB_STYLE_PROP_IMAGE_SPEC_FIT:MOBILE:HOVER': STRING_PLAIN | null | undefined;
9
+ 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:HOVER': ENUM_STRING | null | undefined;
10
+ 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE': ENUM_STRING | null | undefined;
11
+ 'CB_STYLE_PROP_IMAGE_SPEC_POSITION:MOBILE:HOVER': ENUM_STRING | null | undefined;
12
12
  };
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/types.d.ts CHANGED
@@ -13,30 +13,30 @@ export declare type CB_STYLE_PROP_BGOVERLAY_SPECS_BASE = {
13
13
  CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE: ENUM_STRING;
14
14
  };
15
15
  export declare type CB_STYLE_PROP_BGOVERLAY_SPECS = CB_STYLE_PROP_BGOVERLAY_SPECS_BASE & {
16
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': NUMBER_INTEGER;
17
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | undefined;
18
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | undefined;
19
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': ENUM_STRING;
20
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': ENUM_STRING | undefined;
21
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | undefined;
22
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': ENUM_STRING;
23
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': ENUM_STRING | undefined;
24
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': ENUM_STRING | undefined;
25
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': NUMBER_INTEGER;
26
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | undefined;
27
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined;
28
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': ENUM_STRING;
29
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': ENUM_STRING | undefined;
30
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | undefined;
31
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': ENUM_STRING;
32
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': ENUM_STRING | undefined;
33
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': ENUM_STRING | undefined;
34
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': NUMBER_INTEGER;
35
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | undefined;
36
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined;
37
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': ENUM_STRING;
38
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': ENUM_STRING | undefined;
39
- 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | undefined;
16
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:HOVER': NUMBER_INTEGER | null | undefined;
17
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
18
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
19
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:HOVER': ENUM_STRING | null | undefined;
20
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE': ENUM_STRING | null | undefined;
21
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
22
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:HOVER': ENUM_STRING | null | undefined;
23
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE': ENUM_STRING | null | undefined;
24
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
25
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
26
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
27
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
28
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:HOVER': ENUM_STRING | null | undefined;
29
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE': ENUM_STRING | null | undefined;
30
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | null | undefined;
31
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:HOVER': ENUM_STRING | null | undefined;
32
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE': ENUM_STRING | null | undefined;
33
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
34
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
35
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
36
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
37
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:HOVER': ENUM_STRING | null | undefined;
38
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE': ENUM_STRING | null | undefined;
39
+ 'CB_STYLE_PROP_BGOVERLAY_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | null | undefined;
40
40
  };
41
41
  export declare type BGOverlayPropsKeys = keyof CB_STYLE_PROP_BGOVERLAY_SPECS;
42
42
  export declare type BGOverlayValueSetType = Partial<Record<keyof CB_STYLE_PROP_BGOVERLAY_SPECS, NUMBER_INTEGER | ENUM_STRING | undefined>>;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js CHANGED
@@ -45,7 +45,7 @@ function Text(props) {
45
45
  mode !== 'EDIT' &&
46
46
  CB_CONTENT_PROP_CLINK_SPEC_SRC.length > 0;
47
47
  var effectCssProperties = isVisible ? effect : {};
48
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}, void 0), (0, jsx_runtime_1.jsx)(S_CB_Box_1.S_CB_Box, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { display: 'flex' }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { display: 'flex' }), onClick: isOnClickUsable ? onClickBox : undefined, ref: cbRef }, { children: props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT }), void 0)] }, void 0));
48
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}, void 0), (0, jsx_runtime_1.jsx)(S_CB_Box_1.S_CB_Box, __assign({ className: "cb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, textStyle), propsStyle), layoutStyle), effectCssProperties), { display: 'flex', whiteSpace: 'pre' }), hoverStyle: __assign(__assign(__assign({}, textHoverStyle), propsHoverStyle), { display: 'flex', whiteSpace: 'pre' }), onClick: isOnClickUsable ? onClickBox : undefined, ref: cbRef }, { children: props.CB_CONTENT_PROP_TEXT.CB_CONTENT_PROP_TEXT_SPEC_TEXT }), void 0)] }, void 0));
49
49
  }
50
50
  function getTextStyles(props, device) {
51
51
  var availableSpecCodes = [
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/types.d.ts CHANGED
@@ -11,28 +11,28 @@ export declare type CB_STYLE_PROP_TEXT_SPECS_BASE = {
11
11
  CB_STYLE_PROP_TEXT_SPEC_VERTICAL: ENUM_STRING;
12
12
  };
13
13
  export declare type CB_STYLE_PROP_TEXT_SPECS = CB_STYLE_PROP_TEXT_SPECS_BASE & {
14
- 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING;
15
- 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': ENUM_STRING | undefined;
16
- 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': ENUM_STRING | undefined;
17
- 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': NUMBER_INTEGER;
18
- 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': NUMBER_INTEGER | undefined;
19
- 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': NUMBER_INTEGER | undefined;
20
- 'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': NUMBER_INTEGER;
21
- 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': NUMBER_INTEGER | undefined;
22
- 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': NUMBER_INTEGER | undefined;
23
- 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': NUMBER_INTEGER;
24
- 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': NUMBER_INTEGER | undefined;
25
- 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': NUMBER_INTEGER | undefined;
26
- 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': NUMBER_INTEGER;
27
- 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': NUMBER_INTEGER | undefined;
28
- 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': NUMBER_INTEGER | undefined;
29
- 'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX;
30
- 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | undefined;
31
- 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | undefined;
32
- 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': ENUM_STRING;
33
- 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': ENUM_STRING | undefined;
34
- 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': ENUM_STRING | undefined;
35
- 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': ENUM_STRING;
36
- 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': ENUM_STRING | undefined;
37
- 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': ENUM_STRING | undefined;
14
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:HOVER': ENUM_STRING | null | undefined;
15
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE': ENUM_STRING | null | undefined;
16
+ 'CB_STYLE_PROP_TEXT_SPEC_TYPEFACE:MOBILE:HOVER': ENUM_STRING | null | undefined;
17
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
18
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
19
+ 'CB_STYLE_PROP_TEXT_SPEC_WEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
20
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:HOVER': NUMBER_INTEGER | null | undefined;
21
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE': NUMBER_INTEGER | null | undefined;
22
+ 'CB_STYLE_PROP_TEXT_SPEC_SIZE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
23
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:HOVER': NUMBER_INTEGER | null | undefined;
24
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE': NUMBER_INTEGER | null | undefined;
25
+ 'CB_STYLE_PROP_TEXT_SPEC_LINEHEIGHT:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
26
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:HOVER': NUMBER_INTEGER | null | undefined;
27
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE': NUMBER_INTEGER | null | undefined;
28
+ 'CB_STYLE_PROP_TEXT_SPEC_LETTERSPACING:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
29
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:HOVER': STRING_8DIGIT_HEX | null | undefined;
30
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE': STRING_8DIGIT_HEX | null | undefined;
31
+ 'CB_STYLE_PROP_TEXT_SPEC_COLOR:MOBILE:HOVER': STRING_8DIGIT_HEX | null | undefined;
32
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:HOVER': ENUM_STRING | null | undefined;
33
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE': ENUM_STRING | null | undefined;
34
+ 'CB_STYLE_PROP_TEXT_SPEC_HORIZONTAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
35
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:HOVER': ENUM_STRING | null | undefined;
36
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE': ENUM_STRING | null | undefined;
37
+ 'CB_STYLE_PROP_TEXT_SPEC_VERTICAL:MOBILE:HOVER': ENUM_STRING | null | undefined;
38
38
  };
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/types.d.ts CHANGED
@@ -19,30 +19,30 @@ export declare type CB_STYLE_PROP_BGCOLOR_SPECS_BASE = {
19
19
  CB_STYLE_PROP_BGCOLOR_SPEC_TYPE: ENUM_STRING;
20
20
  };
21
21
  export declare type CB_STYLE_PROP_BGCOLOR_SPECS = CB_STYLE_PROP_BGCOLOR_SPECS_BASE & {
22
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': NUMBER_INTEGER;
23
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | undefined | null;
24
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | undefined | null;
25
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': ENUM_STRING;
26
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': ENUM_STRING | undefined | null;
27
- 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | undefined | null;
28
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': ENUM_STRING;
29
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': ENUM_STRING | undefined | null;
30
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': ENUM_STRING | undefined | null;
31
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': NUMBER_INTEGER;
32
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | undefined | null;
33
- 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined | null;
34
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': ENUM_STRING;
35
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': ENUM_STRING | undefined | null;
36
- 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | undefined | null;
37
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': ENUM_STRING;
38
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': ENUM_STRING | undefined | null;
39
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': ENUM_STRING | undefined | null;
40
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': NUMBER_INTEGER;
41
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | undefined | null;
42
- 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | undefined | null;
43
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': ENUM_STRING;
44
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': ENUM_STRING | undefined | null;
45
- 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | undefined | null;
22
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:HOVER': NUMBER_INTEGER | null | undefined;
23
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE': NUMBER_INTEGER | null | undefined;
24
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ANGLE:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
25
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:HOVER': ENUM_STRING | null | undefined;
26
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE': ENUM_STRING | null | undefined;
27
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_COLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
28
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:HOVER': ENUM_STRING | null | undefined;
29
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE': ENUM_STRING | null | undefined;
30
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
31
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:HOVER': NUMBER_INTEGER | null | undefined;
32
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE': NUMBER_INTEGER | null | undefined;
33
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_ENDLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
34
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:HOVER': ENUM_STRING | null | undefined;
35
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE': ENUM_STRING | null | undefined;
36
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_GRADIENT:MOBILE:HOVER': ENUM_STRING | null | undefined;
37
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:HOVER': ENUM_STRING | null | undefined;
38
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE': ENUM_STRING | null | undefined;
39
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTCOLOR:MOBILE:HOVER': ENUM_STRING | null | undefined;
40
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:HOVER': NUMBER_INTEGER | null | undefined;
41
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE': NUMBER_INTEGER | null | undefined;
42
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_STARTLOC:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
43
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:HOVER': ENUM_STRING | null | undefined;
44
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE': ENUM_STRING | null | undefined;
45
+ 'CB_STYLE_PROP_BGCOLOR_SPEC_TYPE:MOBILE:HOVER': ENUM_STRING | null | undefined;
46
46
  };
47
47
  export declare type BGColorPropsKeys = keyof CB_STYLE_PROP_BGCOLOR_SPECS;
48
48
  export declare type BGColorValueSetType = Partial<Record<keyof CB_STYLE_PROP_BGCOLOR_SPECS, NUMBER_INTEGER | ENUM_STRING | undefined>>;
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.d.ts CHANGED
@@ -3,7 +3,7 @@ import type { Device, NUMBER_INTEGER } from '../../../../../../../DynamicLayout/
3
3
  export declare const S_CB_BoxWithShadow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StylesProps & {
4
4
  cbStylePropsShadowSpecs: {
5
5
  CB_STYLE_PROP_SHADOW_SPEC_OPACITY: NUMBER_INTEGER;
6
- 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': NUMBER_INTEGER;
6
+ 'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER': NUMBER_INTEGER | null | undefined;
7
7
  'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE': NUMBER_INTEGER | null | undefined;
8
8
  'CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER': NUMBER_INTEGER | null | undefined;
9
9
  };
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.js CHANGED
@@ -84,7 +84,9 @@ exports.S_CB_BoxWithShadow = styled_components_1.default.div(templateObject_3 ||
84
84
  var cbStylePropsShadowSpecs = _a.cbStylePropsShadowSpecs, device = _a.device;
85
85
  switch (device) {
86
86
  case 'DESKTOP':
87
- return cbStylePropsShadowSpecs['CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER'] / 100;
87
+ return cbStylePropsShadowSpecs['CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER']
88
+ ? cbStylePropsShadowSpecs['CB_STYLE_PROP_SHADOW_SPEC_OPACITY:HOVER'] / 100
89
+ : cbStylePropsShadowSpecs.CB_STYLE_PROP_SHADOW_SPEC_OPACITY;
88
90
  case 'MOBILE':
89
91
  return (Number(cbStylePropsShadowSpecs['CB_STYLE_PROP_SHADOW_SPEC_OPACITY:MOBILE:HOVER']) /
90
92
  100);
package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/hooks/useCLINK.js CHANGED
@@ -8,7 +8,7 @@ function useCLINK(props) {
8
8
  var navigationHandler = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext).navigationHandler;
9
9
  var navType = type === 'INTERNAL' ? 'INTERNAL_LINK' : 'WEB_LINK';
10
10
  function onClickCLINK() {
11
- if (!src) {
11
+ if (!src || type === 'DISABLED') {
12
12
  return;
13
13
  }
14
14
  // NOTE: EDIT 모드에서는 작동 안해야함. cursor..?
package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/textUtil.js CHANGED
@@ -179,8 +179,9 @@ function getHorizontalPositionValue(value) {
179
179
  case 'RIGHT':
180
180
  return { justifyContent: 'flex-end', textAlign: 'right' };
181
181
  case 'CENTER':
182
- default:
183
182
  return { justifyContent: 'center', textAlign: 'center' };
183
+ default:
184
+ return {};
184
185
  }
185
186
  }
186
187
  function getVerticalPositionValue(value) {
@@ -189,8 +190,9 @@ function getVerticalPositionValue(value) {
189
190
  return 'flex-start';
190
191
  case 'BOTTOM':
191
192
  return 'flex-end';
192
- case 'CENTER':
193
- default:
193
+ case 'MIDDLE':
194
194
  return 'center';
195
+ default:
196
+ return '';
195
197
  }
196
198
  }
package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCustomSectionPlacement.d.ts CHANGED
@@ -2,13 +2,13 @@ declare type Props = {
2
2
  isMobile: boolean;
3
3
  customSectionProps: {
4
4
  CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH: boolean;
5
- 'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': boolean | undefined;
5
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_FULLWIDTH:MOBILE': boolean | null | undefined;
6
6
  CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT: number;
7
- 'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': number | undefined;
7
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_MINHEIGHT:MOBILE': number | null | undefined;
8
8
  CB_PLACEMENT_PROP_SECTION_SPEC_ROWS: number;
9
- 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | undefined;
9
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE': number | null | undefined;
10
10
  CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH: number;
11
- 'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | undefined;
11
+ 'CB_PLACEMENT_PROP_SECTION_SPEC_WIDTH:MOBILE': number | null | undefined;
12
12
  };
13
13
  };
14
14
  export declare function parseCustomSectionPlacement({ isMobile, customSectionProps }: Props): {