@micromag/screen-quote 0.3.423 → 0.3.430

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 +30 -47
  3. package/package.json +19 -11
package/es/index.js CHANGED
@@ -47,7 +47,6 @@ var defaultProps = {
47
47
  className: null
48
48
  };
49
49
  var QuoteScreen = function QuoteScreen(_ref) {
50
- var _ref2;
51
50
  var layout = _ref.layout,
52
51
  quote = _ref.quote,
53
52
  author = _ref.author,
@@ -95,7 +94,7 @@ var QuoteScreen = function QuoteScreen(_ref) {
95
94
  var backgroundPlaying = current && (isView || isEdit);
96
95
  var mediaShouldLoad = current || active;
97
96
  return /*#__PURE__*/React.createElement("div", {
98
- className: classNames([styles.container, (_ref2 = {}, _defineProperty(_ref2, className, className), _defineProperty(_ref2, styles.isPlaceholder, isPlaceholder), _ref2)]),
97
+ className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className), styles.isPlaceholder, isPlaceholder)]),
99
98
  "data-screen-ready": true
100
99
  }, /*#__PURE__*/React.createElement(Container, {
101
100
  width: width,
package/lib/index.js CHANGED
@@ -22,37 +22,21 @@ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
22
22
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
23
23
  var appleNews = require('@micromag/transforms/apple-news');
24
24
 
25
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
-
27
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
28
- var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
29
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
30
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
31
- var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
32
- var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
33
- var Footer__default = /*#__PURE__*/_interopDefaultLegacy(Footer);
34
- var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
35
- var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
36
- var Quote__default = /*#__PURE__*/_interopDefaultLegacy(Quote);
37
- var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
38
- var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
39
- var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
40
-
41
25
  var styles = {"container":"micromag-screen-quote-container","background":"micromag-screen-quote-background","disabled":"micromag-screen-quote-disabled","hidden":"micromag-screen-quote-hidden","placeholder":"micromag-screen-quote-placeholder","content":"micromag-screen-quote-content","emptyQuote":"micromag-screen-quote-emptyQuote","emptyAuthor":"micromag-screen-quote-emptyAuthor","quote":"micromag-screen-quote-quote","withMargin":"micromag-screen-quote-withMargin","isPlaceholder":"micromag-screen-quote-isPlaceholder","layout":"micromag-screen-quote-layout"};
42
26
 
43
27
  // NOTE: this might be better with a scroll
44
28
 
45
29
  var propTypes = {
46
- layout: PropTypes__default["default"].oneOf(['top', 'middle', 'bottom', 'split']),
30
+ layout: PropTypes.oneOf(['top', 'middle', 'bottom', 'split']),
47
31
  quote: core.PropTypes.textElement,
48
32
  author: core.PropTypes.textElement,
49
- spacing: PropTypes__default["default"].number,
33
+ spacing: PropTypes.number,
50
34
  background: core.PropTypes.backgroundElement,
51
35
  header: core.PropTypes.header,
52
36
  footer: core.PropTypes.footer,
53
- current: PropTypes__default["default"].bool,
54
- active: PropTypes__default["default"].bool,
55
- className: PropTypes__default["default"].string
37
+ current: PropTypes.bool,
38
+ active: PropTypes.bool,
39
+ className: PropTypes.string
56
40
  };
57
41
  var defaultProps = {
58
42
  layout: 'top',
@@ -67,7 +51,6 @@ var defaultProps = {
67
51
  className: null
68
52
  };
69
53
  var QuoteScreen = function QuoteScreen(_ref) {
70
- var _ref2;
71
54
  var layout = _ref.layout,
72
55
  quote = _ref.quote,
73
56
  author = _ref.author,
@@ -114,14 +97,14 @@ var QuoteScreen = function QuoteScreen(_ref) {
114
97
  var quoteWithMargin = hasQuote && hasAuthor && !isSplitted;
115
98
  var backgroundPlaying = current && (isView || isEdit);
116
99
  var mediaShouldLoad = current || active;
117
- return /*#__PURE__*/React__default["default"].createElement("div", {
118
- className: classNames__default["default"]([styles.container, (_ref2 = {}, _defineProperty__default["default"](_ref2, className, className), _defineProperty__default["default"](_ref2, styles.isPlaceholder, isPlaceholder), _ref2)]),
100
+ return /*#__PURE__*/React.createElement("div", {
101
+ className: classNames([styles.container, _defineProperty(_defineProperty({}, className, className), styles.isPlaceholder, isPlaceholder)]),
119
102
  "data-screen-ready": true
120
- }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
103
+ }, /*#__PURE__*/React.createElement(Container, {
121
104
  width: width,
122
105
  height: height,
123
106
  className: styles.content
124
- }, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
107
+ }, /*#__PURE__*/React.createElement(Layout, {
125
108
  className: styles.layout,
126
109
  fullscreen: true,
127
110
  verticalAlign: verticalAlign,
@@ -130,20 +113,20 @@ var QuoteScreen = function QuoteScreen(_ref) {
130
113
  paddingTop: (!isPreview ? viewerTopHeight : 0) + (hasHeader ? spacing / 2 : spacing),
131
114
  paddingBottom: (!isPreview ? viewerBottomHeight : 0) + (hasFooter ? spacing / 2 : spacing)
132
115
  } : null
133
- }, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
116
+ }, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
134
117
  style: {
135
118
  paddingBottom: spacing
136
119
  }
137
- }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, !isPlaceholder && hasFooter && isMiddleLayout ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
120
+ }, /*#__PURE__*/React.createElement(Header, header)) : null, !isPlaceholder && hasFooter && isMiddleLayout ? /*#__PURE__*/React.createElement(Layout.Spacer, {
138
121
  key: "spacer-cta-top"
139
- }) : null, !isPlaceholder && hasHeader && isBottomLayout ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
122
+ }) : null, !isPlaceholder && hasHeader && isBottomLayout ? /*#__PURE__*/React.createElement(Layout.Spacer, {
140
123
  key: "spacer-cta-top"
141
- }) : null, !isPlaceholder && hasHeader && !hasFooter && isMiddleLayout ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
124
+ }) : null, !isPlaceholder && hasHeader && !hasFooter && isMiddleLayout ? /*#__PURE__*/React.createElement(Layout.Spacer, {
142
125
  key: "spacer-cta-top"
143
- }) : null, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
126
+ }) : null, /*#__PURE__*/React.createElement(components.ScreenElement, {
144
127
  key: "quote",
145
128
  placeholder: "quote",
146
- emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
129
+ emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
147
130
  id: "CrzYgw",
148
131
  defaultMessage: [{
149
132
  "type": 0,
@@ -152,14 +135,14 @@ var QuoteScreen = function QuoteScreen(_ref) {
152
135
  }),
153
136
  emptyClassName: styles.emptyQuote,
154
137
  isEmpty: !hasQuote
155
- }, hasQuote ? /*#__PURE__*/React__default["default"].createElement(Quote__default["default"], Object.assign({
156
- className: classNames__default["default"]([styles.quote, _defineProperty__default["default"]({}, styles.withMargin, quoteWithMargin)])
157
- }, quote)) : null), isSplitted ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
138
+ }, hasQuote ? /*#__PURE__*/React.createElement(Quote, Object.assign({
139
+ className: classNames([styles.quote, _defineProperty({}, styles.withMargin, quoteWithMargin)])
140
+ }, quote)) : null), isSplitted ? /*#__PURE__*/React.createElement(Layout.Spacer, {
158
141
  key: "spacer"
159
- }) : null, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
142
+ }) : null, /*#__PURE__*/React.createElement(components.ScreenElement, {
160
143
  key: "author",
161
144
  placeholder: "subtitle",
162
- emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
145
+ emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
163
146
  id: "xYqGzM",
164
147
  defaultMessage: [{
165
148
  "type": 0,
@@ -168,19 +151,19 @@ var QuoteScreen = function QuoteScreen(_ref) {
168
151
  }),
169
152
  emptyClassName: styles.emptyAuthor,
170
153
  isEmpty: !hasAuthor
171
- }, hasAuthor ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], Object.assign({
154
+ }, hasAuthor ? /*#__PURE__*/React.createElement(Text, Object.assign({
172
155
  className: styles.author
173
- }, author)) : null), !isPlaceholder && hasFooter && (isTopLayout || isMiddleLayout) ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
156
+ }, author)) : null), !isPlaceholder && hasFooter && (isTopLayout || isMiddleLayout) ? /*#__PURE__*/React.createElement(Layout.Spacer, {
174
157
  key: "spacer-cta-bottom"
175
- }) : null, !isPlaceholder && hasHeader && !hasFooter && isMiddleLayout ? /*#__PURE__*/React__default["default"].createElement(Layout.Spacer, {
158
+ }) : null, !isPlaceholder && hasHeader && !hasFooter && isMiddleLayout ? /*#__PURE__*/React.createElement(Layout.Spacer, {
176
159
  key: "spacer-cta-bottom"
177
- }) : null, !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
160
+ }) : null, !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
178
161
  style: {
179
162
  paddingTop: spacing,
180
163
  paddingLeft: Math.max(viewerBottomSidesWidth - spacing, 0),
181
164
  paddingRight: Math.max(viewerBottomSidesWidth - spacing, 0)
182
165
  }
183
- }, /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], footerProps)) : null)), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
166
+ }, /*#__PURE__*/React.createElement(Footer, footerProps)) : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
184
167
  background: background,
185
168
  width: width,
186
169
  height: height,
@@ -195,7 +178,7 @@ var QuoteScreen = function QuoteScreen(_ref) {
195
178
  };
196
179
  QuoteScreen.propTypes = propTypes;
197
180
  QuoteScreen.defaultProps = defaultProps;
198
- var QuoteScreen$1 = /*#__PURE__*/React__default["default"].memo(QuoteScreen);
181
+ var QuoteScreen$1 = /*#__PURE__*/React.memo(QuoteScreen);
199
182
 
200
183
  var transform = function transform(newStory, _ref) {
201
184
  var quote = _ref.quote,
@@ -206,11 +189,11 @@ var transform = function transform(newStory, _ref) {
206
189
  var _Author = appleNews.Author(quoteStory, author),
207
190
  authorStory = _Author.story,
208
191
  authorComponent = _Author.component;
209
- var _Container = appleNews.Container(authorStory, [].concat(_toConsumableArray__default["default"](quoteComponent ? [quoteComponent] : []), _toConsumableArray__default["default"](authorComponent ? [authorComponent] : []))),
192
+ var _Container = appleNews.Container(authorStory, [].concat(_toConsumableArray(quoteComponent ? [quoteComponent] : []), _toConsumableArray(authorComponent ? [authorComponent] : []))),
210
193
  containerStory = _Container.story,
211
194
  containerComponent = _Container.component;
212
- return _objectSpread__default["default"](_objectSpread__default["default"]({}, containerStory), {}, {
213
- components: [].concat(_toConsumableArray__default["default"](newStory.components || []), _toConsumableArray__default["default"](containerComponent ? [containerComponent] : []))
195
+ return _objectSpread(_objectSpread({}, containerStory), {}, {
196
+ components: [].concat(_toConsumableArray(newStory.components || []), _toConsumableArray(containerComponent ? [containerComponent] : []))
214
197
  });
215
198
  };
216
199
 
@@ -332,4 +315,4 @@ var definition = {
332
315
  };
333
316
 
334
317
  exports.QuoteScreen = QuoteScreen$1;
335
- exports["default"] = definition;
318
+ exports.default = definition;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-quote",
3
- "version": "0.3.423",
3
+ "version": "0.3.430",
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.423",
54
- "@micromag/element-background": "^0.3.423",
55
- "@micromag/element-container": "^0.3.423",
56
- "@micromag/element-footer": "^0.3.423",
57
- "@micromag/element-header": "^0.3.423",
58
- "@micromag/element-layout": "^0.3.423",
59
- "@micromag/element-quote": "^0.3.423",
60
- "@micromag/element-text": "^0.3.423",
61
- "@micromag/transforms": "^0.3.423",
61
+ "@micromag/core": "^0.3.430",
62
+ "@micromag/element-background": "^0.3.430",
63
+ "@micromag/element-container": "^0.3.430",
64
+ "@micromag/element-footer": "^0.3.430",
65
+ "@micromag/element-header": "^0.3.430",
66
+ "@micromag/element-layout": "^0.3.430",
67
+ "@micromag/element-quote": "^0.3.430",
68
+ "@micromag/element-text": "^0.3.430",
69
+ "@micromag/transforms": "^0.3.430",
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": "c02e69c23fd099d5684bc0b69e02f19825cecfd2"
80
+ "gitHead": "da790d76dba9d8e308d9f9c4e51d93a4a0e012a9"
73
81
  }