@micromag/screen-map 0.3.425 → 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.
- package/assets/css/styles.css +1 -1
- package/es/index.js +1 -2
- package/lib/index.js +57 -77
- package/package.json +22 -14
package/assets/css/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.micromag-screen-map-container .micromag-screen-map-background,.micromag-screen-map-container .micromag-screen-map-markerOverlayContainer,.micromag-screen-map-container .micromag-screen-map-markerOverlayScrollable,.micromag-screen-map-container .micromag-screen-map-splash{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-map-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-map-disabled.micromag-screen-map-container{overflow:hidden;pointer-events:none}.micromag-screen-map-hidden.micromag-screen-map-container{display:none;visibility:hidden}.micromag-screen-map-placeholder.micromag-screen-map-container .micromag-screen-map-content{padding:6px;position:relative}.micromag-screen-map-container .micromag-screen-map-background{z-index:0}.micromag-screen-map-container .micromag-screen-map-content{z-index:1}.micromag-screen-map-container .micromag-screen-map-placeholder{height:100%}.micromag-screen-map-container .micromag-screen-map-markerOverlayContainer{background-color:rgba(28,28,28,.4);opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease
|
|
1
|
+
.micromag-screen-map-container .micromag-screen-map-background,.micromag-screen-map-container .micromag-screen-map-markerOverlayContainer,.micromag-screen-map-container .micromag-screen-map-markerOverlayScrollable,.micromag-screen-map-container .micromag-screen-map-splash{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-map-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-map-disabled.micromag-screen-map-container{overflow:hidden;pointer-events:none}.micromag-screen-map-hidden.micromag-screen-map-container{display:none;visibility:hidden}.micromag-screen-map-placeholder.micromag-screen-map-container .micromag-screen-map-content{padding:6px;position:relative}.micromag-screen-map-container .micromag-screen-map-background{z-index:0}.micromag-screen-map-container .micromag-screen-map-content{z-index:1}.micromag-screen-map-container .micromag-screen-map-placeholder{height:100%}.micromag-screen-map-container .micromag-screen-map-markerOverlayContainer{background-color:rgba(28,28,28,.4);opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.micromag-screen-map-container .micromag-screen-map-markerOverlaySafe{display:block;width:100%}.micromag-screen-map-container .micromag-screen-map-markerOverlay{overflow:hidden;width:100%}.micromag-screen-map-container .micromag-screen-map-markerOverlay,.micromag-screen-map-container .micromag-screen-map-markerOverlayContent{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.micromag-screen-map-container .micromag-screen-map-markerOverlayContent{-webkit-box-flex:1;-ms-flex-positive:1;background-color:#fff;flex-grow:1;padding:0 20px;position:relative;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.micromag-screen-map-container .micromag-screen-map-markerOverlayContentInner{color:#1c1c1c}.micromag-screen-map-container .micromag-screen-map-swipeIndicator{border:2px solid #adadad;border-radius:2px;margin:10px auto;width:30px}.micromag-screen-map-container .micromag-screen-map-splash{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;background-color:rgba(28,28,28,.75);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;padding:20px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-description,.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-title{margin:10px 0}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-button{display:inline-block}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyButton,.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyDescription,.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyTitle{margin:5px auto;width:100%}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyTitle{height:50px}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyDescription{height:80px}.micromag-screen-map-container .micromag-screen-map-splash .micromag-screen-map-emptyButton{height:70px}.micromag-screen-map-container .micromag-screen-map-splashButton{margin-top:10px}.micromag-screen-map-container .micromag-screen-map-closeButton{background-color:rgba(43,43,43,.8);border-radius:50%;display:block;font-size:30px;height:44px;line-height:0;opacity:0;padding:0;pointer-events:none;position:absolute;right:20px;text-align:center;top:20px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:44px}.micromag-screen-map-container .micromag-screen-map-markerDescription,.micromag-screen-map-container .micromag-screen-map-markerImage,.micromag-screen-map-container .micromag-screen-map-markerSubtitle,.micromag-screen-map-container .micromag-screen-map-markerTitle{margin-bottom:20px}.micromag-screen-map-container.micromag-screen-map-hasSelectedMarker .micromag-screen-map-markerOverlayContainer{opacity:1;pointer-events:auto}.micromag-screen-map-container.micromag-screen-map-hasSelectedMarker .micromag-screen-map-markerOverlayContent{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.micromag-screen-map-container.micromag-screen-map-opened .micromag-screen-map-splash{opacity:0;pointer-events:none}.micromag-screen-map-container.micromag-screen-map-opened .micromag-screen-map-closeButton{opacity:1;pointer-events:all}
|
package/es/index.js
CHANGED
|
@@ -93,7 +93,6 @@ var defaultProps = {
|
|
|
93
93
|
className: null
|
|
94
94
|
};
|
|
95
95
|
function MapScreen(_ref) {
|
|
96
|
-
var _ref15;
|
|
97
96
|
var layout = _ref.layout,
|
|
98
97
|
draggable = _ref.draggable,
|
|
99
98
|
markers = _ref.markers,
|
|
@@ -354,7 +353,7 @@ function MapScreen(_ref) {
|
|
|
354
353
|
var hasDescription = isTextFilled(description);
|
|
355
354
|
var hasButton = isTextFilled(button);
|
|
356
355
|
return /*#__PURE__*/React.createElement("div", {
|
|
357
|
-
className: classNames([styles.container, (
|
|
356
|
+
className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles["".concat(layout, "Layout")], layout !== null), styles.opened, opened || isPreview && screenState !== 'intro'), styles.hasSelectedMarker, hasSelectedMarker)]),
|
|
358
357
|
"data-screen-ready": finalReady
|
|
359
358
|
}, /*#__PURE__*/React.createElement(Container, {
|
|
360
359
|
width: width,
|
package/lib/index.js
CHANGED
|
@@ -27,25 +27,6 @@ var _extends = require('@babel/runtime/helpers/extends');
|
|
|
27
27
|
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
28
28
|
var appleNews = require('@micromag/transforms/apple-news');
|
|
29
29
|
|
|
30
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
31
|
-
|
|
32
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
33
|
-
var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
|
|
34
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
35
|
-
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
36
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
37
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
38
|
-
var ButtonElement__default = /*#__PURE__*/_interopDefaultLegacy(ButtonElement);
|
|
39
|
-
var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
|
|
40
|
-
var Heading__default = /*#__PURE__*/_interopDefaultLegacy(Heading);
|
|
41
|
-
var ImageElement__default = /*#__PURE__*/_interopDefaultLegacy(ImageElement);
|
|
42
|
-
var Map__default = /*#__PURE__*/_interopDefaultLegacy(Map);
|
|
43
|
-
var Scroll__default = /*#__PURE__*/_interopDefaultLegacy(Scroll);
|
|
44
|
-
var Text__default = /*#__PURE__*/_interopDefaultLegacy(Text);
|
|
45
|
-
var _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefaultLegacy(_objectDestructuringEmpty);
|
|
46
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
47
|
-
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
|
|
48
|
-
|
|
49
30
|
var styles = {"container":"micromag-screen-map-container","splash":"micromag-screen-map-splash","markerOverlayScrollable":"micromag-screen-map-markerOverlayScrollable","markerOverlayContainer":"micromag-screen-map-markerOverlayContainer","background":"micromag-screen-map-background","disabled":"micromag-screen-map-disabled","hidden":"micromag-screen-map-hidden","placeholder":"micromag-screen-map-placeholder","content":"micromag-screen-map-content","markerOverlaySafe":"micromag-screen-map-markerOverlaySafe","markerOverlay":"micromag-screen-map-markerOverlay","markerOverlayContent":"micromag-screen-map-markerOverlayContent","markerOverlayContentInner":"micromag-screen-map-markerOverlayContentInner","swipeIndicator":"micromag-screen-map-swipeIndicator","title":"micromag-screen-map-title","description":"micromag-screen-map-description","button":"micromag-screen-map-button","emptyTitle":"micromag-screen-map-emptyTitle","emptyDescription":"micromag-screen-map-emptyDescription","emptyButton":"micromag-screen-map-emptyButton","splashButton":"micromag-screen-map-splashButton","closeButton":"micromag-screen-map-closeButton","markerImage":"micromag-screen-map-markerImage","markerTitle":"micromag-screen-map-markerTitle","markerSubtitle":"micromag-screen-map-markerSubtitle","markerDescription":"micromag-screen-map-markerDescription","hasSelectedMarker":"micromag-screen-map-hasSelectedMarker","opened":"micromag-screen-map-opened"};
|
|
50
31
|
|
|
51
32
|
var defaultCenter = {
|
|
@@ -74,27 +55,27 @@ var stopDragEventsPropagation = {
|
|
|
74
55
|
}
|
|
75
56
|
};
|
|
76
57
|
var propTypes = {
|
|
77
|
-
layout:
|
|
78
|
-
draggable:
|
|
79
|
-
markers:
|
|
58
|
+
layout: PropTypes.oneOf(['normal']),
|
|
59
|
+
draggable: PropTypes.bool,
|
|
60
|
+
markers: PropTypes.oneOfType([core.PropTypes.markers, core.PropTypes.markersWithImage]),
|
|
80
61
|
title: core.PropTypes.textElement,
|
|
81
62
|
description: core.PropTypes.textElement,
|
|
82
63
|
button: core.PropTypes.textElement,
|
|
83
|
-
openedMarkerSpacerHeight:
|
|
84
|
-
withMarkerImages:
|
|
64
|
+
openedMarkerSpacerHeight: PropTypes.number,
|
|
65
|
+
withMarkerImages: PropTypes.bool,
|
|
85
66
|
center: core.PropTypes.geoPosition,
|
|
86
|
-
zoom:
|
|
87
|
-
fitBounds:
|
|
67
|
+
zoom: PropTypes.number,
|
|
68
|
+
fitBounds: PropTypes.bool,
|
|
88
69
|
// header: MicromagPropTypes.header,
|
|
89
70
|
// footer: MicromagPropTypes.footer,
|
|
90
71
|
background: core.PropTypes.backgroundElement,
|
|
91
|
-
current:
|
|
92
|
-
active:
|
|
72
|
+
current: PropTypes.bool,
|
|
73
|
+
active: PropTypes.bool,
|
|
93
74
|
transitions: core.PropTypes.transitions,
|
|
94
75
|
// enableInteractions: PropTypes.func,
|
|
95
76
|
// disableInteraction: PropTypes.func,
|
|
96
|
-
type:
|
|
97
|
-
className:
|
|
77
|
+
type: PropTypes.string,
|
|
78
|
+
className: PropTypes.string
|
|
98
79
|
};
|
|
99
80
|
var defaultProps = {
|
|
100
81
|
layout: 'normal',
|
|
@@ -116,7 +97,6 @@ var defaultProps = {
|
|
|
116
97
|
className: null
|
|
117
98
|
};
|
|
118
99
|
function MapScreen(_ref) {
|
|
119
|
-
var _ref15;
|
|
120
100
|
var layout = _ref.layout,
|
|
121
101
|
draggable = _ref.draggable,
|
|
122
102
|
markers = _ref.markers,
|
|
@@ -141,7 +121,7 @@ function MapScreen(_ref) {
|
|
|
141
121
|
apiKey = _useGoogleKeys$apiKey === void 0 ? null : _useGoogleKeys$apiKey;
|
|
142
122
|
var trackScreenEvent = hooks.useTrackScreenEvent(type);
|
|
143
123
|
var _useState = React.useState(null),
|
|
144
|
-
_useState2 =
|
|
124
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
145
125
|
selectedMarkerIndex = _useState2[0],
|
|
146
126
|
setSelectedMarkerIndex = _useState2[1];
|
|
147
127
|
var hasSelectedMarker = selectedMarkerIndex !== null;
|
|
@@ -165,7 +145,7 @@ function MapScreen(_ref) {
|
|
|
165
145
|
isCapture = _useScreenRenderConte.isCapture;
|
|
166
146
|
var screenState = contexts.useScreenState();
|
|
167
147
|
var _useState3 = React.useState(false),
|
|
168
|
-
_useState4 =
|
|
148
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
169
149
|
ready = _useState4[0],
|
|
170
150
|
setReady = _useState4[1];
|
|
171
151
|
var transitionPlaying = current && ready;
|
|
@@ -175,7 +155,7 @@ function MapScreen(_ref) {
|
|
|
175
155
|
// const backgroundShouldLoad = current || active;
|
|
176
156
|
var backgroundShouldLoad = current || active;
|
|
177
157
|
var _useState5 = React.useState(isStatic || isCapture),
|
|
178
|
-
_useState6 =
|
|
158
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
179
159
|
opened = _useState6[0],
|
|
180
160
|
setOpened = _useState6[1];
|
|
181
161
|
var _useViewerInteraction = contexts.useViewerInteraction(),
|
|
@@ -186,7 +166,7 @@ function MapScreen(_ref) {
|
|
|
186
166
|
}, [setReady]);
|
|
187
167
|
var finalMarkers = React.useMemo(function () {
|
|
188
168
|
return (markers || []).map(function (marker, markerI) {
|
|
189
|
-
return
|
|
169
|
+
return _objectSpread(_objectSpread({}, marker), {}, {
|
|
190
170
|
active: markerI === selectedMarkerIndex
|
|
191
171
|
});
|
|
192
172
|
});
|
|
@@ -250,7 +230,7 @@ function MapScreen(_ref) {
|
|
|
250
230
|
_useDimensionObserver2 = _useDimensionObserver.width,
|
|
251
231
|
markerOverContentInnerWidth = _useDimensionObserver2 === void 0 ? '100%' : _useDimensionObserver2;
|
|
252
232
|
var _useState7 = React.useState(0),
|
|
253
|
-
_useState8 =
|
|
233
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
254
234
|
markerImagesLoaded = _useState8[0],
|
|
255
235
|
setMarkerImagesLoaded = _useState8[1];
|
|
256
236
|
var allMarkersImagesLoaded = markerImagesLoaded === (markers || []).length;
|
|
@@ -296,7 +276,7 @@ function MapScreen(_ref) {
|
|
|
296
276
|
return;
|
|
297
277
|
}
|
|
298
278
|
var _ref6 = screenState !== null ? screenState.split('.') : [],
|
|
299
|
-
_ref7 =
|
|
279
|
+
_ref7 = _slicedToArray(_ref6, 2),
|
|
300
280
|
_ref7$ = _ref7[0],
|
|
301
281
|
stateId = _ref7$ === void 0 ? null : _ref7$,
|
|
302
282
|
_ref7$2 = _ref7[1],
|
|
@@ -376,22 +356,22 @@ function MapScreen(_ref) {
|
|
|
376
356
|
var hasTitle = utils.isTextFilled(title);
|
|
377
357
|
var hasDescription = utils.isTextFilled(description);
|
|
378
358
|
var hasButton = utils.isTextFilled(button);
|
|
379
|
-
return /*#__PURE__*/
|
|
380
|
-
className:
|
|
359
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
360
|
+
className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, className, className !== null), styles["".concat(layout, "Layout")], layout !== null), styles.opened, opened || isPreview && screenState !== 'intro'), styles.hasSelectedMarker, hasSelectedMarker)]),
|
|
381
361
|
"data-screen-ready": finalReady
|
|
382
|
-
}, /*#__PURE__*/
|
|
362
|
+
}, /*#__PURE__*/React.createElement(Container, {
|
|
383
363
|
width: width,
|
|
384
364
|
height: height,
|
|
385
365
|
className: styles.content
|
|
386
|
-
}, isPlaceholder ? /*#__PURE__*/
|
|
366
|
+
}, isPlaceholder ? /*#__PURE__*/React.createElement(components.PlaceholderMap, {
|
|
387
367
|
className: styles.placeholder,
|
|
388
368
|
withImages: withMarkerImages
|
|
389
|
-
}) : /*#__PURE__*/
|
|
369
|
+
}) : /*#__PURE__*/React.createElement(components.Transitions, {
|
|
390
370
|
transitions: transitions,
|
|
391
371
|
playing: transitionPlaying,
|
|
392
372
|
fullscreen: true,
|
|
393
373
|
disabled: transitionDisabled
|
|
394
|
-
}, isPreview ? /*#__PURE__*/
|
|
374
|
+
}, isPreview ? /*#__PURE__*/React.createElement(ImageElement, {
|
|
395
375
|
media: staticUrl !== null ? {
|
|
396
376
|
url: staticUrl,
|
|
397
377
|
metadata: {
|
|
@@ -405,7 +385,7 @@ function MapScreen(_ref) {
|
|
|
405
385
|
objectFit: {
|
|
406
386
|
fit: 'cover'
|
|
407
387
|
}
|
|
408
|
-
}) : /*#__PURE__*/
|
|
388
|
+
}) : /*#__PURE__*/React.createElement(Map, {
|
|
409
389
|
key: "map",
|
|
410
390
|
center: center,
|
|
411
391
|
zoom: zoom,
|
|
@@ -415,16 +395,16 @@ function MapScreen(_ref) {
|
|
|
415
395
|
onClickMarker: onClickMarker,
|
|
416
396
|
onReady: onMapReady,
|
|
417
397
|
onDragEnd: onMapDragEnd
|
|
418
|
-
}), /*#__PURE__*/
|
|
398
|
+
}), /*#__PURE__*/React.createElement("div", Object.assign({
|
|
419
399
|
key: "marker-overlay",
|
|
420
400
|
className: styles.markerOverlayContainer
|
|
421
|
-
}, stopDragEventsPropagation), /*#__PURE__*/
|
|
401
|
+
}, stopDragEventsPropagation), /*#__PURE__*/React.createElement("div", {
|
|
422
402
|
className: styles.markerOverlayScrollable
|
|
423
|
-
}, /*#__PURE__*/
|
|
403
|
+
}, /*#__PURE__*/React.createElement(Scroll, {
|
|
424
404
|
fullscreen: true,
|
|
425
405
|
disabled: scrollingDisabled,
|
|
426
406
|
onScrolledBottom: onScrolledBottom
|
|
427
|
-
}, /*#__PURE__*/
|
|
407
|
+
}, /*#__PURE__*/React.createElement(components.Button, {
|
|
428
408
|
className: styles.markerOverlaySafe,
|
|
429
409
|
onClick: onClickMap,
|
|
430
410
|
withoutStyle: true,
|
|
@@ -433,37 +413,37 @@ function MapScreen(_ref) {
|
|
|
433
413
|
},
|
|
434
414
|
disabled: isPreview,
|
|
435
415
|
focusable: current && isView
|
|
436
|
-
}), /*#__PURE__*/
|
|
416
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
437
417
|
className: styles.markerOverlay,
|
|
438
418
|
style: {
|
|
439
419
|
minHeight: height * (1 - openedMarkerSpacerHeight)
|
|
440
420
|
}
|
|
441
|
-
}, /*#__PURE__*/
|
|
421
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
442
422
|
className: styles.markerOverlayContent,
|
|
443
423
|
style: markerOverlayContentStyle
|
|
444
|
-
}, /*#__PURE__*/
|
|
424
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
445
425
|
className: styles.swipeIndicator
|
|
446
|
-
}), /*#__PURE__*/
|
|
426
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
447
427
|
className: styles.markerOverlayContentInner,
|
|
448
428
|
key: "markerContent-".concat(selectedMarkerIndex),
|
|
449
429
|
ref: markerOverContentInnerRef
|
|
450
|
-
}, hasMarkerImage ? /*#__PURE__*/
|
|
430
|
+
}, hasMarkerImage ? /*#__PURE__*/React.createElement(ImageElement, {
|
|
451
431
|
className: styles.markerImage,
|
|
452
432
|
media: markerImage,
|
|
453
433
|
width: markerOverContentInnerWidth,
|
|
454
434
|
resolution: resolution
|
|
455
|
-
}) : null, hasMarkerTitle ? /*#__PURE__*/
|
|
435
|
+
}) : null, hasMarkerTitle ? /*#__PURE__*/React.createElement(Heading, Object.assign({
|
|
456
436
|
className: styles.markerTitle
|
|
457
|
-
}, markerTitle)) : null, hasMarkerSubtitle ? /*#__PURE__*/
|
|
437
|
+
}, markerTitle)) : null, hasMarkerSubtitle ? /*#__PURE__*/React.createElement(Heading, Object.assign({
|
|
458
438
|
size: 3,
|
|
459
439
|
className: styles.markerSubtitle
|
|
460
|
-
}, markerSubtitle)) : null, hasMarkerDescription ? /*#__PURE__*/
|
|
440
|
+
}, markerSubtitle)) : null, hasMarkerDescription ? /*#__PURE__*/React.createElement(Text, Object.assign({
|
|
461
441
|
className: styles.markerDescription
|
|
462
|
-
}, markerDescription)) : null)))))), /*#__PURE__*/
|
|
442
|
+
}, markerDescription)) : null)))))), /*#__PURE__*/React.createElement("div", {
|
|
463
443
|
key: "splash",
|
|
464
|
-
className:
|
|
465
|
-
}, /*#__PURE__*/
|
|
466
|
-
emptyLabel: /*#__PURE__*/
|
|
444
|
+
className: classNames([styles.splash])
|
|
445
|
+
}, /*#__PURE__*/React.createElement(components.ScreenElement, {
|
|
446
|
+
emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
|
|
467
447
|
id: "2ZOPe+",
|
|
468
448
|
defaultMessage: [{
|
|
469
449
|
"type": 0,
|
|
@@ -472,10 +452,10 @@ function MapScreen(_ref) {
|
|
|
472
452
|
}),
|
|
473
453
|
emptyClassName: styles.emptyTitle,
|
|
474
454
|
isEmpty: !hasTitle
|
|
475
|
-
}, /*#__PURE__*/
|
|
455
|
+
}, /*#__PURE__*/React.createElement(Heading, Object.assign({
|
|
476
456
|
className: styles.title
|
|
477
|
-
}, title))), /*#__PURE__*/
|
|
478
|
-
emptyLabel: /*#__PURE__*/
|
|
457
|
+
}, title))), /*#__PURE__*/React.createElement(components.ScreenElement, {
|
|
458
|
+
emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
|
|
479
459
|
id: "507VAi",
|
|
480
460
|
defaultMessage: [{
|
|
481
461
|
"type": 0,
|
|
@@ -484,10 +464,10 @@ function MapScreen(_ref) {
|
|
|
484
464
|
}),
|
|
485
465
|
emptyClassName: styles.emptyDescription,
|
|
486
466
|
isEmpty: !hasDescription
|
|
487
|
-
}, /*#__PURE__*/
|
|
467
|
+
}, /*#__PURE__*/React.createElement(Text, Object.assign({
|
|
488
468
|
className: styles.description
|
|
489
|
-
}, description))), /*#__PURE__*/
|
|
490
|
-
emptyLabel: /*#__PURE__*/
|
|
469
|
+
}, description))), /*#__PURE__*/React.createElement(components.ScreenElement, {
|
|
470
|
+
emptyLabel: /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
|
|
491
471
|
id: "bv3rRe",
|
|
492
472
|
defaultMessage: [{
|
|
493
473
|
"type": 0,
|
|
@@ -496,25 +476,25 @@ function MapScreen(_ref) {
|
|
|
496
476
|
}),
|
|
497
477
|
emptyClassName: styles.emptyButton,
|
|
498
478
|
isEmpty: !hasButton
|
|
499
|
-
}, /*#__PURE__*/
|
|
479
|
+
}, /*#__PURE__*/React.createElement(ButtonElement, {
|
|
500
480
|
className: styles.splashButton,
|
|
501
481
|
onClick: onButtonClick,
|
|
502
482
|
buttonStyle: button !== null ? button.buttonStyle : null,
|
|
503
483
|
focusable: current && isView
|
|
504
|
-
}, hasButton ? /*#__PURE__*/
|
|
484
|
+
}, hasButton ? /*#__PURE__*/React.createElement(Text, Object.assign({}, button, {
|
|
505
485
|
className: styles.button
|
|
506
|
-
})) : /*#__PURE__*/
|
|
486
|
+
})) : /*#__PURE__*/React.createElement(reactIntl.FormattedMessage, {
|
|
507
487
|
id: "sXfFFw",
|
|
508
488
|
defaultMessage: [{
|
|
509
489
|
"type": 0,
|
|
510
490
|
"value": "Enter"
|
|
511
491
|
}]
|
|
512
|
-
})))), !isStatic && !isCapture && !isPreview && !isEdit ? /*#__PURE__*/
|
|
492
|
+
})))), !isStatic && !isCapture && !isPreview && !isEdit ? /*#__PURE__*/React.createElement(components.Button, {
|
|
513
493
|
key: "close-button",
|
|
514
494
|
className: styles.closeButton,
|
|
515
495
|
onClick: onCloseClick,
|
|
516
496
|
focusable: current && isView
|
|
517
|
-
}, "\xD7") : null)), !isPlaceholder ? /*#__PURE__*/
|
|
497
|
+
}, "\xD7") : null)), !isPlaceholder ? /*#__PURE__*/React.createElement(elementBackground.Background, {
|
|
518
498
|
color: {
|
|
519
499
|
color: '#FFFFFF',
|
|
520
500
|
alpha: 1
|
|
@@ -534,8 +514,8 @@ MapScreen.propTypes = propTypes;
|
|
|
534
514
|
MapScreen.defaultProps = defaultProps;
|
|
535
515
|
|
|
536
516
|
var MapImagesScreen = function MapImagesScreen(_ref) {
|
|
537
|
-
var props =
|
|
538
|
-
return /*#__PURE__*/
|
|
517
|
+
var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
518
|
+
return /*#__PURE__*/React.createElement(MapScreen, Object.assign({}, props, {
|
|
539
519
|
withMarkerImages: true
|
|
540
520
|
}));
|
|
541
521
|
};
|
|
@@ -561,11 +541,11 @@ var transform = function transform(newStory, _ref) {
|
|
|
561
541
|
}),
|
|
562
542
|
titleStory = _Map.story,
|
|
563
543
|
titleComponent = _Map.component;
|
|
564
|
-
var _Container = appleNews.Container(titleStory,
|
|
544
|
+
var _Container = appleNews.Container(titleStory, _toConsumableArray(titleComponent ? [titleComponent] : [])),
|
|
565
545
|
containerStory = _Container.story,
|
|
566
546
|
containerComponent = _Container.component;
|
|
567
|
-
return
|
|
568
|
-
components: [].concat(
|
|
547
|
+
return _objectSpread(_objectSpread({}, containerStory), {}, {
|
|
548
|
+
components: [].concat(_toConsumableArray(newStory.components || []), _toConsumableArray(containerComponent ? [containerComponent] : []))
|
|
569
549
|
});
|
|
570
550
|
};
|
|
571
551
|
|
|
@@ -942,4 +922,4 @@ var definition = [{
|
|
|
942
922
|
|
|
943
923
|
exports.MapImagesScreen = MapImagesScreen;
|
|
944
924
|
exports.MapScreen = MapScreen;
|
|
945
|
-
exports
|
|
925
|
+
exports.default = definition;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/screen-map",
|
|
3
|
-
"version": "0.3.
|
|
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,18 +58,18 @@
|
|
|
50
58
|
},
|
|
51
59
|
"dependencies": {
|
|
52
60
|
"@babel/runtime": "^7.13.10",
|
|
53
|
-
"@micromag/core": "^0.3.
|
|
54
|
-
"@micromag/element-background": "^0.3.
|
|
55
|
-
"@micromag/element-button": "^0.3.
|
|
56
|
-
"@micromag/element-container": "^0.3.
|
|
57
|
-
"@micromag/element-footer": "^0.3.
|
|
58
|
-
"@micromag/element-header": "^0.3.
|
|
59
|
-
"@micromag/element-heading": "^0.3.
|
|
60
|
-
"@micromag/element-image": "^0.3.
|
|
61
|
-
"@micromag/element-map": "^0.3.
|
|
62
|
-
"@micromag/element-scroll": "^0.3.
|
|
63
|
-
"@micromag/element-text": "^0.3.
|
|
64
|
-
"@micromag/transforms": "^0.3.
|
|
61
|
+
"@micromag/core": "^0.3.429",
|
|
62
|
+
"@micromag/element-background": "^0.3.429",
|
|
63
|
+
"@micromag/element-button": "^0.3.429",
|
|
64
|
+
"@micromag/element-container": "^0.3.429",
|
|
65
|
+
"@micromag/element-footer": "^0.3.429",
|
|
66
|
+
"@micromag/element-header": "^0.3.429",
|
|
67
|
+
"@micromag/element-heading": "^0.3.429",
|
|
68
|
+
"@micromag/element-image": "^0.3.429",
|
|
69
|
+
"@micromag/element-map": "^0.3.429",
|
|
70
|
+
"@micromag/element-scroll": "^0.3.429",
|
|
71
|
+
"@micromag/element-text": "^0.3.429",
|
|
72
|
+
"@micromag/transforms": "^0.3.429",
|
|
65
73
|
"classnames": "^2.2.6",
|
|
66
74
|
"lodash": "^4.17.21",
|
|
67
75
|
"prop-types": "^15.7.2",
|
|
@@ -72,5 +80,5 @@
|
|
|
72
80
|
"access": "public",
|
|
73
81
|
"registry": "https://registry.npmjs.org/"
|
|
74
82
|
},
|
|
75
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "f15e72b88ecfda4c54b87626513149b58572c52b"
|
|
76
84
|
}
|