@micromag/screen-ranking 0.3.426 → 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.
@@ -1 +1 @@
1
- .micromag-screen-ranking-container .micromag-screen-ranking-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-ranking-container .micromag-screen-ranking-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-ranking-container .micromag-screen-ranking-emptyTitle{height:100px;width:100%}.micromag-screen-ranking-container{position:relative}.micromag-screen-ranking-container .micromag-screen-ranking-background{z-index:0}.micromag-screen-ranking-container .micromag-screen-ranking-content{z-index:1}.micromag-screen-ranking-container .micromag-screen-ranking-empty{height:50px;margin-right:10px}.micromag-screen-ranking-container .micromag-screen-ranking-emptyTitle{min-width:100%}.micromag-screen-ranking-container .micromag-screen-ranking-item{padding:10px 0;position:relative}.micromag-screen-ranking-container .micromag-screen-ranking-item:first-child{padding-top:0}.micromag-screen-ranking-container .micromag-screen-ranking-rankText{font-size:48px}.micromag-screen-ranking-container .micromag-screen-ranking-description,.micromag-screen-ranking-container .micromag-screen-ranking-itemTitle{padding:8px 0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction a{padding:0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction.micromag-screen-ranking-disabled{opacity:0;pointer-events:none}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-elementsContainer{display:table;width:100%}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-item{display:table-row;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-label,.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{display:table-cell;padding:10px 0;vertical-align:top}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{padding-right:20px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-rank{color:hsla(0,0%,100%,.6);font-size:16px;mix-blend-mode:difference;text-align:left}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-scroll{padding:5px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-description,.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-itemTitle{-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-item{padding:1px 0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{padding-right:4px;padding-top:8px;width:24px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-label{padding:5px 0}
1
+ .micromag-screen-ranking-container .micromag-screen-ranking-background{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-ranking-container .micromag-screen-ranking-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-ranking-container .micromag-screen-ranking-emptyTitle{height:100px;width:100%}.micromag-screen-ranking-container{position:relative}.micromag-screen-ranking-container .micromag-screen-ranking-background{z-index:0}.micromag-screen-ranking-container .micromag-screen-ranking-content{z-index:1}.micromag-screen-ranking-container .micromag-screen-ranking-empty{height:50px;margin-right:10px}.micromag-screen-ranking-container .micromag-screen-ranking-emptyTitle{min-width:100%}.micromag-screen-ranking-container .micromag-screen-ranking-item{padding:10px 0;position:relative}.micromag-screen-ranking-container .micromag-screen-ranking-item:first-child{padding-top:0}.micromag-screen-ranking-container .micromag-screen-ranking-rankText{font-size:48px}.micromag-screen-ranking-container .micromag-screen-ranking-description,.micromag-screen-ranking-container .micromag-screen-ranking-itemTitle{padding:8px 0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction{bottom:0;left:0;position:absolute;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;width:100%}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction a{padding:0}.micromag-screen-ranking-container .micromag-screen-ranking-callToAction.micromag-screen-ranking-disabled{opacity:0;pointer-events:none}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-elementsContainer{display:table;width:100%}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-item{display:table-row;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-label,.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{display:table-cell;padding:10px 0;vertical-align:top}.micromag-screen-ranking-container.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{padding-right:20px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-rank{color:hsla(0,0%,100%,.6);font-size:16px;mix-blend-mode:difference;text-align:left}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-scroll{padding:5px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-description,.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-itemTitle{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding:0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder .micromag-screen-ranking-item{padding:1px 0}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-rank{padding-right:4px;padding-top:8px;width:24px}.micromag-screen-ranking-container.micromag-screen-ranking-isPlaceholder.micromag-screen-ranking-sideLayout .micromag-screen-ranking-label{padding:5px 0}
package/es/index.js CHANGED
@@ -54,7 +54,6 @@ var defaultProps = {
54
54
  className: null
55
55
  };
56
56
  var RankingScreen = function RankingScreen(_ref) {
57
- var _ref4;
58
57
  var layout = _ref.layout,
59
58
  title = _ref.title,
60
59
  items = _ref.items,
@@ -192,7 +191,7 @@ var RankingScreen = function RankingScreen(_ref) {
192
191
  setScrolledBottom(false);
193
192
  }, [setScrolledBottom]);
194
193
  return /*#__PURE__*/React.createElement("div", {
195
- className: classNames([styles.container, (_ref4 = {}, _defineProperty(_ref4, className, className !== null), _defineProperty(_ref4, styles["".concat(layout, "Layout")], layout !== null), _defineProperty(_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
194
+ className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles["".concat(layout, "Layout")], layout !== null), styles.isPlaceholder, isPlaceholder)]),
196
195
  "data-screen-ready": true
197
196
  }, /*#__PURE__*/React.createElement(Container, {
198
197
  width: width,
package/lib/index.js CHANGED
@@ -25,40 +25,22 @@ var Text = require('@micromag/element-text');
25
25
  var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
26
26
  var appleNews = require('@micromag/transforms/apple-news');
27
27
 
28
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
29
-
30
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
31
- var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
32
- var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
33
- var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
34
- var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
35
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
36
- var Background__default = /*#__PURE__*/_interopDefaultLegacy(Background);
37
- var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
38
- var Footer__default = /*#__PURE__*/_interopDefaultLegacy(Footer);
39
- var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
40
- var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
41
- var Layout__default = /*#__PURE__*/_interopDefaultLegacy(Layout);
42
- var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
43
- var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
44
- var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
45
-
46
28
  var styles = {"container":"micromag-screen-ranking-container","background":"micromag-screen-ranking-background","empty":"micromag-screen-ranking-empty","emptyTitle":"micromag-screen-ranking-emptyTitle","content":"micromag-screen-ranking-content","item":"micromag-screen-ranking-item","rankText":"micromag-screen-ranking-rankText","itemTitle":"micromag-screen-ranking-itemTitle","description":"micromag-screen-ranking-description","callToAction":"micromag-screen-ranking-callToAction","disabled":"micromag-screen-ranking-disabled","sideLayout":"micromag-screen-ranking-sideLayout","elementsContainer":"micromag-screen-ranking-elementsContainer","rank":"micromag-screen-ranking-rank","label":"micromag-screen-ranking-label","isPlaceholder":"micromag-screen-ranking-isPlaceholder","scroll":"micromag-screen-ranking-scroll"};
47
29
 
48
30
  var propTypes = {
49
- layout: PropTypes__default["default"].oneOf(['side', 'over']),
31
+ layout: PropTypes.oneOf(['side', 'over']),
50
32
  title: core.PropTypes.headingElement,
51
- items: PropTypes__default["default"].arrayOf(core.PropTypes.textElement),
33
+ items: PropTypes.arrayOf(core.PropTypes.textElement),
52
34
  numbersStyle: core.PropTypes.textStyle,
53
- ascending: PropTypes__default["default"].bool,
54
- spacing: PropTypes__default["default"].number,
35
+ ascending: PropTypes.bool,
36
+ spacing: PropTypes.number,
55
37
  background: core.PropTypes.backgroundElement,
56
38
  header: core.PropTypes.header,
57
39
  footer: core.PropTypes.footer,
58
- current: PropTypes__default["default"].bool,
59
- active: PropTypes__default["default"].bool,
60
- type: PropTypes__default["default"].string,
61
- className: PropTypes__default["default"].string
40
+ current: PropTypes.bool,
41
+ active: PropTypes.bool,
42
+ type: PropTypes.string,
43
+ className: PropTypes.string
62
44
  };
63
45
  var defaultProps = {
64
46
  layout: 'side',
@@ -76,7 +58,6 @@ var defaultProps = {
76
58
  className: null
77
59
  };
78
60
  var RankingScreen = function RankingScreen(_ref) {
79
- var _ref4;
80
61
  var layout = _ref.layout,
81
62
  title = _ref.title,
82
63
  items = _ref.items,
@@ -111,7 +92,7 @@ var RankingScreen = function RankingScreen(_ref) {
111
92
  isEdit = _useScreenRenderConte.isEdit,
112
93
  isStatic = _useScreenRenderConte.isStatic,
113
94
  isCapture = _useScreenRenderConte.isCapture;
114
- var finalItems = isPlaceholder ? _toConsumableArray__default["default"](new Array(10)).map(function () {
95
+ var finalItems = isPlaceholder ? _toConsumableArray(new Array(10)).map(function () {
115
96
  return {};
116
97
  }) : items || [null];
117
98
  var itemsCount = finalItems !== null ? finalItems.length : 0;
@@ -120,18 +101,18 @@ var RankingScreen = function RankingScreen(_ref) {
120
101
  var backgroundPlaying = current && (isView || isEdit);
121
102
  var mediaShouldLoad = current || active;
122
103
  var hasTitle = utils.isTextFilled(title);
123
- var titleElement = /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
104
+ var titleElement = /*#__PURE__*/React.createElement(components.ScreenElement, {
124
105
  placeholder: "Title",
125
- emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
106
+ emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
126
107
  id: "BSTWf8",
127
108
  defaultMessage: [{
128
109
  "type": 0,
129
110
  "value": "Title"
130
111
  }]
131
112
  }),
132
- emptyClassName: classNames__default["default"]([styles.empty, styles.emptyTitle]),
113
+ emptyClassName: classNames([styles.empty, styles.emptyTitle]),
133
114
  isEmpty: !hasTitle
134
- }, hasTitle ? /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], Object.assign({
115
+ }, hasTitle ? /*#__PURE__*/React.createElement(Heading, Object.assign({
135
116
  className: styles.title
136
117
  }, title)) : null);
137
118
  var elements = (finalItems || []).map(function (item, itemI) {
@@ -142,11 +123,11 @@ var RankingScreen = function RankingScreen(_ref) {
142
123
  description = _ref2$description === void 0 ? null : _ref2$description;
143
124
  var hasItemTitle = utils.isTextFilled(itemTitle);
144
125
  var hasDescription = utils.isTextFilled(description);
145
- var itemTitleElement = /*#__PURE__*/React__default["default"].createElement("div", {
126
+ var itemTitleElement = /*#__PURE__*/React.createElement("div", {
146
127
  className: styles.itemTitle
147
- }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
128
+ }, /*#__PURE__*/React.createElement(components.ScreenElement, {
148
129
  placeholder: "title",
149
- emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
130
+ emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
150
131
  id: "bmO4Ss",
151
132
  defaultMessage: [{
152
133
  "type": 0,
@@ -155,12 +136,12 @@ var RankingScreen = function RankingScreen(_ref) {
155
136
  }),
156
137
  emptyClassName: styles.empty,
157
138
  isEmpty: !hasItemTitle
158
- }, hasItemTitle ? /*#__PURE__*/React__default["default"].createElement(Heading__default["default"], itemTitle) : null));
159
- var descriptionElement = /*#__PURE__*/React__default["default"].createElement("div", {
139
+ }, hasItemTitle ? /*#__PURE__*/React.createElement(Heading, itemTitle) : null));
140
+ var descriptionElement = /*#__PURE__*/React.createElement("div", {
160
141
  className: styles.description
161
- }, /*#__PURE__*/React__default["default"].createElement(components.ScreenElement, {
142
+ }, /*#__PURE__*/React.createElement(components.ScreenElement, {
162
143
  placeholder: "text",
163
- emptyLabel: /*#__PURE__*/React__default["default"].createElement(reactIntl.FormattedMessage, {
144
+ emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
164
145
  id: "507VAi",
165
146
  defaultMessage: [{
166
147
  "type": 0,
@@ -169,18 +150,18 @@ var RankingScreen = function RankingScreen(_ref) {
169
150
  }),
170
151
  emptyClassName: styles.empty,
171
152
  isEmpty: !hasDescription
172
- }, hasDescription ? /*#__PURE__*/React__default["default"].createElement(Text__default["default"], description) : null));
153
+ }, hasDescription ? /*#__PURE__*/React.createElement(Text, description) : null));
173
154
  var rankText = "".concat(ascending ? itemI + 1 : itemsCount - itemI);
174
- return /*#__PURE__*/React__default["default"].createElement("div", {
155
+ return /*#__PURE__*/React.createElement("div", {
175
156
  className: styles.item,
176
157
  key: "item-".concat(itemI)
177
- }, /*#__PURE__*/React__default["default"].createElement("div", {
158
+ }, /*#__PURE__*/React.createElement("div", {
178
159
  className: styles.rank
179
- }, isPlaceholder ? rankText : /*#__PURE__*/React__default["default"].createElement(Text__default["default"], {
160
+ }, isPlaceholder ? rankText : /*#__PURE__*/React.createElement(Text, {
180
161
  className: styles.rankText,
181
162
  body: rankText,
182
163
  textStyle: numbersStyle
183
- })), /*#__PURE__*/React__default["default"].createElement("div", {
164
+ })), /*#__PURE__*/React.createElement("div", {
184
165
  className: styles.label
185
166
  }, itemTitleElement, descriptionElement));
186
167
  });
@@ -196,7 +177,7 @@ var RankingScreen = function RankingScreen(_ref) {
196
177
  isPreview: isPreview
197
178
  });
198
179
  var _useState = React.useState(false),
199
- _useState2 = _slicedToArray__default["default"](_useState, 2),
180
+ _useState2 = _slicedToArray(_useState, 2),
200
181
  scrolledBottom = _useState2[0],
201
182
  setScrolledBottom = _useState2[1];
202
183
  var _useDimensionObserver = hooks.useDimensionObserver(),
@@ -213,37 +194,37 @@ var RankingScreen = function RankingScreen(_ref) {
213
194
  var onScrolledNotBottom = React.useCallback(function () {
214
195
  setScrolledBottom(false);
215
196
  }, [setScrolledBottom]);
216
- return /*#__PURE__*/React__default["default"].createElement("div", {
217
- className: classNames__default["default"]([styles.container, (_ref4 = {}, _defineProperty__default["default"](_ref4, className, className !== null), _defineProperty__default["default"](_ref4, styles["".concat(layout, "Layout")], layout !== null), _defineProperty__default["default"](_ref4, styles.isPlaceholder, isPlaceholder), _ref4)]),
197
+ return /*#__PURE__*/React.createElement("div", {
198
+ className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles["".concat(layout, "Layout")], layout !== null), styles.isPlaceholder, isPlaceholder)]),
218
199
  "data-screen-ready": true
219
- }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
200
+ }, /*#__PURE__*/React.createElement(Container, {
220
201
  width: width,
221
202
  height: height,
222
203
  className: styles.content
223
- }, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
204
+ }, /*#__PURE__*/React.createElement(Scroll, {
224
205
  className: styles.scroll,
225
206
  verticalAlign: "middle",
226
207
  disabled: scrollingDisabled,
227
208
  onScrolledBottom: onScrolledBottom,
228
209
  onScrolledNotBottom: onScrolledNotBottom
229
- }, !isPlaceholder && hasHeader ? /*#__PURE__*/React__default["default"].createElement("div", {
210
+ }, !isPlaceholder && hasHeader ? /*#__PURE__*/React.createElement("div", {
230
211
  style: {
231
212
  paddingTop: spacing / 2 + viewerTopHeight,
232
213
  paddingLeft: spacing,
233
214
  paddingRight: spacing
234
215
  }
235
- }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], header)) : null, /*#__PURE__*/React__default["default"].createElement(Layout__default["default"], {
216
+ }, /*#__PURE__*/React.createElement(Header, header)) : null, /*#__PURE__*/React.createElement(Layout, {
236
217
  className: styles.layout,
237
218
  style: !isPlaceholder ? {
238
219
  padding: spacing,
239
220
  paddingTop: !isPlaceholder && hasHeader ? spacing : (!isPreview ? viewerTopHeight : 0) + spacing,
240
221
  paddingBottom: (current && !isPreview ? viewerBottomHeight : 0) + (foterHeight || spacing)
241
222
  } : null
242
- }, titleElement, /*#__PURE__*/React__default["default"].createElement("div", {
223
+ }, titleElement, /*#__PURE__*/React.createElement("div", {
243
224
  className: styles.elementsContainer
244
- }, elements))), !isPlaceholder && hasFooter ? /*#__PURE__*/React__default["default"].createElement("div", {
225
+ }, elements))), !isPlaceholder && hasFooter ? /*#__PURE__*/React.createElement("div", {
245
226
  ref: footerRef,
246
- className: classNames__default["default"]([styles.callToAction, _defineProperty__default["default"]({}, styles.disabled, !scrolledBottom)]),
227
+ className: classNames([styles.callToAction, _defineProperty({}, styles.disabled, !scrolledBottom)]),
247
228
  style: {
248
229
  transform: current && !isPreview ? "translate(0, -".concat(viewerBottomHeight, "px)") : null,
249
230
  paddingLeft: Math.max(spacing / 2, viewerBottomSidesWidth),
@@ -251,7 +232,7 @@ var RankingScreen = function RankingScreen(_ref) {
251
232
  paddingTop: spacing / 2,
252
233
  paddingBottom: spacing / 2
253
234
  }
254
- }, /*#__PURE__*/React__default["default"].createElement(Footer__default["default"], footerProps)) : null), !isPlaceholder ? /*#__PURE__*/React__default["default"].createElement(Background__default["default"], {
235
+ }, /*#__PURE__*/React.createElement(Footer, footerProps)) : null), !isPlaceholder ? /*#__PURE__*/React.createElement(Background, {
255
236
  background: background,
256
237
  width: width,
257
238
  height: height,
@@ -281,12 +262,12 @@ var transform = function transform(newStory, _ref) {
281
262
  var _Text2 = appleNews.Text(titleStory, it.description),
282
263
  descriptionStory = _Text2.story,
283
264
  descriptionComponent = _Text2.component;
284
- var _Container = appleNews.Container(descriptionStory, [].concat(_toConsumableArray__default["default"](titleComponent ? [titleComponent] : []), _toConsumableArray__default["default"](descriptionComponent ? [descriptionComponent] : []))),
265
+ var _Container = appleNews.Container(descriptionStory, [].concat(_toConsumableArray(titleComponent ? [titleComponent] : []), _toConsumableArray(descriptionComponent ? [descriptionComponent] : []))),
285
266
  containerStory = _Container.story,
286
267
  containerComponent = _Container.component;
287
268
  return {
288
269
  story: containerStory,
289
- components: [].concat(_toConsumableArray__default["default"](acc.components || []), _toConsumableArray__default["default"](containerComponent ? [containerComponent] : []))
270
+ components: [].concat(_toConsumableArray(acc.components || []), _toConsumableArray(containerComponent ? [containerComponent] : []))
290
271
  };
291
272
  }, {
292
273
  story: newStory,
@@ -299,8 +280,8 @@ var transform = function transform(newStory, _ref) {
299
280
  var _Container2 = appleNews.Container(reducedStory, reducedComponents),
300
281
  bigContainerStory = _Container2.story,
301
282
  bigContainerComponent = _Container2.component;
302
- return _objectSpread__default["default"](_objectSpread__default["default"]({}, bigContainerStory), {}, {
303
- components: [].concat(_toConsumableArray__default["default"](newStory.components || []), _toConsumableArray__default["default"](bigContainerComponent ? [bigContainerComponent] : []))
283
+ return _objectSpread(_objectSpread({}, bigContainerStory), {}, {
284
+ components: [].concat(_toConsumableArray(newStory.components || []), _toConsumableArray(bigContainerComponent ? [bigContainerComponent] : []))
304
285
  });
305
286
  };
306
287
 
@@ -450,4 +431,4 @@ var definition = {
450
431
  };
451
432
 
452
433
  exports.RankingScreen = RankingScreen;
453
- exports["default"] = definition;
434
+ exports.default = definition;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-ranking",
3
- "version": "0.3.426",
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,17 +58,17 @@
50
58
  },
51
59
  "dependencies": {
52
60
  "@babel/runtime": "^7.13.10",
53
- "@micromag/core": "^0.3.423",
54
- "@micromag/data": "^0.3.423",
55
- "@micromag/element-background": "^0.3.423",
56
- "@micromag/element-container": "^0.3.423",
57
- "@micromag/element-footer": "^0.3.423",
58
- "@micromag/element-header": "^0.3.423",
59
- "@micromag/element-heading": "^0.3.423",
60
- "@micromag/element-layout": "^0.3.423",
61
- "@micromag/element-scroll": "^0.3.426",
62
- "@micromag/element-text": "^0.3.423",
63
- "@micromag/transforms": "^0.3.423",
61
+ "@micromag/core": "^0.3.430",
62
+ "@micromag/data": "^0.3.430",
63
+ "@micromag/element-background": "^0.3.430",
64
+ "@micromag/element-container": "^0.3.430",
65
+ "@micromag/element-footer": "^0.3.430",
66
+ "@micromag/element-header": "^0.3.430",
67
+ "@micromag/element-heading": "^0.3.430",
68
+ "@micromag/element-layout": "^0.3.430",
69
+ "@micromag/element-scroll": "^0.3.430",
70
+ "@micromag/element-text": "^0.3.430",
71
+ "@micromag/transforms": "^0.3.430",
64
72
  "classnames": "^2.2.6",
65
73
  "lodash": "^4.17.21",
66
74
  "prop-types": "^15.7.2",
@@ -71,5 +79,5 @@
71
79
  "access": "public",
72
80
  "registry": "https://registry.npmjs.org/"
73
81
  },
74
- "gitHead": "ba8ca7eef7a09a9cc258b944b353a955f85e75d3"
82
+ "gitHead": "da790d76dba9d8e308d9f9c4e51d93a4a0e012a9"
75
83
  }