@micromag/screen-slideshow 0.3.310 → 0.3.318

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 (4) hide show
  1. package/assets/css/styles.css +1 -1
  2. package/es/index.js +40 -48
  3. package/lib/index.js +40 -48
  4. package/package.json +11 -11
package/assets/css/styles.css CHANGED
@@ -1 +1 @@
1
- .micromag-screen-slideshow-container .micromag-screen-slideshow-background,.micromag-screen-slideshow-container .micromag-screen-slideshow-inner{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-screen-slideshow-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-slideshow-disabled.micromag-screen-slideshow-container{overflow:hidden;pointer-events:none}.micromag-screen-slideshow-hidden.micromag-screen-slideshow-container{display:none;visibility:hidden}.micromag-screen-slideshow-placeholder.micromag-screen-slideshow-container .micromag-screen-slideshow-content{position:relative;padding:6px}.micromag-screen-slideshow-container .micromag-screen-slideshow-background{z-index:0}.micromag-screen-slideshow-container .micromag-screen-slideshow-content{z-index:1}
1
+ .micromag-screen-slideshow-container .micromag-screen-slideshow-background,.micromag-screen-slideshow-container .micromag-screen-slideshow-inner{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-slideshow-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-slideshow-disabled.micromag-screen-slideshow-container{overflow:hidden;pointer-events:none}.micromag-screen-slideshow-hidden.micromag-screen-slideshow-container{display:none;visibility:hidden}.micromag-screen-slideshow-placeholder.micromag-screen-slideshow-container .micromag-screen-slideshow-content{padding:6px;position:relative}.micromag-screen-slideshow-container .micromag-screen-slideshow-background{z-index:0}.micromag-screen-slideshow-container .micromag-screen-slideshow-content{z-index:1}
package/es/index.js CHANGED
@@ -15,7 +15,7 @@ import Container from '@micromag/element-container';
15
15
  import Text from '@micromag/element-text';
16
16
  import Visual from '@micromag/element-visual';
17
17
 
18
- var styles = {"container":"micromag-screen-slideshow-container","background":"micromag-screen-slideshow-background","inner":"micromag-screen-slideshow-inner","disabled":"micromag-screen-slideshow-disabled","hidden":"micromag-screen-slideshow-hidden","placeholder":"micromag-screen-slideshow-placeholder","content":"micromag-screen-slideshow-content"};
18
+ var styles = {"container":"micromag-screen-slideshow-container","inner":"micromag-screen-slideshow-inner","background":"micromag-screen-slideshow-background","disabled":"micromag-screen-slideshow-disabled","hidden":"micromag-screen-slideshow-hidden","placeholder":"micromag-screen-slideshow-placeholder","content":"micromag-screen-slideshow-content"};
19
19
 
20
20
  var propTypes = {
21
21
  layout: PropTypes.oneOf(['top', 'middle', 'bottom']),
@@ -43,77 +43,68 @@ var defaultProps = {
43
43
  transitions: null,
44
44
  className: null
45
45
  };
46
-
47
46
  var SlideshowScreen = function SlideshowScreen(_ref) {
48
47
  var _ref3;
49
-
50
48
  var slides = _ref.slides,
51
- withCaptions = _ref.withCaptions,
52
- background = _ref.background,
53
- callToAction = _ref.callToAction,
54
- current = _ref.current,
55
- active = _ref.active,
56
- spacing = _ref.spacing,
57
- captionMaxLines = _ref.captionMaxLines,
58
- transitions = _ref.transitions,
59
- className = _ref.className;
60
-
49
+ withCaptions = _ref.withCaptions,
50
+ background = _ref.background,
51
+ callToAction = _ref.callToAction,
52
+ current = _ref.current,
53
+ active = _ref.active,
54
+ spacing = _ref.spacing,
55
+ captionMaxLines = _ref.captionMaxLines,
56
+ transitions = _ref.transitions,
57
+ className = _ref.className;
61
58
  var _useScreenSize = useScreenSize(),
62
- width = _useScreenSize.width,
63
- height = _useScreenSize.height,
64
- resolution = _useScreenSize.resolution;
65
-
59
+ width = _useScreenSize.width,
60
+ height = _useScreenSize.height,
61
+ resolution = _useScreenSize.resolution;
66
62
  var _useViewerContext = useViewerContext(),
67
- viewerTopHeight = _useViewerContext.topHeight,
68
- viewerBottomHeight = _useViewerContext.bottomHeight;
69
-
63
+ viewerTopHeight = _useViewerContext.topHeight,
64
+ viewerBottomHeight = _useViewerContext.bottomHeight;
70
65
  var _useViewerInteraction = useViewerInteraction(),
71
- enableInteraction = _useViewerInteraction.enableInteraction,
72
- disableInteraction = _useViewerInteraction.disableInteraction;
73
-
66
+ enableInteraction = _useViewerInteraction.enableInteraction,
67
+ disableInteraction = _useViewerInteraction.disableInteraction;
74
68
  var _useScreenRenderConte = useScreenRenderContext(),
75
- isView = _useScreenRenderConte.isView,
76
- isPreview = _useScreenRenderConte.isPreview,
77
- isPlaceholder = _useScreenRenderConte.isPlaceholder,
78
- isEdit = _useScreenRenderConte.isEdit,
79
- isStatic = _useScreenRenderConte.isStatic,
80
- isCapture = _useScreenRenderConte.isCapture;
81
-
69
+ isView = _useScreenRenderConte.isView,
70
+ isPreview = _useScreenRenderConte.isPreview,
71
+ isPlaceholder = _useScreenRenderConte.isPlaceholder,
72
+ isEdit = _useScreenRenderConte.isEdit,
73
+ isStatic = _useScreenRenderConte.isStatic,
74
+ isCapture = _useScreenRenderConte.isCapture;
82
75
  var backgroundPlaying = current && (isView || isEdit);
83
76
  var mediaShouldLoad = current || active;
84
77
  var finalSpacing = isPlaceholder ? 5 : spacing;
85
-
86
78
  var _useState = useState(0),
87
- _useState2 = _slicedToArray(_useState, 2),
88
- imagesLoaded = _useState2[0],
89
- setImagesLoaded = _useState2[1];
90
-
79
+ _useState2 = _slicedToArray(_useState, 2),
80
+ imagesLoaded = _useState2[0],
81
+ setImagesLoaded = _useState2[1];
91
82
  var ready = true;
92
83
  var transitionPlaying = current && ready;
93
84
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
94
85
  var onImageLoaded = useCallback(function () {
95
86
  setImagesLoaded(imagesLoaded + 1);
96
87
  }, [imagesLoaded, setImagesLoaded]);
97
- var imagesEl = useRef([]); // Call to Action
88
+ var imagesEl = useRef([]);
98
89
 
90
+ // Call to Action
99
91
  var hasCallToAction = callToAction !== null && callToAction.active === true;
100
-
101
92
  var _useDimensionObserver = useDimensionObserver(),
102
- callToActionRef = _useDimensionObserver.ref,
103
- _useDimensionObserver2 = _useDimensionObserver.height,
104
- callToActionHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
105
-
93
+ callToActionRef = _useDimensionObserver.ref,
94
+ _useDimensionObserver2 = _useDimensionObserver.height,
95
+ callToActionHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
106
96
  var items = (slides || []).map(function (item, itemI) {
107
97
  var _ref2 = item || {},
108
- _ref2$visual = _ref2.visual,
109
- visual = _ref2$visual === void 0 ? null : _ref2$visual,
110
- _ref2$caption = _ref2.caption,
111
- caption = _ref2$caption === void 0 ? null : _ref2$caption;
112
-
98
+ _ref2$visual = _ref2.visual,
99
+ visual = _ref2$visual === void 0 ? null : _ref2$visual,
100
+ _ref2$caption = _ref2.caption,
101
+ caption = _ref2$caption === void 0 ? null : _ref2$caption;
113
102
  var imageSize = {
114
103
  width: width / 2,
115
104
  height: height / 2
116
- }; // const { caption = null } = finalImage || {};
105
+ };
106
+
107
+ // const { caption = null } = finalImage || {};
117
108
 
118
109
  var hasImage = visual !== null;
119
110
  var hasCaption = isTextFilled(caption);
@@ -221,11 +212,12 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
221
212
  className: styles.background
222
213
  }) : null);
223
214
  };
224
-
225
215
  SlideshowScreen.propTypes = propTypes;
226
216
  SlideshowScreen.defaultProps = defaultProps;
227
217
  var SlideshowScreen$1 = /*#__PURE__*/React.memo(SlideshowScreen);
228
218
 
219
+ // import * as transforms from './transforms/index';
220
+
229
221
  var definition = [{
230
222
  id: 'slideshow',
231
223
  type: 'screen',
package/lib/index.js CHANGED
@@ -32,7 +32,7 @@ var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
32
32
  var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
33
33
  var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
34
34
 
35
- var styles = {"container":"micromag-screen-slideshow-container","background":"micromag-screen-slideshow-background","inner":"micromag-screen-slideshow-inner","disabled":"micromag-screen-slideshow-disabled","hidden":"micromag-screen-slideshow-hidden","placeholder":"micromag-screen-slideshow-placeholder","content":"micromag-screen-slideshow-content"};
35
+ var styles = {"container":"micromag-screen-slideshow-container","inner":"micromag-screen-slideshow-inner","background":"micromag-screen-slideshow-background","disabled":"micromag-screen-slideshow-disabled","hidden":"micromag-screen-slideshow-hidden","placeholder":"micromag-screen-slideshow-placeholder","content":"micromag-screen-slideshow-content"};
36
36
 
37
37
  var propTypes = {
38
38
  layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom']),
@@ -60,77 +60,68 @@ var defaultProps = {
60
60
  transitions: null,
61
61
  className: null
62
62
  };
63
-
64
63
  var SlideshowScreen = function SlideshowScreen(_ref) {
65
64
  var _ref3;
66
-
67
65
  var slides = _ref.slides,
68
- withCaptions = _ref.withCaptions,
69
- background = _ref.background,
70
- callToAction = _ref.callToAction,
71
- current = _ref.current,
72
- active = _ref.active,
73
- spacing = _ref.spacing,
74
- captionMaxLines = _ref.captionMaxLines,
75
- transitions = _ref.transitions,
76
- className = _ref.className;
77
-
66
+ withCaptions = _ref.withCaptions,
67
+ background = _ref.background,
68
+ callToAction = _ref.callToAction,
69
+ current = _ref.current,
70
+ active = _ref.active,
71
+ spacing = _ref.spacing,
72
+ captionMaxLines = _ref.captionMaxLines,
73
+ transitions = _ref.transitions,
74
+ className = _ref.className;
78
75
  var _useScreenSize = contexts.useScreenSize(),
79
- width = _useScreenSize.width,
80
- height = _useScreenSize.height,
81
- resolution = _useScreenSize.resolution;
82
-
76
+ width = _useScreenSize.width,
77
+ height = _useScreenSize.height,
78
+ resolution = _useScreenSize.resolution;
83
79
  var _useViewerContext = contexts.useViewerContext(),
84
- viewerTopHeight = _useViewerContext.topHeight,
85
- viewerBottomHeight = _useViewerContext.bottomHeight;
86
-
80
+ viewerTopHeight = _useViewerContext.topHeight,
81
+ viewerBottomHeight = _useViewerContext.bottomHeight;
87
82
  var _useViewerInteraction = contexts.useViewerInteraction(),
88
- enableInteraction = _useViewerInteraction.enableInteraction,
89
- disableInteraction = _useViewerInteraction.disableInteraction;
90
-
83
+ enableInteraction = _useViewerInteraction.enableInteraction,
84
+ disableInteraction = _useViewerInteraction.disableInteraction;
91
85
  var _useScreenRenderConte = contexts.useScreenRenderContext(),
92
- isView = _useScreenRenderConte.isView,
93
- isPreview = _useScreenRenderConte.isPreview,
94
- isPlaceholder = _useScreenRenderConte.isPlaceholder,
95
- isEdit = _useScreenRenderConte.isEdit,
96
- isStatic = _useScreenRenderConte.isStatic,
97
- isCapture = _useScreenRenderConte.isCapture;
98
-
86
+ isView = _useScreenRenderConte.isView,
87
+ isPreview = _useScreenRenderConte.isPreview,
88
+ isPlaceholder = _useScreenRenderConte.isPlaceholder,
89
+ isEdit = _useScreenRenderConte.isEdit,
90
+ isStatic = _useScreenRenderConte.isStatic,
91
+ isCapture = _useScreenRenderConte.isCapture;
99
92
  var backgroundPlaying = current && (isView || isEdit);
100
93
  var mediaShouldLoad = current || active;
101
94
  var finalSpacing = isPlaceholder ? 5 : spacing;
102
-
103
95
  var _useState = React.useState(0),
104
- _useState2 = _slicedToArray__default["default"](_useState, 2),
105
- imagesLoaded = _useState2[0],
106
- setImagesLoaded = _useState2[1];
107
-
96
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
97
+ imagesLoaded = _useState2[0],
98
+ setImagesLoaded = _useState2[1];
108
99
  var ready = true;
109
100
  var transitionPlaying = current && ready;
110
101
  var transitionDisabled = isStatic || isCapture || isPlaceholder || isPreview || isEdit;
111
102
  var onImageLoaded = React.useCallback(function () {
112
103
  setImagesLoaded(imagesLoaded + 1);
113
104
  }, [imagesLoaded, setImagesLoaded]);
114
- var imagesEl = React.useRef([]); // Call to Action
105
+ var imagesEl = React.useRef([]);
115
106
 
107
+ // Call to Action
116
108
  var hasCallToAction = callToAction !== null && callToAction.active === true;
117
-
118
109
  var _useDimensionObserver = hooks.useDimensionObserver(),
119
- callToActionRef = _useDimensionObserver.ref,
120
- _useDimensionObserver2 = _useDimensionObserver.height,
121
- callToActionHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
122
-
110
+ callToActionRef = _useDimensionObserver.ref,
111
+ _useDimensionObserver2 = _useDimensionObserver.height,
112
+ callToActionHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
123
113
  var items = (slides || []).map(function (item, itemI) {
124
114
  var _ref2 = item || {},
125
- _ref2$visual = _ref2.visual,
126
- visual = _ref2$visual === void 0 ? null : _ref2$visual,
127
- _ref2$caption = _ref2.caption,
128
- caption = _ref2$caption === void 0 ? null : _ref2$caption;
129
-
115
+ _ref2$visual = _ref2.visual,
116
+ visual = _ref2$visual === void 0 ? null : _ref2$visual,
117
+ _ref2$caption = _ref2.caption,
118
+ caption = _ref2$caption === void 0 ? null : _ref2$caption;
130
119
  var imageSize = {
131
120
  width: width / 2,
132
121
  height: height / 2
133
- }; // const { caption = null } = finalImage || {};
122
+ };
123
+
124
+ // const { caption = null } = finalImage || {};
134
125
 
135
126
  var hasImage = visual !== null;
136
127
  var hasCaption = utils.isTextFilled(caption);
@@ -238,11 +229,12 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
238
229
  className: styles.background
239
230
  }) : null);
240
231
  };
241
-
242
232
  SlideshowScreen.propTypes = propTypes;
243
233
  SlideshowScreen.defaultProps = defaultProps;
244
234
  var SlideshowScreen$1 = /*#__PURE__*/React__default["default"].memo(SlideshowScreen);
245
235
 
236
+ // import * as transforms from './transforms/index';
237
+
246
238
  var definition = [{
247
239
  id: 'slideshow',
248
240
  type: 'screen',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-slideshow",
3
- "version": "0.3.310",
3
+ "version": "0.3.318",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -49,22 +49,22 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@babel/runtime": "^7.13.10",
52
- "@micromag/core": "^0.3.307",
53
- "@micromag/element-background": "^0.3.307",
54
- "@micromag/element-call-to-action": "^0.3.310",
55
- "@micromag/element-container": "^0.3.307",
56
- "@micromag/element-layout": "^0.3.307",
57
- "@micromag/element-text": "^0.3.307",
58
- "@micromag/element-visual": "^0.3.307",
59
- "@micromag/transforms": "^0.3.307",
52
+ "@micromag/core": "^0.3.318",
53
+ "@micromag/element-background": "^0.3.318",
54
+ "@micromag/element-call-to-action": "^0.3.318",
55
+ "@micromag/element-container": "^0.3.318",
56
+ "@micromag/element-layout": "^0.3.318",
57
+ "@micromag/element-text": "^0.3.318",
58
+ "@micromag/element-visual": "^0.3.318",
59
+ "@micromag/transforms": "^0.3.318",
60
60
  "classnames": "^2.2.6",
61
61
  "lodash": "^4.17.21",
62
62
  "prop-types": "^15.7.2",
63
63
  "react-intl": "^5.12.1",
64
- "uuid": "^8.3.2"
64
+ "uuid": "^9.0.0"
65
65
  },
66
66
  "publishConfig": {
67
67
  "access": "public"
68
68
  },
69
- "gitHead": "c2f4fbfcf0f643737a77f99dccf4d353f7856c2c"
69
+ "gitHead": "7d1a296e0c0d410e1225279e1f19e3a7715bfa96"
70
70
  }