@micromag/viewer 0.3.461 → 0.3.462

package/es/index.js

@@ -966,6 +966,7 @@ var _excluded$3 = ["textAlign"];
 var propTypes$c = {
   viewerTheme: PropTypes$1.viewerTheme,
   header: PropTypes.node,
+  footer: PropTypes.node,
   screenSize: PropTypes$1.screenSize,
   title: PropTypes.string,
   menuWidth: PropTypes.number,
@@ -985,6 +986,7 @@ var propTypes$c = {
 var defaultProps$c = {
   viewerTheme: null,
   header: null,
+  footer: null,
   screenSize: null,
   title: null,
   menuWidth: null,
@@ -1003,6 +1005,7 @@ var defaultProps$c = {
 var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
   var viewerTheme = _ref.viewerTheme,
     header = _ref.header,
+    footer = _ref.footer,
     screenSize = _ref.screenSize,
     title = _ref.title,
     menuWidth = _ref.menuWidth,
@@ -1129,7 +1132,7 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
       onClick: onClickScreen,
       focusable: focusable
     }) : null)));
-  }))))));
+  }))), footer)));
 };
 ViewerMenuPreview.propTypes = propTypes$c;
 ViewerMenuPreview.defaultProps = defaultProps$c;
@@ -1332,6 +1335,7 @@ var propTypes$9 = {
   screenSize: PropTypes$1.screenSize,
   menuWidth: PropTypes.number,
   previewHeader: PropTypes.node,
+  previewFooter: PropTypes.node,
   withDotItemClick: PropTypes.bool,
   withoutScreensMenu: PropTypes.bool,
   withoutShareMenu: PropTypes.bool,
@@ -1357,6 +1361,7 @@ var defaultProps$9 = {
   screenSize: null,
   menuWidth: null,
   previewHeader: null,
+  previewFooter: null,
   withDotItemClick: false,
   withoutScreensMenu: false,
   withoutShareMenu: false,
@@ -1381,6 +1386,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
     screenSize = _ref.screenSize,
     menuWidth = _ref.menuWidth,
     previewHeader = _ref.previewHeader,
+    previewFooter = _ref.previewFooter,
     withDotItemClick = _ref.withDotItemClick,
     withoutScreensMenu = _ref.withoutScreensMenu,
     withoutShareMenu = _ref.withoutShareMenu,
@@ -1713,6 +1719,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
   }, menuMounted ? /*#__PURE__*/React.createElement(ViewerMenuPreview, {
     viewerTheme: viewerTheme,
     header: previewHeader,
+    footer: previewFooter,
     title: title,
     className: styles$6.menuPreview,
     screenSize: screenSize,
@@ -2444,6 +2451,11 @@ var propTypes$2 = {
   neighborScreenScale: PropTypes.number,
   topSafezoneHeight: PropTypes.number,
   bottomSafezoneHeight: PropTypes.number,
+  menuDotsButtons: PropTypes.node,
+  menuIsScreenWidth: PropTypes.bool,
+  menuHeader: PropTypes.node,
+  menuFooter: PropTypes.node,
+  closeable: PropTypes.bool,
   withMetadata: PropTypes.bool,
   withoutGestures: PropTypes.bool,
   withoutMenu: PropTypes.bool,
@@ -2456,16 +2468,12 @@ var propTypes$2 = {
   withNeighborScreens: PropTypes.bool,
   withNavigationHint: PropTypes.bool,
   withoutPlaybackControls: PropTypes.bool,
-  menuDotsButtons: PropTypes.node,
-  closeable: PropTypes.bool,
   onClose: PropTypes.func,
   onInteraction: PropTypes.func,
   onEnd: PropTypes.func,
   onViewModeChange: PropTypes.func,
   onMenuChange: PropTypes.func,
   currentScreenMedia: PropTypes$1.ref,
-  menuIsScreenWidth: PropTypes.bool,
-  menuHeader: PropTypes.node,
   screensMedias: PropTypes$1.ref,
   screenSizeOptions: PropTypes.shape({
     withoutMaxSize: PropTypes.bool,
@@ -2492,6 +2500,11 @@ var defaultProps$2 = {
   neighborScreenScale: 0.8,
   topSafezoneHeight: null,
   bottomSafezoneHeight: null,
+  menuIsScreenWidth: false,
+  menuHeader: null,
+  menuFooter: null,
+  menuDotsButtons: null,
+  closeable: false,
   withMetadata: false,
   withNeighborScreens: false,
   withNavigationHint: false,
@@ -2504,10 +2517,6 @@ var defaultProps$2 = {
   withoutTransitions: false,
   withoutNavigationArrow: false,
   withoutPlaybackControls: false,
-  menuIsScreenWidth: false,
-  menuHeader: null,
-  menuDotsButtons: null,
-  closeable: false,
   onClose: null,
   onInteraction: null,
   onEnd: null,
@@ -2535,6 +2544,11 @@ var Viewer = function Viewer(_ref) {
     neighborScreenScale = _ref.neighborScreenScale,
     topSafezoneHeight = _ref.topSafezoneHeight,
     bottomSafezoneHeight = _ref.bottomSafezoneHeight,
+    menuIsScreenWidth = _ref.menuIsScreenWidth,
+    menuHeader = _ref.menuHeader,
+    menuDotsButtons = _ref.menuDotsButtons,
+    menuFooter = _ref.menuFooter,
+    closeable = _ref.closeable,
     withMetadata = _ref.withMetadata,
     withoutGestures = _ref.withoutGestures,
     withoutMenu = _ref.withoutMenu,
@@ -2547,10 +2561,6 @@ var Viewer = function Viewer(_ref) {
     withNeighborScreens = _ref.withNeighborScreens,
     withNavigationHint = _ref.withNavigationHint,
     withoutPlaybackControls = _ref.withoutPlaybackControls,
-    menuIsScreenWidth = _ref.menuIsScreenWidth,
-    menuHeader = _ref.menuHeader,
-    menuDotsButtons = _ref.menuDotsButtons,
-    closeable = _ref.closeable,
     onCloseViewer = _ref.onClose,
     onInteraction = _ref.onInteraction,
     onEnd = _ref.onEnd,
@@ -3036,6 +3046,7 @@ var Viewer = function Viewer(_ref) {
     menuWidth: menuIsScreenWidth ? screenContainerWidth : null,
     theme: viewerTheme,
     previewHeader: menuHeader,
+    previewFooter: menuFooter,
     trackingEnabled: trackingEnabled,
     onClickScreen: onClickScreen,
     onClickCloseViewer: onCloseViewer,

package/lib/index.js

@@ -970,6 +970,7 @@ var _excluded$3 = ["textAlign"];
 var propTypes$c = {
   viewerTheme: core.PropTypes.viewerTheme,
   header: PropTypes.node,
+  footer: PropTypes.node,
   screenSize: core.PropTypes.screenSize,
   title: PropTypes.string,
   menuWidth: PropTypes.number,
@@ -989,6 +990,7 @@ var propTypes$c = {
 var defaultProps$c = {
   viewerTheme: null,
   header: null,
+  footer: null,
   screenSize: null,
   title: null,
   menuWidth: null,
@@ -1007,6 +1009,7 @@ var defaultProps$c = {
 var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
   var viewerTheme = _ref.viewerTheme,
     header = _ref.header,
+    footer = _ref.footer,
     screenSize = _ref.screenSize,
     title = _ref.title,
     menuWidth = _ref.menuWidth,
@@ -1133,7 +1136,7 @@ var ViewerMenuPreview = function ViewerMenuPreview(_ref) {
       onClick: onClickScreen,
       focusable: focusable
     }) : null)));
-  }))))));
+  }))), footer)));
 };
 ViewerMenuPreview.propTypes = propTypes$c;
 ViewerMenuPreview.defaultProps = defaultProps$c;
@@ -1336,6 +1339,7 @@ var propTypes$9 = {
   screenSize: core.PropTypes.screenSize,
   menuWidth: PropTypes.number,
   previewHeader: PropTypes.node,
+  previewFooter: PropTypes.node,
   withDotItemClick: PropTypes.bool,
   withoutScreensMenu: PropTypes.bool,
   withoutShareMenu: PropTypes.bool,
@@ -1361,6 +1365,7 @@ var defaultProps$9 = {
   screenSize: null,
   menuWidth: null,
   previewHeader: null,
+  previewFooter: null,
   withDotItemClick: false,
   withoutScreensMenu: false,
   withoutShareMenu: false,
@@ -1385,6 +1390,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
     screenSize = _ref.screenSize,
     menuWidth = _ref.menuWidth,
     previewHeader = _ref.previewHeader,
+    previewFooter = _ref.previewFooter,
     withDotItemClick = _ref.withDotItemClick,
     withoutScreensMenu = _ref.withoutScreensMenu,
     withoutShareMenu = _ref.withoutShareMenu,
@@ -1717,6 +1723,7 @@ var ViewerMenu = function ViewerMenu(_ref) {
   }, menuMounted ? /*#__PURE__*/React.createElement(ViewerMenuPreview, {
     viewerTheme: viewerTheme,
     header: previewHeader,
+    footer: previewFooter,
     title: title,
     className: styles$6.menuPreview,
     screenSize: screenSize,
@@ -2448,6 +2455,11 @@ var propTypes$2 = {
   neighborScreenScale: PropTypes.number,
   topSafezoneHeight: PropTypes.number,
   bottomSafezoneHeight: PropTypes.number,
+  menuDotsButtons: PropTypes.node,
+  menuIsScreenWidth: PropTypes.bool,
+  menuHeader: PropTypes.node,
+  menuFooter: PropTypes.node,
+  closeable: PropTypes.bool,
   withMetadata: PropTypes.bool,
   withoutGestures: PropTypes.bool,
   withoutMenu: PropTypes.bool,
@@ -2460,16 +2472,12 @@ var propTypes$2 = {
   withNeighborScreens: PropTypes.bool,
   withNavigationHint: PropTypes.bool,
   withoutPlaybackControls: PropTypes.bool,
-  menuDotsButtons: PropTypes.node,
-  closeable: PropTypes.bool,
   onClose: PropTypes.func,
   onInteraction: PropTypes.func,
   onEnd: PropTypes.func,
   onViewModeChange: PropTypes.func,
   onMenuChange: PropTypes.func,
   currentScreenMedia: core.PropTypes.ref,
-  menuIsScreenWidth: PropTypes.bool,
-  menuHeader: PropTypes.node,
   screensMedias: core.PropTypes.ref,
   screenSizeOptions: PropTypes.shape({
     withoutMaxSize: PropTypes.bool,
@@ -2496,6 +2504,11 @@ var defaultProps$2 = {
   neighborScreenScale: 0.8,
   topSafezoneHeight: null,
   bottomSafezoneHeight: null,
+  menuIsScreenWidth: false,
+  menuHeader: null,
+  menuFooter: null,
+  menuDotsButtons: null,
+  closeable: false,
   withMetadata: false,
   withNeighborScreens: false,
   withNavigationHint: false,
@@ -2508,10 +2521,6 @@ var defaultProps$2 = {
   withoutTransitions: false,
   withoutNavigationArrow: false,
   withoutPlaybackControls: false,
-  menuIsScreenWidth: false,
-  menuHeader: null,
-  menuDotsButtons: null,
-  closeable: false,
   onClose: null,
   onInteraction: null,
   onEnd: null,
@@ -2539,6 +2548,11 @@ var Viewer = function Viewer(_ref) {
     neighborScreenScale = _ref.neighborScreenScale,
     topSafezoneHeight = _ref.topSafezoneHeight,
     bottomSafezoneHeight = _ref.bottomSafezoneHeight,
+    menuIsScreenWidth = _ref.menuIsScreenWidth,
+    menuHeader = _ref.menuHeader,
+    menuDotsButtons = _ref.menuDotsButtons,
+    menuFooter = _ref.menuFooter,
+    closeable = _ref.closeable,
     withMetadata = _ref.withMetadata,
     withoutGestures = _ref.withoutGestures,
     withoutMenu = _ref.withoutMenu,
@@ -2551,10 +2565,6 @@ var Viewer = function Viewer(_ref) {
     withNeighborScreens = _ref.withNeighborScreens,
     withNavigationHint = _ref.withNavigationHint,
     withoutPlaybackControls = _ref.withoutPlaybackControls,
-    menuIsScreenWidth = _ref.menuIsScreenWidth,
-    menuHeader = _ref.menuHeader,
-    menuDotsButtons = _ref.menuDotsButtons,
-    closeable = _ref.closeable,
     onCloseViewer = _ref.onClose,
     onInteraction = _ref.onInteraction,
     onEnd = _ref.onEnd,
@@ -3040,6 +3050,7 @@ var Viewer = function Viewer(_ref) {
     menuWidth: menuIsScreenWidth ? screenContainerWidth : null,
     theme: viewerTheme,
     previewHeader: menuHeader,
+    previewFooter: menuFooter,
     trackingEnabled: trackingEnabled,
     onClickScreen: onClickScreen,
     onClickCloseViewer: onCloseViewer,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/viewer",
-    "version": "0.3.461",
+    "version": "0.3.462",
     "private": false,
     "description": "",
     "keywords": [
@@ -90,5 +90,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4272b6ced198a1a689fcfcb9682a584d55d6780c"
+    "gitHead": "cdf44482ebdc89155b55ad52824e88dd8c4e322b"
 }