@micromag/screen-quote 0.3.246 → 0.3.251
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/assets/css/styles.css +1 -1
- package/es/index.js +13 -16
- package/lib/index.js +13 -16
- package/package.json +10 -10
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-quote-container
|
|
1
|
+
.micromag-screen-quote-container{position:relative;width:100%;height:100%;overflow:hidden}.micromag-screen-quote-disabled.micromag-screen-quote-container{overflow:hidden;pointer-events:none}.micromag-screen-quote-hidden.micromag-screen-quote-container{display:none;visibility:hidden}.micromag-screen-quote-placeholder.micromag-screen-quote-container .micromag-screen-quote-content{position:relative;padding:6px}.micromag-screen-quote-container .micromag-screen-quote-emptyAuthor,.micromag-screen-quote-container .micromag-screen-quote-emptyQuote{margin:5px auto;border:2px dashed #343434;color:#343434;width:100%;margin:10px auto}.micromag-screen-quote-container .micromag-screen-quote-emptyQuote{height:200px}.micromag-screen-quote-container .micromag-screen-quote-emptyAuthor{height:50px}.micromag-screen-quote-container .micromag-screen-quote-quote{font-size:2em}.micromag-screen-quote-container .micromag-screen-quote-quote.micromag-screen-quote-withMargin{margin-bottom:1em}.micromag-screen-quote-container.micromag-screen-quote-isPlaceholder .micromag-screen-quote-layout{padding:10px}
|
package/es/index.js
CHANGED
|
@@ -17,7 +17,7 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
|
17
17
|
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
18
18
|
import { Quote as Quote$1, Author, Container as Container$1 } from '@micromag/transforms/apple-news';
|
|
19
19
|
|
|
20
|
-
var styles = {"container":"micromag-screen-quote-container","
|
|
20
|
+
var styles = {"container":"micromag-screen-quote-container","disabled":"micromag-screen-quote-disabled","hidden":"micromag-screen-quote-hidden","placeholder":"micromag-screen-quote-placeholder","content":"micromag-screen-quote-content","emptyAuthor":"micromag-screen-quote-emptyAuthor","emptyQuote":"micromag-screen-quote-emptyQuote","quote":"micromag-screen-quote-quote","withMargin":"micromag-screen-quote-withMargin","isPlaceholder":"micromag-screen-quote-isPlaceholder","layout":"micromag-screen-quote-layout"};
|
|
21
21
|
|
|
22
22
|
var propTypes = {
|
|
23
23
|
layout: PropTypes.oneOf(['top', 'middle', 'bottom', 'split']),
|
|
@@ -153,17 +153,25 @@ var QuoteScreen = function QuoteScreen(_ref) {
|
|
|
153
153
|
return /*#__PURE__*/React.createElement("div", {
|
|
154
154
|
className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, className, className), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
|
|
155
155
|
"data-screen-ready": true
|
|
156
|
-
}, /*#__PURE__*/React.createElement(
|
|
156
|
+
}, !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
|
|
157
|
+
background: background,
|
|
157
158
|
width: width,
|
|
158
159
|
height: height,
|
|
159
|
-
|
|
160
|
+
resolution: resolution,
|
|
161
|
+
playing: backgroundPlaying,
|
|
162
|
+
muted: muted,
|
|
163
|
+
shouldLoad: mediaShouldLoad,
|
|
164
|
+
mediaRef: mediaRef
|
|
165
|
+
}) : null, /*#__PURE__*/React.createElement(Container, {
|
|
166
|
+
width: width,
|
|
167
|
+
height: height
|
|
160
168
|
}, /*#__PURE__*/React.createElement(Layout, {
|
|
161
169
|
className: styles.layout,
|
|
162
170
|
fullscreen: true,
|
|
163
171
|
verticalAlign: verticalAlign,
|
|
164
172
|
style: !isPlaceholder ? {
|
|
165
173
|
padding: spacing,
|
|
166
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
174
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
167
175
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
|
|
168
176
|
} : null
|
|
169
177
|
}, /*#__PURE__*/React.createElement(TransitionsStagger, {
|
|
@@ -171,18 +179,7 @@ var QuoteScreen = function QuoteScreen(_ref) {
|
|
|
171
179
|
stagger: transitionStagger,
|
|
172
180
|
disabled: transitionDisabled,
|
|
173
181
|
playing: transitionPlaying
|
|
174
|
-
}, items)))
|
|
175
|
-
background: background,
|
|
176
|
-
width: width,
|
|
177
|
-
height: height,
|
|
178
|
-
resolution: resolution,
|
|
179
|
-
playing: backgroundPlaying,
|
|
180
|
-
muted: muted,
|
|
181
|
-
shouldLoad: mediaShouldLoad,
|
|
182
|
-
mediaRef: mediaRef,
|
|
183
|
-
withoutVideo: isPreview,
|
|
184
|
-
className: styles.background
|
|
185
|
-
}) : null);
|
|
182
|
+
}, items))));
|
|
186
183
|
};
|
|
187
184
|
|
|
188
185
|
QuoteScreen.propTypes = propTypes;
|
package/lib/index.js
CHANGED
|
@@ -36,7 +36,7 @@ var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
|
|
|
36
36
|
var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
|
|
37
37
|
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
|
|
38
38
|
|
|
39
|
-
var styles = {"container":"micromag-screen-quote-container","
|
|
39
|
+
var styles = {"container":"micromag-screen-quote-container","disabled":"micromag-screen-quote-disabled","hidden":"micromag-screen-quote-hidden","placeholder":"micromag-screen-quote-placeholder","content":"micromag-screen-quote-content","emptyAuthor":"micromag-screen-quote-emptyAuthor","emptyQuote":"micromag-screen-quote-emptyQuote","quote":"micromag-screen-quote-quote","withMargin":"micromag-screen-quote-withMargin","isPlaceholder":"micromag-screen-quote-isPlaceholder","layout":"micromag-screen-quote-layout"};
|
|
40
40
|
|
|
41
41
|
var propTypes = {
|
|
42
42
|
layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom', 'split']),
|
|
@@ -172,17 +172,25 @@ var QuoteScreen = function QuoteScreen(_ref) {
|
|
|
172
172
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
173
173
|
className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
|
|
174
174
|
"data-screen-ready": true
|
|
175
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
175
|
+
}, !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
|
|
176
|
+
background: background,
|
|
176
177
|
width: width,
|
|
177
178
|
height: height,
|
|
178
|
-
|
|
179
|
+
resolution: resolution,
|
|
180
|
+
playing: backgroundPlaying,
|
|
181
|
+
muted: muted,
|
|
182
|
+
shouldLoad: mediaShouldLoad,
|
|
183
|
+
mediaRef: mediaRef
|
|
184
|
+
}) : null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
|
|
185
|
+
width: width,
|
|
186
|
+
height: height
|
|
179
187
|
}, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
|
|
180
188
|
className: styles.layout,
|
|
181
189
|
fullscreen: true,
|
|
182
190
|
verticalAlign: verticalAlign,
|
|
183
191
|
style: !isPlaceholder ? {
|
|
184
192
|
padding: spacing,
|
|
185
|
-
paddingTop: (!isPreview ? viewerTopHeight : 0) + spacing,
|
|
193
|
+
paddingTop: (current && !isPreview ? viewerTopHeight : 0) + spacing,
|
|
186
194
|
paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + spacing
|
|
187
195
|
} : null
|
|
188
196
|
}, /*#__PURE__*/React__default["default"].createElement(components.TransitionsStagger, {
|
|
@@ -190,18 +198,7 @@ var QuoteScreen = function QuoteScreen(_ref) {
|
|
|
190
198
|
stagger: transitionStagger,
|
|
191
199
|
disabled: transitionDisabled,
|
|
192
200
|
playing: transitionPlaying
|
|
193
|
-
}, items)))
|
|
194
|
-
background: background,
|
|
195
|
-
width: width,
|
|
196
|
-
height: height,
|
|
197
|
-
resolution: resolution,
|
|
198
|
-
playing: backgroundPlaying,
|
|
199
|
-
muted: muted,
|
|
200
|
-
shouldLoad: mediaShouldLoad,
|
|
201
|
-
mediaRef: mediaRef,
|
|
202
|
-
withoutVideo: isPreview,
|
|
203
|
-
className: styles.background
|
|
204
|
-
}) : null);
|
|
201
|
+
}, items))));
|
|
205
202
|
};
|
|
206
203
|
|
|
207
204
|
QuoteScreen.propTypes = propTypes;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-quote",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.251",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -49,14 +49,14 @@
|
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
|
-
"@micromag/core": "^0.3.
|
|
53
|
-
"@micromag/element-background": "^0.3.
|
|
54
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
55
|
-
"@micromag/element-container": "^0.3.
|
|
56
|
-
"@micromag/element-layout": "^0.3.
|
|
57
|
-
"@micromag/element-quote": "^0.3.
|
|
58
|
-
"@micromag/element-text": "^0.3.
|
|
59
|
-
"@micromag/transforms": "^0.3.
|
|
52
|
+
"@micromag/core": "^0.3.251",
|
|
53
|
+
"@micromag/element-background": "^0.3.251",
|
|
54
|
+
"@micromag/element-call-to-action": "^0.3.251",
|
|
55
|
+
"@micromag/element-container": "^0.3.251",
|
|
56
|
+
"@micromag/element-layout": "^0.3.251",
|
|
57
|
+
"@micromag/element-quote": "^0.3.251",
|
|
58
|
+
"@micromag/element-text": "^0.3.251",
|
|
59
|
+
"@micromag/transforms": "^0.3.251",
|
|
60
60
|
"classnames": "^2.2.6",
|
|
61
61
|
"lodash": "^4.17.21",
|
|
62
62
|
"prop-types": "^15.7.2",
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"publishConfig": {
|
|
67
67
|
"access": "public"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "3b6fb00baaa7f3ab90684a88cbe4c30929b6b27d"
|
|
70
70
|
}
|