@micromag/screen-slideshow 0.3.420 → 0.3.429

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 (3) hide show
  1. package/es/index.js +1 -2
  2. package/lib/index.js +31 -46
  3. package/package.json +19 -11
package/es/index.js CHANGED
@@ -48,7 +48,6 @@ var defaultProps = {
48
48
  className: null
49
49
  };
50
50
  var SlideshowScreen = function SlideshowScreen(_ref) {
51
- var _ref3;
52
51
  var slides = _ref.slides,
53
52
  withCaptions = _ref.withCaptions,
54
53
  background = _ref.background,
@@ -188,7 +187,7 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
188
187
  }))) : null)) : null);
189
188
  });
190
189
  return /*#__PURE__*/React.createElement("div", {
191
- className: classNames([styles.container, (_ref3 = {}, _defineProperty(_ref3, className, className !== null), _defineProperty(_ref3, styles.isPlaceholder, isPlaceholder), _ref3)]),
190
+ className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
192
191
  "data-screen-ready": ready
193
192
  }, /*#__PURE__*/React.createElement(Container, {
194
193
  width: width,
package/lib/index.js CHANGED
@@ -20,35 +20,21 @@ var Header = require('@micromag/element-header');
20
20
  var Text = require('@micromag/element-text');
21
21
  var Visual = require('@micromag/element-visual');
22
22
 
23
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
24
-
25
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
26
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
27
- var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
28
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
29
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
30
- var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
31
- var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
32
- var Footer__default = /*#__PURE__*/_interopDefaultLegacy(Footer);
33
- var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
34
- var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
35
- var Visual__default = /*#__PURE__*/_interopDefaultLegacy(Visual);
36
-
37
23
  var styles = {"container":"micromag-screen-slideshow-container","placeholder":"micromag-screen-slideshow-placeholder","inner":"micromag-screen-slideshow-inner","background":"micromag-screen-slideshow-background","disabled":"micromag-screen-slideshow-disabled","hidden":"micromag-screen-slideshow-hidden","content":"micromag-screen-slideshow-content","caption":"micromag-screen-slideshow-caption","header":"micromag-screen-slideshow-header","footer":"micromag-screen-slideshow-footer"};
38
24
 
39
25
  var propTypes = {
40
- slides: PropTypes__default["default"].oneOfType([core.PropTypes.imageMedias, core.PropTypes.imageElements]),
41
- withCaptions: PropTypes__default["default"].bool,
42
- spacing: PropTypes__default["default"].number,
43
- captionMaxLines: PropTypes__default["default"].number,
44
- transitionDelay: PropTypes__default["default"].number,
26
+ slides: PropTypes.oneOfType([core.PropTypes.imageMedias, core.PropTypes.imageElements]),
27
+ withCaptions: PropTypes.bool,
28
+ spacing: PropTypes.number,
29
+ captionMaxLines: PropTypes.number,
30
+ transitionDelay: PropTypes.number,
45
31
  background: core.PropTypes.backgroundElement,
46
32
  header: core.PropTypes.header,
47
33
  footer: core.PropTypes.footer,
48
- current: PropTypes__default["default"].bool,
49
- active: PropTypes__default["default"].bool,
34
+ current: PropTypes.bool,
35
+ active: PropTypes.bool,
50
36
  transitions: core.PropTypes.transitions,
51
- className: PropTypes__default["default"].string
37
+ className: PropTypes.string
52
38
  };
53
39
  var defaultProps = {
54
40
  withCaptions: false,
@@ -66,7 +52,6 @@ var defaultProps = {
66
52
  className: null
67
53
  };
68
54
  var SlideshowScreen = function SlideshowScreen(_ref) {
69
- var _ref3;
70
55
  var slides = _ref.slides,
71
56
  withCaptions = _ref.withCaptions,
72
57
  background = _ref.background,
@@ -100,7 +85,7 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
100
85
  var mediaShouldLoad = current || active;
101
86
  var finalSpacing = isPlaceholder ? 5 : spacing;
102
87
  var _useState = React.useState(0),
103
- _useState2 = _slicedToArray__default["default"](_useState, 2),
88
+ _useState2 = _slicedToArray(_useState, 2),
104
89
  imagesLoaded = _useState2[0],
105
90
  setImagesLoaded = _useState2[1];
106
91
  var ready = true;
@@ -141,27 +126,27 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
141
126
  var hasImage = media !== null;
142
127
  var hasCaption = utils.isTextFilled(caption);
143
128
  var finalTransitionDelay = itemI > 0 ? itemI * (transitionDelay * 1000) : 0;
144
- return /*#__PURE__*/React__default["default"].createElement("div", {
129
+ return /*#__PURE__*/React.createElement("div", {
145
130
  key: "item-".concat(itemI),
146
131
  className: styles.gridItem
147
- }, /*#__PURE__*/React__default["default"].createElement("div", {
132
+ }, /*#__PURE__*/React.createElement("div", {
148
133
  className: styles.imageContainer,
149
134
  ref: function ref(el) {
150
135
  imagesEl.current[itemI] = el;
151
136
  }
152
- }, /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
137
+ }, /*#__PURE__*/React.createElement(components.Transitions, {
153
138
  transitions: transitions,
154
139
  delay: finalTransitionDelay,
155
140
  playing: transitionPlaying,
156
141
  disabled: transitionDisabled,
157
142
  fullscreen: true
158
- }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
143
+ }, /*#__PURE__*/React.createElement(components.ScreenElement, {
159
144
  placeholder: "image",
160
145
  placeholderProps: {
161
146
  className: styles.placeholder,
162
147
  height: '100%'
163
148
  },
164
- emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
149
+ emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
165
150
  id: "ebsPd4",
166
151
  defaultMessage: [{
167
152
  "type": 0,
@@ -170,7 +155,7 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
170
155
  }),
171
156
  emptyClassName: styles.emptyImage,
172
157
  isEmpty: !hasImage
173
- }, mediaShouldLoad ? /*#__PURE__*/React__default["default"].createElement(Visual__default["default"], Object.assign({
158
+ }, mediaShouldLoad ? /*#__PURE__*/React.createElement(Visual, Object.assign({
174
159
  className: styles.image,
175
160
  media: media
176
161
  }, imageSize, {
@@ -182,14 +167,14 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
182
167
  active: active,
183
168
  withoutVideo: isPreview,
184
169
  onLoaded: onImageLoaded
185
- })) : null))), withCaptions ? /*#__PURE__*/React__default["default"].createElement(components.Transitions, {
170
+ })) : null))), withCaptions ? /*#__PURE__*/React.createElement(components.Transitions, {
186
171
  transitions: transitions,
187
172
  delay: finalTransitionDelay,
188
173
  playing: transitionPlaying,
189
174
  disabled: transitionDisabled
190
- }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
175
+ }, /*#__PURE__*/React.createElement(components.ScreenElement, {
191
176
  placeholder: "line",
192
- emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
177
+ emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
193
178
  id: "6tIigB",
194
179
  defaultMessage: [{
195
180
  "type": 0,
@@ -198,53 +183,53 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
198
183
  }),
199
184
  emptyClassName: styles.emptyCaption,
200
185
  isEmpty: !hasCaption
201
- }, hasCaption ? /*#__PURE__*/React__default["default"].createElement("div", {
186
+ }, hasCaption ? /*#__PURE__*/React.createElement("div", {
202
187
  className: styles.caption
203
- }, /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({}, caption, {
188
+ }, /*#__PURE__*/React.createElement(Text, Object.assign({}, caption, {
204
189
  className: styles.captionText,
205
190
  lineClamp: captionMaxLines
206
191
  }))) : null)) : null);
207
192
  });
208
- return /*#__PURE__*/React__default["default"].createElement("div", {
209
- className: classNames__default["default"]([styles.container, (_ref3 = {}, _defineProperty__default["default"](_ref3, className, className !== null), _defineProperty__default["default"](_ref3, styles.isPlaceholder, isPlaceholder), _ref3)]),
193
+ return /*#__PURE__*/React.createElement("div", {
194
+ className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className !== null), styles.isPlaceholder, isPlaceholder)]),
210
195
  "data-screen-ready": ready
211
- }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
196
+ }, /*#__PURE__*/React.createElement(Container, {
212
197
  width: width,
213
198
  height: height,
214
199
  className: styles.content
215
- }, /*#__PURE__*/React__default["default"].createElement("div", {
200
+ }, /*#__PURE__*/React.createElement("div", {
216
201
  className: styles.inner,
217
202
  style: {
218
203
  paddingTop: !isPreview ? viewerTopHeight : null,
219
204
  paddingBottom: (hasFooter ? footerHeight - finalSpacing : 0) + (current && !isPreview ? viewerBottomHeight : 0)
220
205
  }
221
- }, isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
206
+ }, isPlaceholder ? /*#__PURE__*/React.createElement(components.ScreenElement, {
222
207
  placeholder: "image",
223
208
  placeholderProps: {
224
209
  className: styles.placeholder,
225
210
  height: '100%'
226
211
  },
227
- emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
212
+ emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
228
213
  id: "ebsPd4",
229
214
  defaultMessage: [{
230
215
  "type": 0,
231
216
  "value": "Image"
232
217
  }]
233
218
  })
234
- }) : null, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
219
+ }) : null, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
235
220
  className: styles.header,
236
221
  ref: headerRef,
237
222
  style: {
238
223
  padding: finalSpacing,
239
224
  paddingTop: finalSpacing / 2
240
225
  }
241
- }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, items, !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
226
+ }, /*#__PURE__*/React.createElement(Header, header)) : null, items, !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
242
227
  className: styles.footer,
243
228
  ref: footerRef,
244
229
  style: {
245
230
  padding: finalSpacing / 2
246
231
  }
247
- }, /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], footerProps)) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
232
+ }, /*#__PURE__*/React.createElement(Footer, footerProps)) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
248
233
  background: background,
249
234
  width: width,
250
235
  height: height,
@@ -257,7 +242,7 @@ var SlideshowScreen = function SlideshowScreen(_ref) {
257
242
  };
258
243
  SlideshowScreen.propTypes = propTypes;
259
244
  SlideshowScreen.defaultProps = defaultProps;
260
- var SlideshowScreen$1 = /*#__PURE__*/React__default["default"].memo(SlideshowScreen);
245
+ var SlideshowScreen$1 = /*#__PURE__*/React.memo(SlideshowScreen);
261
246
 
262
247
  // import * as transforms from './transforms/index';
263
248
 
@@ -354,4 +339,4 @@ var definition = [{
354
339
  }];
355
340
 
356
341
  exports.SlideshowScreen = SlideshowScreen$1;
357
- exports["default"] = definition;
342
+ exports.default = definition;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-slideshow",
3
- "version": "0.3.420",
3
+ "version": "0.3.429",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -32,6 +32,14 @@
32
32
  "license": "ISC",
33
33
  "main": "lib/index.js",
34
34
  "module": "es/index.js",
35
+ "style": "assets/css/styles.css",
36
+ "exports": {
37
+ ".": {
38
+ "require": "./lib/index.js",
39
+ "import": "./es/index.js"
40
+ },
41
+ "./assets/css/*.css": "./assets/css/*.css"
42
+ },
35
43
  "files": [
36
44
  "lib",
37
45
  "es",
@@ -50,15 +58,15 @@
50
58
  },
51
59
  "dependencies": {
52
60
  "@babel/runtime": "^7.13.10",
53
- "@micromag/core": "^0.3.420",
54
- "@micromag/element-background": "^0.3.420",
55
- "@micromag/element-container": "^0.3.420",
56
- "@micromag/element-footer": "^0.3.420",
57
- "@micromag/element-header": "^0.3.420",
58
- "@micromag/element-layout": "^0.3.420",
59
- "@micromag/element-text": "^0.3.420",
60
- "@micromag/element-visual": "^0.3.420",
61
- "@micromag/transforms": "^0.3.420",
61
+ "@micromag/core": "^0.3.429",
62
+ "@micromag/element-background": "^0.3.429",
63
+ "@micromag/element-container": "^0.3.429",
64
+ "@micromag/element-footer": "^0.3.429",
65
+ "@micromag/element-header": "^0.3.429",
66
+ "@micromag/element-layout": "^0.3.429",
67
+ "@micromag/element-text": "^0.3.429",
68
+ "@micromag/element-visual": "^0.3.429",
69
+ "@micromag/transforms": "^0.3.429",
62
70
  "classnames": "^2.2.6",
63
71
  "lodash": "^4.17.21",
64
72
  "prop-types": "^15.7.2",
@@ -69,5 +77,5 @@
69
77
  "access": "public",
70
78
  "registry": "https://registry.npmjs.org/"
71
79
  },
72
- "gitHead": "5b0f037a41c3bca07a5bce8f0dce205242f7ad17"
80
+ "gitHead": "f15e72b88ecfda4c54b87626513149b58572c52b"
73
81
  }