@micromag/viewer 0.3.209 → 0.3.211

package/es/index.js

@@ -591,9 +591,9 @@ var ViewerMenuContainer = function ViewerMenuContainer(_ref) {
   }, /*#__PURE__*/React.createElement(animated.div, {
     className: styles$d.heightContainer,
     style: _objectSpread({
-      height: progressSpring.to(function (p) {
-        return "".concat(p * 100, "%");
-      }),
+      opacity: progressSpring,
+      // transform: progressSpring.to((p) => `translateY(${(1 - p) * -100}%)`),
+      // height: progressSpring.to((p) => `${p * 100}%`),
       pointerEvents: progressSpring.to(function (p) {
         return p < 0.25 ? 'none' : 'auto';
       }),
@@ -977,6 +977,7 @@ var propTypes$c = {
   onClickScreen: PropTypes.func,
   maxThumbsWidth: PropTypes.number,
   paddingTop: PropTypes.number,
+  scrollDisabled: PropTypes.bool,
   // @todo to reimplement:
   // shouldLoad: PropTypes.bool,
   // toggleFullscreen: PropTypes.func,
@@ -994,6 +995,7 @@ var defaultProps$c = {
   onClickScreen: null,
   maxThumbsWidth: 140,
   paddingTop: null,
+  scrollDisabled: false,
   // toggleFullscreen: null,
   // fullscreenActive: false,
   // fullscreenEnabled: false,
@@ -1009,6 +1011,7 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
       onClickScreen = _ref.onClickScreen,
       maxThumbsWidth = _ref.maxThumbsWidth,
       paddingTop = _ref.paddingTop,
+      scrollDisabled = _ref.scrollDisabled,
       className = _ref.className;
 
   var _useDimensionObserver = useDimensionObserver(),
@@ -1051,7 +1054,8 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
     className: styles$9.content,
     ref: containerRef
   }, /*#__PURE__*/React.createElement(Scroll, {
-    className: styles$9.scroll
+    className: styles$9.scroll,
+    disabled: scrollDisabled
   }, /*#__PURE__*/React.createElement("nav", {
     className: styles$9.nav,
     style: {
@@ -1698,6 +1702,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
     onShare: onShare,
     onClickScreen: onClickScreen,
     onClose: onCloseMenu,
+    scrollDisabled: draggingMenu,
     toggleFullscreen: toggleFullscreen,
     fullscreenActive: fullscreenActive,
     fullscreenEnabled: fullscreenEnabled

package/lib/index.js

@@ -611,9 +611,9 @@ var ViewerMenuContainer = function ViewerMenuContainer(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(web.animated.div, {
     className: styles$d.heightContainer,
     style: _objectSpread__default["default"]({
-      height: progressSpring.to(function (p) {
-        return "".concat(p * 100, "%");
-      }),
+      opacity: progressSpring,
+      // transform: progressSpring.to((p) => `translateY(${(1 - p) * -100}%)`),
+      // height: progressSpring.to((p) => `${p * 100}%`),
       pointerEvents: progressSpring.to(function (p) {
         return p < 0.25 ? 'none' : 'auto';
       }),
@@ -997,6 +997,7 @@ var propTypes$c = {
   onClickScreen: PropTypes__default["default"].func,
   maxThumbsWidth: PropTypes__default["default"].number,
   paddingTop: PropTypes__default["default"].number,
+  scrollDisabled: PropTypes__default["default"].bool,
   // @todo to reimplement:
   // shouldLoad: PropTypes.bool,
   // toggleFullscreen: PropTypes.func,
@@ -1014,6 +1015,7 @@ var defaultProps$c = {
   onClickScreen: null,
   maxThumbsWidth: 140,
   paddingTop: null,
+  scrollDisabled: false,
   // toggleFullscreen: null,
   // fullscreenActive: false,
   // fullscreenEnabled: false,
@@ -1029,6 +1031,7 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
       onClickScreen = _ref.onClickScreen,
       maxThumbsWidth = _ref.maxThumbsWidth,
       paddingTop = _ref.paddingTop,
+      scrollDisabled = _ref.scrollDisabled,
       className = _ref.className;
 
   var _useDimensionObserver = hooks.useDimensionObserver(),
@@ -1071,7 +1074,8 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
     className: styles$9.content,
     ref: containerRef
   }, /*#__PURE__*/React__default["default"].createElement(Scroll__default["default"], {
-    className: styles$9.scroll
+    className: styles$9.scroll,
+    disabled: scrollDisabled
   }, /*#__PURE__*/React__default["default"].createElement("nav", {
     className: styles$9.nav,
     style: {
@@ -1718,6 +1722,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
     onShare: onShare,
     onClickScreen: onClickScreen,
     onClose: onCloseMenu,
+    scrollDisabled: draggingMenu,
     toggleFullscreen: toggleFullscreen,
     fullscreenActive: fullscreenActive,
     fullscreenEnabled: fullscreenEnabled

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.209",
+    "version": "0.3.211",
     "description": "",
     "keywords": [
         "javascript"
@@ -59,14 +59,14 @@
         "@fortawesome/fontawesome-svg-core": "^1.2.32",
         "@fortawesome/free-solid-svg-icons": "^5.15.1",
         "@fortawesome/react-fontawesome": "^0.1.13",
-        "@micromag/core": "^0.3.209",
-        "@micromag/element-scroll": "^0.3.209",
-        "@micromag/element-share-options": "^0.3.209",
-        "@micromag/element-webview": "^0.3.209",
-        "@micromag/elements": "^0.3.209",
-        "@micromag/fields": "^0.3.209",
-        "@micromag/intl": "^0.3.209",
-        "@micromag/screens": "^0.3.209",
+        "@micromag/core": "^0.3.211",
+        "@micromag/element-scroll": "^0.3.211",
+        "@micromag/element-share-options": "^0.3.211",
+        "@micromag/element-webview": "^0.3.211",
+        "@micromag/elements": "^0.3.211",
+        "@micromag/fields": "^0.3.211",
+        "@micromag/intl": "^0.3.211",
+        "@micromag/screens": "^0.3.211",
         "@react-spring/core": "^9.1.1",
         "@react-spring/web": "^9.1.1",
         "@use-gesture/react": "^10.2.4",
@@ -85,5 +85,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "909d9ff44ec6bf543db9c75186cd223391a5f0cd"
+    "gitHead": "2eebe38f4253de953042e9ccf1afe593c824e8e0"
 }