@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.
Files changed (2) hide show
  1. package/es/index.js +58 -58
  2. 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 (_ref10) {
1727
- var active = _ref10.active,
1728
- _ref10$direction = _slicedToArray(_ref10.direction, 2),
1729
- dy = _ref10$direction[1],
1730
- _ref10$movement = _slicedToArray(_ref10.movement, 2),
1731
- my = _ref10$movement[1],
1732
- _ref10$velocity = _slicedToArray(_ref10.velocity, 2),
1733
- vy = _ref10$velocity[1];
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 (_ref10) {
3061
- var index = _ref10.index,
3062
- newIndex = _ref10.newIndex,
3063
- end = _ref10.end,
3064
- direction = _ref10.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 (_ref11) {
3113
- var currentTarget = _ref11.currentTarget,
3114
- event = _ref11.event,
3115
- target = _ref11.target,
3116
- _ref11$xy = _slicedToArray(_ref11.xy, 2),
3117
- x = _ref11$xy[0],
3118
- y = _ref11$xy[1];
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 (_ref12) {
3132
- var active = _ref12.active,
3133
- _ref12$movement = _slicedToArray(_ref12.movement, 1),
3134
- mx = _ref12$movement[0],
3135
- _ref12$velocity = _slicedToArray(_ref12.velocity, 1),
3136
- vx = _ref12$velocity[0];
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, _ref13) {
3150
- var active = _ref13.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 (_ref14) {
3261
- var itemScreenId = _ref14.screenId;
3260
+ var onClickScreen = useCallback(function (_ref12) {
3261
+ var itemScreenId = _ref12.screenId;
3262
3262
  onInteractionPrivate();
3263
- var index = screens.findIndex(function (_ref15) {
3264
- var id = _ref15.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
- _useState10 = _slicedToArray(_useState9, 2),
3333
- shareIncentiveVisible = _useState10[0],
3334
- setShareIncentiveVisible = _useState10[1];
3335
- var _ref16 = currentScreen || {},
3336
- _ref16$header = _ref16.header,
3337
- header = _ref16$header === void 0 ? null : _ref16$header;
3338
- var _ref17 = header || {},
3339
- _ref17$shareIncentive = _ref17.shareIncentive,
3340
- shareIncentive = _ref17$shareIncentive === void 0 ? null : _ref17$shareIncentive;
3341
- var _ref18 = shareIncentive || {},
3342
- _ref18$active = _ref18.active,
3343
- hasShareIncentive = _ref18$active === void 0 ? false : _ref18$active,
3344
- _ref18$label = _ref18.label,
3345
- shareIncentiveLabel = _ref18$label === void 0 ? null : _ref18$label;
3346
- var _ref19 = currentShareIncentive || {},
3347
- _ref19$label = _ref19.label,
3348
- currentShareIncentiveLabel = _ref19$label === void 0 ? null : _ref19$label;
3349
- var _ref20 = shareIncentiveLabel || {},
3350
- _ref20$body = _ref20.body,
3351
- incentiveLabel = _ref20$body === void 0 ? null : _ref20$body;
3352
- var _ref21 = currentShareIncentiveLabel || {},
3353
- _ref21$body = _ref21.body,
3354
- currentIncentiveLabel = _ref21$body === void 0 ? null : _ref21$body;
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 _ref10 = metadata || {},
3781
- _ref10$language = _ref10.language,
3782
- finalLocale = _ref10$language === void 0 ? locale : _ref10$language;
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.700",
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.700",
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": "b335d7d45cc5a556a4b4bb9c68e52809501cc6e1"
95
+ "gitHead": "c693ba9ccf9798d2b047c5a8b427453a1b7a09d6"
96
96
  }