pds-dev-kit-web-test 2.5.275 → 2.5.277

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.
@@ -50,12 +50,12 @@ function Button(props) {
50
50
  var _d = getBTNStyles(props.CB_STYLE_PROP_TEXT, device), btnTextStyle = _d.style, btnTextHoverStyle = _d.hoverStyle;
51
51
  var _e = getBTNColorStyles(CB_STYLE_PROP_COLOR, device), btnColorStyle = _e.style, btnColorHoverStyle = _e.hoverStyle;
52
52
  var _f = (0, util_1.parseProperties)(props, device), propsStyle = _f.style, propsHoverStyle = _f.hoverStyle, _g = _f.layout, paddingLeft = _g.paddingLeft, paddingRight = _g.paddingRight, paddingTop = _g.paddingTop, paddingBottom = _g.paddingBottom, layoutStyle = __rest(_g, ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom"]), effect = _f.effect;
53
- var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
54
- var googleFonts = (0, useGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
55
- (0, useGoogleFonts_1.useGoogleFonts)({ fonts: googleFonts });
53
+ var isEditModeAndHidden = propsStyle.display === 'none' && mode === 'EDIT';
56
54
  if (mode === 'EDIT') {
57
- propsStyle.visibility = 'visible';
55
+ propsStyle.display = 'block';
58
56
  }
57
+ var googleFonts = (0, useGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
58
+ (0, useGoogleFonts_1.useGoogleFonts)({ fonts: googleFonts });
59
59
  var cbRef = (0, react_1.useRef)(null);
60
60
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
61
61
  index
@@ -51,9 +51,9 @@ function Divider(props) {
51
51
  var _a = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext), device = _a.device, mode = _a.mode;
52
52
  var index = props.index, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
53
53
  var _b = (0, util_1.parseProperties)(props, device), propsStyle = _b.style, propsHoverStyle = _b.hoverStyle, layoutStyle = _b.layout, effect = _b.effect;
54
- var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
54
+ var isEditModeAndHidden = propsStyle.display === 'none' && mode === 'EDIT';
55
55
  if (mode === 'EDIT') {
56
- propsStyle.visibility = 'visible';
56
+ propsStyle.display = 'block';
57
57
  }
58
58
  var cbRef = (0, react_1.useRef)(null);
59
59
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
@@ -62,7 +62,10 @@ function Image(props) {
62
62
  }), onClickCLINK = _c.onClickCLINK, CLINKCursor = _c.CLINKCursor;
63
63
  var _d = (0, util_1.parseProperties)(props, device), style = _d.style, hoverStyle = _d.hoverStyle, layout = _d.layout, effect = _d.effect;
64
64
  var _e = parseImageCBStyle(style, hoverStyle, mode), boxStyle = _e.boxStyle, imgStyle = _e.imgStyle;
65
- var isEditModeAndHidden = style.visibility === 'hidden' && mode === 'EDIT';
65
+ var isEditModeAndHidden = style.display === 'none' && mode === 'EDIT';
66
+ if (mode === 'EDIT') {
67
+ style.display = 'block';
68
+ }
66
69
  var cbRef = (0, react_1.useRef)(null);
67
70
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
68
71
  index
@@ -35,9 +35,9 @@ function RichText(props) {
35
35
  var index = props.index, CB_STYLE_PROP_BGCOLOR = props.CB_STYLE_PROP_BGCOLOR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM;
36
36
  var _b = (0, util_1.parseProperties)(props, device), propsStyle = _b.style, propsHoverStyle = _b.hoverStyle, layoutStyle = _b.layout, effect = _b.effect;
37
37
  var _c = getBGColorStyles(CB_STYLE_PROP_BGCOLOR, device), bgColorStyle = _c.style, bgColorHoverStyle = _c.hoverStyle;
38
- var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
38
+ var isEditModeAndHidden = propsStyle.display === 'none' && mode === 'EDIT';
39
39
  if (mode === 'EDIT') {
40
- propsStyle.visibility = 'visible';
40
+ propsStyle.display = 'block';
41
41
  }
42
42
  var cbRef = (0, react_1.useRef)(null);
43
43
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
@@ -38,12 +38,12 @@ function Text(props) {
38
38
  }), CLINKCursor = _c.CLINKCursor, onClickCLINK = _c.onClickCLINK;
39
39
  var _d = getTextStyles(props.CB_STYLE_PROP_TEXT, device), textStyle = _d.style, textHoverStyle = _d.hoverStyle;
40
40
  var _e = (0, util_1.parseProperties)(props, device), propsStyle = _e.style, propsHoverStyle = _e.hoverStyle, layoutStyle = _e.layout, effect = _e.effect;
41
- var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
42
- var googleFonts = (0, getGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
43
- (0, useGoogleFonts_1.default)({ fonts: googleFonts });
41
+ var isEditModeAndHidden = propsStyle.display === 'none' && mode === 'EDIT';
44
42
  if (mode === 'EDIT') {
45
- propsStyle.visibility = 'visible';
43
+ propsStyle.display = 'block';
46
44
  }
45
+ var googleFonts = (0, getGoogleFonts_1.getGoogleFontsFromTextSpecCode)(props.CB_STYLE_PROP_TEXT, device === 'MOBILE');
46
+ (0, useGoogleFonts_1.default)({ fonts: googleFonts });
47
47
  var cbRef = (0, react_1.useRef)(null);
48
48
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
49
49
  index
@@ -37,9 +37,9 @@ function Youtube(props) {
37
37
  var isEditMode = mode === 'EDIT';
38
38
  var _c = getBGColorStyles(CB_STYLE_PROP_BGCOLOR, device), bgColorStyle = _c.style, bgColorHoverStyle = _c.hoverStyle;
39
39
  var _d = (0, util_1.parseProperties)(props, device), propsStyle = _d.style, propsHoverStyle = _d.hoverStyle, layoutStyle = _d.layout, effect = _d.effect;
40
- var isEditModeAndHidden = propsStyle.visibility === 'hidden' && mode === 'EDIT';
40
+ var isEditModeAndHidden = propsStyle.display === 'none' && mode === 'EDIT';
41
41
  if (mode === 'EDIT') {
42
- propsStyle.visibility = 'visible';
42
+ propsStyle.display = 'block';
43
43
  }
44
44
  var cbRef = (0, react_1.useRef)(null);
45
45
  var entry = (0, hooks_1.useIntersectionObserver)(cbRef, { threshold: 0.2, freezeOnceVisible: false }, [
@@ -5,13 +5,15 @@ function parseContentVisibility(namedProps, device) {
5
5
  if (device === 'DESKTOP') {
6
6
  return {
7
7
  style: {
8
- visibility: specs.CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP ? 'visible' : 'hidden'
8
+ // visibility: specs.CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP ? 'visible' : 'hidden'
9
+ display: specs.CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP ? 'block' : 'none'
9
10
  }
10
11
  };
11
12
  }
12
13
  return {
13
14
  style: {
14
- visibility: specs.CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB ? 'visible' : 'hidden'
15
+ // visibility: specs.CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB ? 'visible' : 'hidden'
16
+ display: specs.CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP ? 'block' : 'none'
15
17
  }
16
18
  };
17
19
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pds-dev-kit-web-test",
3
- "version": "2.5.275",
3
+ "version": "2.5.277",
4
4
  "license": "MIT",
5
5
  "private": false,
6
6
  "main": "dist/index.js",