@micromag/viewer 0.3.700 → 0.3.701
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/es/index.js +58 -58
- package/package.json +3 -3
package/es/index.js
CHANGED
|
@@ -1723,14 +1723,14 @@ var ViewerMenu = function ViewerMenu(_ref) {
|
|
|
1723
1723
|
}
|
|
1724
1724
|
return progress;
|
|
1725
1725
|
}, [onOpenMenu]);
|
|
1726
|
-
var computeMenuProgressClose = useCallback(function (
|
|
1727
|
-
var active =
|
|
1728
|
-
|
|
1729
|
-
dy =
|
|
1730
|
-
|
|
1731
|
-
my =
|
|
1732
|
-
|
|
1733
|
-
vy =
|
|
1726
|
+
var computeMenuProgressClose = useCallback(function (_ref0) {
|
|
1727
|
+
var active = _ref0.active,
|
|
1728
|
+
_ref0$direction = _slicedToArray(_ref0.direction, 2),
|
|
1729
|
+
dy = _ref0$direction[1],
|
|
1730
|
+
_ref0$movement = _slicedToArray(_ref0.movement, 2),
|
|
1731
|
+
my = _ref0$movement[1],
|
|
1732
|
+
_ref0$velocity = _slicedToArray(_ref0.velocity, 2),
|
|
1733
|
+
vy = _ref0$velocity[1];
|
|
1734
1734
|
var progress = Math.max(0, my) / (window.innerHeight * 0.8);
|
|
1735
1735
|
var reachedThreshold = (vy > 0.3 || Math.abs(progress) > 0.3) && dy !== -1;
|
|
1736
1736
|
if (!active) {
|
|
@@ -3057,11 +3057,11 @@ var Viewer = function Viewer(_ref) {
|
|
|
3057
3057
|
onScreenChange(screens[index], index);
|
|
3058
3058
|
}
|
|
3059
3059
|
}, [screenIndex, screens, onScreenChange]);
|
|
3060
|
-
var onScreenNavigate = useCallback(function (
|
|
3061
|
-
var index =
|
|
3062
|
-
newIndex =
|
|
3063
|
-
end =
|
|
3064
|
-
direction =
|
|
3060
|
+
var onScreenNavigate = useCallback(function (_ref0) {
|
|
3061
|
+
var index = _ref0.index,
|
|
3062
|
+
newIndex = _ref0.newIndex,
|
|
3063
|
+
end = _ref0.end,
|
|
3064
|
+
direction = _ref0.direction;
|
|
3065
3065
|
if (end && onEnd !== null) {
|
|
3066
3066
|
onEnd();
|
|
3067
3067
|
}
|
|
@@ -3109,13 +3109,13 @@ var Viewer = function Viewer(_ref) {
|
|
|
3109
3109
|
currentScreenInteractionEnabled = _useScreenInteraction.currentScreenInteractionEnabled,
|
|
3110
3110
|
enableInteraction = _useScreenInteraction.enableInteraction,
|
|
3111
3111
|
disableInteraction = _useScreenInteraction.disableInteraction;
|
|
3112
|
-
var onTap = useCallback(function (
|
|
3113
|
-
var currentTarget =
|
|
3114
|
-
event =
|
|
3115
|
-
target =
|
|
3116
|
-
|
|
3117
|
-
x =
|
|
3118
|
-
y =
|
|
3112
|
+
var onTap = useCallback(function (_ref1) {
|
|
3113
|
+
var currentTarget = _ref1.currentTarget,
|
|
3114
|
+
event = _ref1.event,
|
|
3115
|
+
target = _ref1.target,
|
|
3116
|
+
_ref1$xy = _slicedToArray(_ref1.xy, 2),
|
|
3117
|
+
x = _ref1$xy[0],
|
|
3118
|
+
y = _ref1$xy[1];
|
|
3119
3119
|
// if (event) {
|
|
3120
3120
|
// event.stopPropagation();
|
|
3121
3121
|
// }
|
|
@@ -3128,12 +3128,12 @@ var Viewer = function Viewer(_ref) {
|
|
|
3128
3128
|
y: y
|
|
3129
3129
|
});
|
|
3130
3130
|
}, [interactWithScreen, screenIndex]);
|
|
3131
|
-
var computeScreenProgress = useCallback(function (
|
|
3132
|
-
var active =
|
|
3133
|
-
|
|
3134
|
-
mx =
|
|
3135
|
-
|
|
3136
|
-
vx =
|
|
3131
|
+
var computeScreenProgress = useCallback(function (_ref10) {
|
|
3132
|
+
var active = _ref10.active,
|
|
3133
|
+
_ref10$movement = _slicedToArray(_ref10.movement, 1),
|
|
3134
|
+
mx = _ref10$movement[0],
|
|
3135
|
+
_ref10$velocity = _slicedToArray(_ref10.velocity, 1),
|
|
3136
|
+
vx = _ref10$velocity[0];
|
|
3137
3137
|
var p = mx / screenContainerWidth; // drag "ratio": how much of the screen width has been swiped?
|
|
3138
3138
|
var forwards = mx < 0; // true if swiping to left (to navigate forwards)
|
|
3139
3139
|
var newIndex = !forwards ? screenIndex - 1 : screenIndex + 1; // which item index are we moving towards?
|
|
@@ -3146,8 +3146,8 @@ var Viewer = function Viewer(_ref) {
|
|
|
3146
3146
|
}
|
|
3147
3147
|
return screenIndex - progress;
|
|
3148
3148
|
}, [screenContainerWidth, screenIndex]);
|
|
3149
|
-
var onScreenProgress = useCallback(function (progress,
|
|
3150
|
-
var active =
|
|
3149
|
+
var onScreenProgress = useCallback(function (progress, _ref11) {
|
|
3150
|
+
var active = _ref11.active;
|
|
3151
3151
|
var delta = Math.abs(progress - screenIndex);
|
|
3152
3152
|
var reachedBounds = progress < 0 || progress >= screensCount; // have we reached the end of the stack?
|
|
3153
3153
|
if (!active && delta === 1 && !reachedBounds) {
|
|
@@ -3257,11 +3257,11 @@ var Viewer = function Viewer(_ref) {
|
|
|
3257
3257
|
menuDotsContainerRef = _useDimensionObserver3.ref,
|
|
3258
3258
|
_useDimensionObserver4 = _useDimensionObserver3.height,
|
|
3259
3259
|
menuDotsContainerHeight = _useDimensionObserver4 === void 0 ? 0 : _useDimensionObserver4;
|
|
3260
|
-
var onClickScreen = useCallback(function (
|
|
3261
|
-
var itemScreenId =
|
|
3260
|
+
var onClickScreen = useCallback(function (_ref12) {
|
|
3261
|
+
var itemScreenId = _ref12.screenId;
|
|
3262
3262
|
onInteractionPrivate();
|
|
3263
|
-
var index = screens.findIndex(function (
|
|
3264
|
-
var id =
|
|
3263
|
+
var index = screens.findIndex(function (_ref13) {
|
|
3264
|
+
var id = _ref13.id;
|
|
3265
3265
|
return id === itemScreenId;
|
|
3266
3266
|
});
|
|
3267
3267
|
changeIndex(index);
|
|
@@ -3329,29 +3329,29 @@ var Viewer = function Viewer(_ref) {
|
|
|
3329
3329
|
currentShareIncentive = _useState8[0],
|
|
3330
3330
|
setCurrentShareIncentive = _useState8[1];
|
|
3331
3331
|
var _useState9 = useState(false),
|
|
3332
|
-
|
|
3333
|
-
shareIncentiveVisible =
|
|
3334
|
-
setShareIncentiveVisible =
|
|
3335
|
-
var
|
|
3336
|
-
|
|
3337
|
-
header =
|
|
3338
|
-
var
|
|
3339
|
-
|
|
3340
|
-
shareIncentive =
|
|
3341
|
-
var
|
|
3342
|
-
|
|
3343
|
-
hasShareIncentive =
|
|
3344
|
-
|
|
3345
|
-
shareIncentiveLabel =
|
|
3346
|
-
var
|
|
3347
|
-
|
|
3348
|
-
currentShareIncentiveLabel =
|
|
3349
|
-
var
|
|
3350
|
-
|
|
3351
|
-
incentiveLabel =
|
|
3352
|
-
var
|
|
3353
|
-
|
|
3354
|
-
currentIncentiveLabel =
|
|
3332
|
+
_useState0 = _slicedToArray(_useState9, 2),
|
|
3333
|
+
shareIncentiveVisible = _useState0[0],
|
|
3334
|
+
setShareIncentiveVisible = _useState0[1];
|
|
3335
|
+
var _ref14 = currentScreen || {},
|
|
3336
|
+
_ref14$header = _ref14.header,
|
|
3337
|
+
header = _ref14$header === void 0 ? null : _ref14$header;
|
|
3338
|
+
var _ref15 = header || {},
|
|
3339
|
+
_ref15$shareIncentive = _ref15.shareIncentive,
|
|
3340
|
+
shareIncentive = _ref15$shareIncentive === void 0 ? null : _ref15$shareIncentive;
|
|
3341
|
+
var _ref16 = shareIncentive || {},
|
|
3342
|
+
_ref16$active = _ref16.active,
|
|
3343
|
+
hasShareIncentive = _ref16$active === void 0 ? false : _ref16$active,
|
|
3344
|
+
_ref16$label = _ref16.label,
|
|
3345
|
+
shareIncentiveLabel = _ref16$label === void 0 ? null : _ref16$label;
|
|
3346
|
+
var _ref17 = currentShareIncentive || {},
|
|
3347
|
+
_ref17$label = _ref17.label,
|
|
3348
|
+
currentShareIncentiveLabel = _ref17$label === void 0 ? null : _ref17$label;
|
|
3349
|
+
var _ref18 = shareIncentiveLabel || {},
|
|
3350
|
+
_ref18$body = _ref18.body,
|
|
3351
|
+
incentiveLabel = _ref18$body === void 0 ? null : _ref18$body;
|
|
3352
|
+
var _ref19 = currentShareIncentiveLabel || {},
|
|
3353
|
+
_ref19$body = _ref19.body,
|
|
3354
|
+
currentIncentiveLabel = _ref19$body === void 0 ? null : _ref19$body;
|
|
3355
3355
|
useEffect(function () {
|
|
3356
3356
|
setShareIncentiveVisible(true);
|
|
3357
3357
|
if (hasShareIncentive && shareIncentiveLabel !== currentShareIncentiveLabel) {
|
|
@@ -3777,9 +3777,9 @@ var ViewerContainer = function ViewerContainer(_ref) {
|
|
|
3777
3777
|
}, [story, trackingVariables]);
|
|
3778
3778
|
var _ref9 = story || {},
|
|
3779
3779
|
metadata = _ref9.metadata;
|
|
3780
|
-
var
|
|
3781
|
-
|
|
3782
|
-
finalLocale =
|
|
3780
|
+
var _ref0 = metadata || {},
|
|
3781
|
+
_ref0$language = _ref0.language,
|
|
3782
|
+
finalLocale = _ref0$language === void 0 ? locale : _ref0$language;
|
|
3783
3783
|
var content = /*#__PURE__*/React.createElement(IntlProvider, {
|
|
3784
3784
|
locale: finalLocale,
|
|
3785
3785
|
locales: locales,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@micromag/viewer",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.701",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"@micromag/element-webview": "^0.3.679",
|
|
72
72
|
"@micromag/elements": "^0.3.700",
|
|
73
73
|
"@micromag/intl": "^0.3.696",
|
|
74
|
-
"@micromag/screens": "^0.3.
|
|
74
|
+
"@micromag/screens": "^0.3.701",
|
|
75
75
|
"@react-spring/core": "^9.6.1",
|
|
76
76
|
"@react-spring/web": "^9.6.1",
|
|
77
77
|
"@use-gesture/react": "^10.3.0",
|
|
@@ -92,5 +92,5 @@
|
|
|
92
92
|
"access": "public",
|
|
93
93
|
"registry": "https://registry.npmjs.org/"
|
|
94
94
|
},
|
|
95
|
-
"gitHead": "
|
|
95
|
+
"gitHead": "c693ba9ccf9798d2b047c5a8b427453a1b7a09d6"
|
|
96
96
|
}
|