@micromag/screen-ranking 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.
- package/assets/css/styles.css +1 -1
- package/es/index.js +56 -76
- package/lib/index.js +56 -76
- package/package.json +13 -13
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-ranking-container .micromag-screen-ranking-background{position:absolute;top: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{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-item{padding:10px 0;position:relative}.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-title{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-layout{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-title{-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}
|
package/es/index.js
CHANGED
|
@@ -20,7 +20,7 @@ import Text from '@micromag/element-text';
|
|
|
20
20
|
import _objectSpread from '@babel/runtime/helpers/objectSpread2';
|
|
21
21
|
import { Text as Text$1, Container as Container$1 } from '@micromag/transforms/apple-news';
|
|
22
22
|
|
|
23
|
-
var styles = {"container":"micromag-screen-ranking-container","background":"micromag-screen-ranking-background","empty":"micromag-screen-ranking-empty","content":"micromag-screen-ranking-content","item":"micromag-screen-ranking-item","rankText":"micromag-screen-ranking-rankText","
|
|
23
|
+
var styles = {"container":"micromag-screen-ranking-container","background":"micromag-screen-ranking-background","empty":"micromag-screen-ranking-empty","content":"micromag-screen-ranking-content","item":"micromag-screen-ranking-item","rankText":"micromag-screen-ranking-rankText","title":"micromag-screen-ranking-title","description":"micromag-screen-ranking-description","callToAction":"micromag-screen-ranking-callToAction","disabled":"micromag-screen-ranking-disabled","sideLayout":"micromag-screen-ranking-sideLayout","layout":"micromag-screen-ranking-layout","rank":"micromag-screen-ranking-rank","label":"micromag-screen-ranking-label","isPlaceholder":"micromag-screen-ranking-isPlaceholder","scroll":"micromag-screen-ranking-scroll"};
|
|
24
24
|
|
|
25
25
|
var propTypes = {
|
|
26
26
|
layout: PropTypes.oneOf(['side', 'over']),
|
|
@@ -52,51 +52,42 @@ var defaultProps = {
|
|
|
52
52
|
type: null,
|
|
53
53
|
className: null
|
|
54
54
|
};
|
|
55
|
-
|
|
56
55
|
var RankingScreen = function RankingScreen(_ref) {
|
|
57
56
|
var _ref5;
|
|
58
|
-
|
|
59
57
|
var layout = _ref.layout,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
58
|
+
items = _ref.items,
|
|
59
|
+
numbersStyle = _ref.numbersStyle,
|
|
60
|
+
ascending = _ref.ascending,
|
|
61
|
+
spacing = _ref.spacing,
|
|
62
|
+
background = _ref.background,
|
|
63
|
+
callToAction = _ref.callToAction,
|
|
64
|
+
current = _ref.current,
|
|
65
|
+
active = _ref.active,
|
|
66
|
+
transitions = _ref.transitions,
|
|
67
|
+
transitionStagger = _ref.transitionStagger,
|
|
68
|
+
type = _ref.type,
|
|
69
|
+
className = _ref.className;
|
|
72
70
|
var trackScreenEvent = useTrackScreenEvent(type);
|
|
73
|
-
|
|
74
71
|
var _useScreenSize = useScreenSize(),
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
72
|
+
width = _useScreenSize.width,
|
|
73
|
+
height = _useScreenSize.height,
|
|
74
|
+
resolution = _useScreenSize.resolution;
|
|
79
75
|
var _useViewerContext = useViewerContext(),
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
76
|
+
viewerTopHeight = _useViewerContext.topHeight,
|
|
77
|
+
viewerBottomHeight = _useViewerContext.bottomHeight,
|
|
78
|
+
viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
|
|
84
79
|
var _useViewerWebView = useViewerWebView(),
|
|
85
|
-
|
|
86
|
-
|
|
80
|
+
openWebView = _useViewerWebView.open;
|
|
87
81
|
var _usePlaybackContext = usePlaybackContext(),
|
|
88
|
-
|
|
89
|
-
|
|
82
|
+
muted = _usePlaybackContext.muted;
|
|
90
83
|
var mediaRef = usePlaybackMediaRef(current);
|
|
91
|
-
|
|
92
84
|
var _useScreenRenderConte = useScreenRenderContext(),
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
85
|
+
isView = _useScreenRenderConte.isView,
|
|
86
|
+
isPreview = _useScreenRenderConte.isPreview,
|
|
87
|
+
isPlaceholder = _useScreenRenderConte.isPlaceholder,
|
|
88
|
+
isEdit = _useScreenRenderConte.isEdit,
|
|
89
|
+
isStatic = _useScreenRenderConte.isStatic,
|
|
90
|
+
isCapture = _useScreenRenderConte.isCapture;
|
|
100
91
|
var finalItems = isPlaceholder ? _toConsumableArray(new Array(10)).map(function () {
|
|
101
92
|
return {};
|
|
102
93
|
}) : items || [null];
|
|
@@ -108,11 +99,10 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
108
99
|
var mediaShouldLoad = current || active;
|
|
109
100
|
var elements = (finalItems || []).map(function (item, itemI) {
|
|
110
101
|
var _ref2 = item || {},
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
102
|
+
_ref2$title = _ref2.title,
|
|
103
|
+
title = _ref2$title === void 0 ? null : _ref2$title,
|
|
104
|
+
_ref2$description = _ref2.description,
|
|
105
|
+
description = _ref2$description === void 0 ? null : _ref2$description;
|
|
116
106
|
var hasTitle = isTextFilled(title);
|
|
117
107
|
var hasDescription = isTextFilled(description);
|
|
118
108
|
var titleElement = /*#__PURE__*/React.createElement("div", {
|
|
@@ -171,29 +161,26 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
171
161
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
172
162
|
className: styles.label
|
|
173
163
|
}, titleElement, descriptionElement));
|
|
174
|
-
});
|
|
164
|
+
});
|
|
175
165
|
|
|
176
|
-
|
|
177
|
-
_ref3$active = _ref3.active,
|
|
178
|
-
hasCallToAction = _ref3$active === void 0 ? false : _ref3$active;
|
|
166
|
+
// Call to Action
|
|
179
167
|
|
|
168
|
+
var _ref3 = callToAction || {},
|
|
169
|
+
_ref3$active = _ref3.active,
|
|
170
|
+
hasCallToAction = _ref3$active === void 0 ? false : _ref3$active;
|
|
180
171
|
var _useState = useState(false),
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
172
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
173
|
+
scrolledBottom = _useState2[0],
|
|
174
|
+
setScrolledBottom = _useState2[1];
|
|
185
175
|
var _useDimensionObserver = useDimensionObserver(),
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
176
|
+
callToActionRef = _useDimensionObserver.ref,
|
|
177
|
+
_useDimensionObserver2 = _useDimensionObserver.height,
|
|
178
|
+
callToActionHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
|
|
190
179
|
var onScrolledBottom = useCallback(function (_ref4) {
|
|
191
180
|
var initial = _ref4.initial;
|
|
192
|
-
|
|
193
181
|
if (initial) {
|
|
194
182
|
trackScreenEvent('scroll', 'Screen');
|
|
195
183
|
}
|
|
196
|
-
|
|
197
184
|
setScrolledBottom(true);
|
|
198
185
|
}, [trackScreenEvent]);
|
|
199
186
|
var onScrolledNotBottom = useCallback(function () {
|
|
@@ -246,30 +233,26 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
246
233
|
className: styles.background
|
|
247
234
|
}) : null);
|
|
248
235
|
};
|
|
249
|
-
|
|
250
236
|
RankingScreen.propTypes = propTypes;
|
|
251
237
|
RankingScreen.defaultProps = defaultProps;
|
|
252
238
|
|
|
253
239
|
var transform = function transform(newStory, _ref) {
|
|
254
240
|
var _ref$items = _ref.items,
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
241
|
+
items = _ref$items === void 0 ? [] : _ref$items,
|
|
242
|
+
_ref$ascending = _ref.ascending,
|
|
243
|
+
ascending = _ref$ascending === void 0 ? false : _ref$ascending;
|
|
258
244
|
var allItems = items || [];
|
|
259
245
|
var ordered = ascending ? allItems.reverse() : allItems;
|
|
260
246
|
var list = ordered.reduce(function (acc, it) {
|
|
261
247
|
var _Text = Text$1(acc.story, it.title),
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
248
|
+
titleStory = _Text.story,
|
|
249
|
+
titleComponent = _Text.component;
|
|
265
250
|
var _Text2 = Text$1(titleStory, it.description),
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
251
|
+
descriptionStory = _Text2.story,
|
|
252
|
+
descriptionComponent = _Text2.component;
|
|
269
253
|
var _Container = Container$1(descriptionStory, [].concat(_toConsumableArray(titleComponent ? [titleComponent] : []), _toConsumableArray(descriptionComponent ? [descriptionComponent] : []))),
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
254
|
+
containerStory = _Container.story,
|
|
255
|
+
containerComponent = _Container.component;
|
|
273
256
|
return {
|
|
274
257
|
story: containerStory,
|
|
275
258
|
components: [].concat(_toConsumableArray(acc.components || []), _toConsumableArray(containerComponent ? [containerComponent] : []))
|
|
@@ -278,16 +261,13 @@ var transform = function transform(newStory, _ref) {
|
|
|
278
261
|
story: newStory,
|
|
279
262
|
components: []
|
|
280
263
|
});
|
|
281
|
-
|
|
282
264
|
var _ref2 = list || {},
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
265
|
+
reducedStory = _ref2.story,
|
|
266
|
+
_ref2$components = _ref2.components,
|
|
267
|
+
reducedComponents = _ref2$components === void 0 ? [] : _ref2$components;
|
|
287
268
|
var _Container2 = Container$1(reducedStory, reducedComponents),
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
269
|
+
bigContainerStory = _Container2.story,
|
|
270
|
+
bigContainerComponent = _Container2.component;
|
|
291
271
|
return _objectSpread(_objectSpread({}, bigContainerStory), {}, {
|
|
292
272
|
components: [].concat(_toConsumableArray(newStory.components || []), _toConsumableArray(bigContainerComponent ? [bigContainerComponent] : []))
|
|
293
273
|
});
|
package/lib/index.js
CHANGED
|
@@ -41,7 +41,7 @@ var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
|
|
|
41
41
|
var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
|
|
42
42
|
var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
|
|
43
43
|
|
|
44
|
-
var styles = {"container":"micromag-screen-ranking-container","background":"micromag-screen-ranking-background","empty":"micromag-screen-ranking-empty","content":"micromag-screen-ranking-content","item":"micromag-screen-ranking-item","rankText":"micromag-screen-ranking-rankText","
|
|
44
|
+
var styles = {"container":"micromag-screen-ranking-container","background":"micromag-screen-ranking-background","empty":"micromag-screen-ranking-empty","content":"micromag-screen-ranking-content","item":"micromag-screen-ranking-item","rankText":"micromag-screen-ranking-rankText","title":"micromag-screen-ranking-title","description":"micromag-screen-ranking-description","callToAction":"micromag-screen-ranking-callToAction","disabled":"micromag-screen-ranking-disabled","sideLayout":"micromag-screen-ranking-sideLayout","layout":"micromag-screen-ranking-layout","rank":"micromag-screen-ranking-rank","label":"micromag-screen-ranking-label","isPlaceholder":"micromag-screen-ranking-isPlaceholder","scroll":"micromag-screen-ranking-scroll"};
|
|
45
45
|
|
|
46
46
|
var propTypes = {
|
|
47
47
|
layout: PropTypes__default["default"].oneOf(['side', 'over']),
|
|
@@ -73,51 +73,42 @@ var defaultProps = {
|
|
|
73
73
|
type: null,
|
|
74
74
|
className: null
|
|
75
75
|
};
|
|
76
|
-
|
|
77
76
|
var RankingScreen = function RankingScreen(_ref) {
|
|
78
77
|
var _ref5;
|
|
79
|
-
|
|
80
78
|
var layout = _ref.layout,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
79
|
+
items = _ref.items,
|
|
80
|
+
numbersStyle = _ref.numbersStyle,
|
|
81
|
+
ascending = _ref.ascending,
|
|
82
|
+
spacing = _ref.spacing,
|
|
83
|
+
background = _ref.background,
|
|
84
|
+
callToAction = _ref.callToAction,
|
|
85
|
+
current = _ref.current,
|
|
86
|
+
active = _ref.active,
|
|
87
|
+
transitions = _ref.transitions,
|
|
88
|
+
transitionStagger = _ref.transitionStagger,
|
|
89
|
+
type = _ref.type,
|
|
90
|
+
className = _ref.className;
|
|
93
91
|
var trackScreenEvent = hooks.useTrackScreenEvent(type);
|
|
94
|
-
|
|
95
92
|
var _useScreenSize = contexts.useScreenSize(),
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
93
|
+
width = _useScreenSize.width,
|
|
94
|
+
height = _useScreenSize.height,
|
|
95
|
+
resolution = _useScreenSize.resolution;
|
|
100
96
|
var _useViewerContext = contexts.useViewerContext(),
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
97
|
+
viewerTopHeight = _useViewerContext.topHeight,
|
|
98
|
+
viewerBottomHeight = _useViewerContext.bottomHeight,
|
|
99
|
+
viewerBottomSidesWidth = _useViewerContext.bottomSidesWidth;
|
|
105
100
|
var _useViewerWebView = contexts.useViewerWebView(),
|
|
106
|
-
|
|
107
|
-
|
|
101
|
+
openWebView = _useViewerWebView.open;
|
|
108
102
|
var _usePlaybackContext = contexts.usePlaybackContext(),
|
|
109
|
-
|
|
110
|
-
|
|
103
|
+
muted = _usePlaybackContext.muted;
|
|
111
104
|
var mediaRef = contexts.usePlaybackMediaRef(current);
|
|
112
|
-
|
|
113
105
|
var _useScreenRenderConte = contexts.useScreenRenderContext(),
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
106
|
+
isView = _useScreenRenderConte.isView,
|
|
107
|
+
isPreview = _useScreenRenderConte.isPreview,
|
|
108
|
+
isPlaceholder = _useScreenRenderConte.isPlaceholder,
|
|
109
|
+
isEdit = _useScreenRenderConte.isEdit,
|
|
110
|
+
isStatic = _useScreenRenderConte.isStatic,
|
|
111
|
+
isCapture = _useScreenRenderConte.isCapture;
|
|
121
112
|
var finalItems = isPlaceholder ? _toConsumableArray__default["default"](new Array(10)).map(function () {
|
|
122
113
|
return {};
|
|
123
114
|
}) : items || [null];
|
|
@@ -129,11 +120,10 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
129
120
|
var mediaShouldLoad = current || active;
|
|
130
121
|
var elements = (finalItems || []).map(function (item, itemI) {
|
|
131
122
|
var _ref2 = item || {},
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
123
|
+
_ref2$title = _ref2.title,
|
|
124
|
+
title = _ref2$title === void 0 ? null : _ref2$title,
|
|
125
|
+
_ref2$description = _ref2.description,
|
|
126
|
+
description = _ref2$description === void 0 ? null : _ref2$description;
|
|
137
127
|
var hasTitle = utils.isTextFilled(title);
|
|
138
128
|
var hasDescription = utils.isTextFilled(description);
|
|
139
129
|
var titleElement = /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -192,29 +182,26 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
192
182
|
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
193
183
|
className: styles.label
|
|
194
184
|
}, titleElement, descriptionElement));
|
|
195
|
-
});
|
|
185
|
+
});
|
|
196
186
|
|
|
197
|
-
|
|
198
|
-
_ref3$active = _ref3.active,
|
|
199
|
-
hasCallToAction = _ref3$active === void 0 ? false : _ref3$active;
|
|
187
|
+
// Call to Action
|
|
200
188
|
|
|
189
|
+
var _ref3 = callToAction || {},
|
|
190
|
+
_ref3$active = _ref3.active,
|
|
191
|
+
hasCallToAction = _ref3$active === void 0 ? false : _ref3$active;
|
|
201
192
|
var _useState = React.useState(false),
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
193
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
194
|
+
scrolledBottom = _useState2[0],
|
|
195
|
+
setScrolledBottom = _useState2[1];
|
|
206
196
|
var _useDimensionObserver = hooks.useDimensionObserver(),
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
197
|
+
callToActionRef = _useDimensionObserver.ref,
|
|
198
|
+
_useDimensionObserver2 = _useDimensionObserver.height,
|
|
199
|
+
callToActionHeight = _useDimensionObserver2 === void 0 ? 0 : _useDimensionObserver2;
|
|
211
200
|
var onScrolledBottom = React.useCallback(function (_ref4) {
|
|
212
201
|
var initial = _ref4.initial;
|
|
213
|
-
|
|
214
202
|
if (initial) {
|
|
215
203
|
trackScreenEvent('scroll', 'Screen');
|
|
216
204
|
}
|
|
217
|
-
|
|
218
205
|
setScrolledBottom(true);
|
|
219
206
|
}, [trackScreenEvent]);
|
|
220
207
|
var onScrolledNotBottom = React.useCallback(function () {
|
|
@@ -267,30 +254,26 @@ var RankingScreen = function RankingScreen(_ref) {
|
|
|
267
254
|
className: styles.background
|
|
268
255
|
}) : null);
|
|
269
256
|
};
|
|
270
|
-
|
|
271
257
|
RankingScreen.propTypes = propTypes;
|
|
272
258
|
RankingScreen.defaultProps = defaultProps;
|
|
273
259
|
|
|
274
260
|
var transform = function transform(newStory, _ref) {
|
|
275
261
|
var _ref$items = _ref.items,
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
262
|
+
items = _ref$items === void 0 ? [] : _ref$items,
|
|
263
|
+
_ref$ascending = _ref.ascending,
|
|
264
|
+
ascending = _ref$ascending === void 0 ? false : _ref$ascending;
|
|
279
265
|
var allItems = items || [];
|
|
280
266
|
var ordered = ascending ? allItems.reverse() : allItems;
|
|
281
267
|
var list = ordered.reduce(function (acc, it) {
|
|
282
268
|
var _Text = appleNews.Text(acc.story, it.title),
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
269
|
+
titleStory = _Text.story,
|
|
270
|
+
titleComponent = _Text.component;
|
|
286
271
|
var _Text2 = appleNews.Text(titleStory, it.description),
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
272
|
+
descriptionStory = _Text2.story,
|
|
273
|
+
descriptionComponent = _Text2.component;
|
|
290
274
|
var _Container = appleNews.Container(descriptionStory, [].concat(_toConsumableArray__default["default"](titleComponent ? [titleComponent] : []), _toConsumableArray__default["default"](descriptionComponent ? [descriptionComponent] : []))),
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
275
|
+
containerStory = _Container.story,
|
|
276
|
+
containerComponent = _Container.component;
|
|
294
277
|
return {
|
|
295
278
|
story: containerStory,
|
|
296
279
|
components: [].concat(_toConsumableArray__default["default"](acc.components || []), _toConsumableArray__default["default"](containerComponent ? [containerComponent] : []))
|
|
@@ -299,16 +282,13 @@ var transform = function transform(newStory, _ref) {
|
|
|
299
282
|
story: newStory,
|
|
300
283
|
components: []
|
|
301
284
|
});
|
|
302
|
-
|
|
303
285
|
var _ref2 = list || {},
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
286
|
+
reducedStory = _ref2.story,
|
|
287
|
+
_ref2$components = _ref2.components,
|
|
288
|
+
reducedComponents = _ref2$components === void 0 ? [] : _ref2$components;
|
|
308
289
|
var _Container2 = appleNews.Container(reducedStory, reducedComponents),
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
290
|
+
bigContainerStory = _Container2.story,
|
|
291
|
+
bigContainerComponent = _Container2.component;
|
|
312
292
|
return _objectSpread__default["default"](_objectSpread__default["default"]({}, bigContainerStory), {}, {
|
|
313
293
|
components: [].concat(_toConsumableArray__default["default"](newStory.components || []), _toConsumableArray__default["default"](bigContainerComponent ? [bigContainerComponent] : []))
|
|
314
294
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-ranking",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.318",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"javascript"
|
|
@@ -49,24 +49,24 @@
|
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@babel/runtime": "^7.13.10",
|
|
52
|
-
"@micromag/core": "^0.3.
|
|
53
|
-
"@micromag/data": "^0.3.
|
|
54
|
-
"@micromag/element-background": "^0.3.
|
|
55
|
-
"@micromag/element-call-to-action": "^0.3.
|
|
56
|
-
"@micromag/element-container": "^0.3.
|
|
57
|
-
"@micromag/element-heading": "^0.3.
|
|
58
|
-
"@micromag/element-layout": "^0.3.
|
|
59
|
-
"@micromag/element-scroll": "^0.3.
|
|
60
|
-
"@micromag/element-text": "^0.3.
|
|
61
|
-
"@micromag/transforms": "^0.3.
|
|
52
|
+
"@micromag/core": "^0.3.318",
|
|
53
|
+
"@micromag/data": "^0.3.318",
|
|
54
|
+
"@micromag/element-background": "^0.3.318",
|
|
55
|
+
"@micromag/element-call-to-action": "^0.3.318",
|
|
56
|
+
"@micromag/element-container": "^0.3.318",
|
|
57
|
+
"@micromag/element-heading": "^0.3.318",
|
|
58
|
+
"@micromag/element-layout": "^0.3.318",
|
|
59
|
+
"@micromag/element-scroll": "^0.3.318",
|
|
60
|
+
"@micromag/element-text": "^0.3.318",
|
|
61
|
+
"@micromag/transforms": "^0.3.318",
|
|
62
62
|
"classnames": "^2.2.6",
|
|
63
63
|
"lodash": "^4.17.21",
|
|
64
64
|
"prop-types": "^15.7.2",
|
|
65
65
|
"react-intl": "^5.12.1",
|
|
66
|
-
"uuid": "^
|
|
66
|
+
"uuid": "^9.0.0"
|
|
67
67
|
},
|
|
68
68
|
"publishConfig": {
|
|
69
69
|
"access": "public"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "7d1a296e0c0d410e1225279e1f19e3a7715bfa96"
|
|
72
72
|
}
|