@micromag/viewer 0.3.767 → 0.3.769

package/es/index.js

@@ -1454,6 +1454,7 @@ var styles$7 = {"container":"micromag-viewer-container","screenContainer":"micro
 
 var propTypes$b = {
   story: PropTypes$1.story.isRequired,
+  menuItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),
   currentScreenIndex: PropTypes.number,
   toggleFullscreen: PropTypes.func,
   fullscreenActive: PropTypes.bool,
@@ -1483,6 +1484,7 @@ var propTypes$b = {
   })
 };
 var defaultProps$b = {
+  menuItems: ['share', 'main'],
   currentScreenIndex: 0,
   toggleFullscreen: null,
   fullscreenActive: false,
@@ -1511,6 +1513,7 @@ var defaultProps$b = {
 };
 var ViewerMenu = function ViewerMenu(_ref) {
   var story = _ref.story,
+    menuItems = _ref.menuItems,
     currentScreenIndex = _ref.currentScreenIndex,
     toggleFullscreen = _ref.toggleFullscreen,
     fullscreenActive = _ref.fullscreenActive,
@@ -1791,55 +1794,63 @@ var ViewerMenu = function ViewerMenu(_ref) {
   }, /*#__PURE__*/React.createElement("nav", {
     className: styles$7.menuTopContainer,
     ref: navContainerRef
-  }, !withoutShareMenu || afterShareMenuButton !== null ? /*#__PURE__*/React.createElement("div", Object.assign({
-    className: styles$7.menuItem
-  }, bindShareDrag()), !withoutShareMenu ? /*#__PURE__*/React.createElement(ToggleButton, {
-    className: styles$7.slidingButton,
-    button: /*#__PURE__*/React.createElement(ShareButton, {
-      className: styles$7.menuButton,
-      onClick: onOpenShare,
-      theme: menuTheme,
-      iconPosition: "left",
-      focusable: !shareOpened
-    }),
-    toggledButton: /*#__PURE__*/React.createElement(FocusLock, {
-      group: "share",
-      disabled: !shareOpened,
-      returnFocus: true
-    }, /*#__PURE__*/React.createElement(CloseMenuButton, {
-      className: styles$7.menuButton,
-      onClick: onCloseShare,
-      theme: menuTheme,
-      iconPosition: "left",
-      focusable: shareOpened,
-      single: true
-    })),
-    progressSpring: shareOpenedProgress
-  }) : null, afterShareMenuButton) : null, !withoutScreensMenu || beforeScreensMenuButton !== null ? /*#__PURE__*/React.createElement("div", Object.assign({
-    className: styles$7.menuItem
-  }, bindMenuDrag()), beforeScreensMenuButton, !withoutScreensMenu ? /*#__PURE__*/React.createElement(ToggleButton, {
-    className: styles$7.slidingButton,
-    button: /*#__PURE__*/React.createElement(MenuButton, {
-      className: styles$7.menuButton,
-      iconClassName: styles$7.menuButtonIcon,
-      onClick: onOpenMenu,
-      theme: menuTheme,
-      focusable: !menuOpened
-    }),
-    toggledButton: /*#__PURE__*/React.createElement(FocusLock, {
-      group: "screens",
-      disabled: !menuOpened,
-      returnFocus: true
-    }, /*#__PURE__*/React.createElement(CloseMenuButton, {
-      className: styles$7.menuButton,
-      onClick: onCloseMenu,
-      theme: menuTheme,
-      iconPosition: "right",
-      focusable: menuOpened
-    })),
-    progressSpring: menuOpenedProgress,
-    toggledButtonClassName: styles$7.screensMenuButtonToggled
-  }) : null) : null), /*#__PURE__*/React.createElement(ViewerMenuDots, Object.assign({}, menuTheme, {
+  }, menuItems.map(function (item) {
+    if (item === 'share') {
+      return !withoutShareMenu || afterShareMenuButton !== null ? /*#__PURE__*/React.createElement("div", Object.assign({
+        className: styles$7.menuItem
+      }, bindShareDrag()), !withoutShareMenu ? /*#__PURE__*/React.createElement(ToggleButton, {
+        className: styles$7.slidingButton,
+        button: /*#__PURE__*/React.createElement(ShareButton, {
+          className: styles$7.menuButton,
+          onClick: onOpenShare,
+          theme: menuTheme,
+          iconPosition: "left",
+          focusable: !shareOpened
+        }),
+        toggledButton: /*#__PURE__*/React.createElement(FocusLock, {
+          group: "share",
+          disabled: !shareOpened,
+          returnFocus: true
+        }, /*#__PURE__*/React.createElement(CloseMenuButton, {
+          className: styles$7.menuButton,
+          onClick: onCloseShare,
+          theme: menuTheme,
+          iconPosition: "left",
+          focusable: shareOpened,
+          single: true
+        })),
+        progressSpring: shareOpenedProgress
+      }) : null, afterShareMenuButton) : null;
+    }
+    if (item === 'main') {
+      return !withoutScreensMenu || beforeScreensMenuButton !== null ? /*#__PURE__*/React.createElement("div", Object.assign({
+        className: styles$7.menuItem
+      }, bindMenuDrag()), beforeScreensMenuButton, !withoutScreensMenu ? /*#__PURE__*/React.createElement(ToggleButton, {
+        className: styles$7.slidingButton,
+        button: /*#__PURE__*/React.createElement(MenuButton, {
+          className: styles$7.menuButton,
+          iconClassName: styles$7.menuButtonIcon,
+          onClick: onOpenMenu,
+          theme: menuTheme,
+          focusable: !menuOpened
+        }),
+        toggledButton: /*#__PURE__*/React.createElement(FocusLock, {
+          group: "screens",
+          disabled: !menuOpened,
+          returnFocus: true
+        }, /*#__PURE__*/React.createElement(CloseMenuButton, {
+          className: styles$7.menuButton,
+          onClick: onCloseMenu,
+          theme: menuTheme,
+          iconPosition: "right",
+          focusable: menuOpened
+        })),
+        progressSpring: menuOpenedProgress,
+        toggledButtonClassName: styles$7.screensMenuButtonToggled
+      }) : null) : null;
+    }
+    return item || null;
+  })), /*#__PURE__*/React.createElement(ViewerMenuDots, Object.assign({}, menuTheme, {
     direction: "horizontal",
     items: items,
     onClickDot: onClickScreen,
@@ -2753,6 +2764,7 @@ var propTypes$2 = {
   menuIsScreenWidth: PropTypes.bool,
   menuHeader: PropTypes.node,
   menuFooter: PropTypes.node,
+  menuItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.node])),
   shareBasePath: PropTypes.string,
   afterShareMenuButton: PropTypes.node,
   beforeScreensMenuButton: PropTypes.node,
@@ -2811,6 +2823,7 @@ var defaultProps$2 = {
   menuIsScreenWidth: false,
   menuHeader: null,
   menuFooter: null,
+  menuItems: ['share', 'main'],
   shareBasePath: null,
   afterShareMenuButton: null,
   beforeScreensMenuButton: null,
@@ -2864,11 +2877,12 @@ var Viewer = function Viewer(_ref) {
     bottomSafezoneHeight = _ref.bottomSafezoneHeight,
     menuIsScreenWidth = _ref.menuIsScreenWidth,
     menuHeader = _ref.menuHeader,
-    menuDotsButtons = _ref.menuDotsButtons,
     menuFooter = _ref.menuFooter,
+    menuItems = _ref.menuItems,
     shareBasePath = _ref.shareBasePath,
     afterShareMenuButton = _ref.afterShareMenuButton,
     beforeScreensMenuButton = _ref.beforeScreensMenuButton,
+    menuDotsButtons = _ref.menuDotsButtons,
     closeable = _ref.closeable,
     withMetadata = _ref.withMetadata,
     withMicromagBranding = _ref.withMicromagBranding,
@@ -3571,6 +3585,7 @@ var Viewer = function Viewer(_ref) {
     withDotItemClick: screenContainerWidth > 400,
     withoutScreensMenu: withoutScreensMenu,
     withoutShareMenu: withoutShareMenu,
+    menuItems: menuItems,
     afterShareMenuButton: afterShareMenuButton,
     beforeScreensMenuButton: beforeScreensMenuButton,
     withMicromagBranding: withMicromagBranding,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.767",
+    "version": "0.3.769",
     "private": false,
     "description": "",
     "keywords": [
@@ -64,14 +64,14 @@
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/routes": "^0.2.36",
-        "@micromag/core": "^0.3.767",
-        "@micromag/element-badge": "^0.3.767",
-        "@micromag/element-scroll": "^0.3.767",
-        "@micromag/element-share-options": "^0.3.767",
-        "@micromag/element-webview": "^0.3.767",
-        "@micromag/elements": "^0.3.767",
-        "@micromag/intl": "^0.3.767",
-        "@micromag/screens": "^0.3.767",
+        "@micromag/core": "^0.3.769",
+        "@micromag/element-badge": "^0.3.769",
+        "@micromag/element-scroll": "^0.3.769",
+        "@micromag/element-share-options": "^0.3.769",
+        "@micromag/element-webview": "^0.3.769",
+        "@micromag/elements": "^0.3.769",
+        "@micromag/intl": "^0.3.769",
+        "@micromag/screens": "^0.3.769",
         "@react-spring/core": "^9.6.1",
         "@react-spring/web": "^9.6.1",
         "@use-gesture/react": "^10.3.0",
@@ -91,5 +91,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "af57b08ccc073db83b6480e3a43fe14e6f36e0f6"
+    "gitHead": "a009106ec28c6e34288f0b3292f1bc6826812dd0"
 }