scorer-ui-kit 1.7.9 → 1.7.10

package/dist/Global/index.d.ts

@@ -31,6 +31,7 @@ export interface IMenu {
     keepOpenText?: string;
     autoHideText?: string;
     defaultMenuOpen?: boolean;
+    canAlwaysPin?: boolean;
 }
 export interface ICustomDrawer {
     customComponent: ReactElement;

package/dist/hooks/useMenu.d.ts

@@ -5,7 +5,7 @@ interface IMenuState {
     isMenuOpen: boolean;
     canPin: boolean;
 }
-declare const useMenu: (defaultMenuOpen: boolean) => {
+declare const useMenu: (defaultMenuOpen: boolean, canAlwaysPin: boolean) => {
     menuState: IMenuState;
     setMenuOpen: () => void;
     setMenuClose: () => void;

package/dist/index.js

@@ -7275,7 +7275,9 @@ var LineUIVideo = function LineUIVideo(_ref) {
       _ref$options$showPoin2 = _ref$options.showPoint,
       showPoint = _ref$options$showPoin2 === void 0 ? false : _ref$options$showPoin2,
       _ref$options$boundary = _ref$options.boundaryOffset,
-      boundaryOffset = _ref$options$boundary === void 0 ? 0 : _ref$options$boundary;
+      boundaryOffset = _ref$options$boundary === void 0 ? 0 : _ref$options$boundary,
+      _ref$options$showDire = _ref$options.showDirectionMark,
+      showDirectionMark = _ref$options$showDire === void 0 ? false : _ref$options$showDire;
   var frame = React.useRef(null);
   var videoRef = React.useRef(null);
 
@@ -7405,7 +7407,8 @@ var LineUIVideo = function LineUIVideo(_ref) {
     showMoveHandle: showMoveHandle || showMoveHandle !== false && showGrabHandle !== false,
     setIndexOffset: setIndexOffset,
     pointIndexOffset: pointIndexOffset,
-    showPoint: showPoint
+    showPoint: showPoint,
+    showDirectionMark: showDirectionMark
   };
   return React__default.createElement(Container$u, null, React__default.createElement(Video, Object.assign({
     ref: videoRef,
@@ -7822,7 +7825,9 @@ var LineUI$1 = function LineUI(_ref) {
       _ref$options$showPoin2 = _ref$options.showPoint,
       showPoint = _ref$options$showPoin2 === void 0 ? false : _ref$options$showPoin2,
       _ref$options$boundary = _ref$options.boundaryOffset,
-      boundaryOffset = _ref$options$boundary === void 0 ? 0 : _ref$options$boundary;
+      boundaryOffset = _ref$options$boundary === void 0 ? 0 : _ref$options$boundary,
+      _ref$options$showDire = _ref$options.showDirectionMark,
+      showDirectionMark = _ref$options$showDire === void 0 ? false : _ref$options$showDire;
   var frame = React.useRef(null);
   var videoRef = React.useRef();
 
@@ -7953,7 +7958,8 @@ var LineUI$1 = function LineUI(_ref) {
     showMoveHandle: showMoveHandle || showMoveHandle !== false && showGrabHandle !== false,
     setIndexOffset: setIndexOffset,
     pointIndexOffset: pointIndexOffset,
-    showPoint: showPoint
+    showPoint: showPoint,
+    showDirectionMark: showDirectionMark
   };
   return React__default.createElement(Container$v, null, React__default.createElement(Video$2, {
     onLoadedMetadata: onLoadedMetadata,
@@ -11395,13 +11401,16 @@ var menuReducer = function menuReducer(state, action) {
         var isMenuPinned = false;
         var canPin = false;
 
-        if (action.data.defaultMenuOpen && action.data.desktopSize === 'xlarge') {
+        if (action.data.canAlwaysPin || action.data.defaultMenuOpen && action.data.desktopSize === 'xlarge') {
           canPin = true;
         }
 
-        if (action.data.desktopSize === 'xxlarge') {
+        if (action.data.desktopSize === 'xxlarge' && action.data.canAlwaysPin === false) {
           isMenuOpen = true;
           isMenuPinned = true;
+        } else if (action.data.desktopSize === 'xxlarge') {
+          isMenuOpen = action.data.defaultMenuOpen;
+          isMenuPinned = false;
         }
 
         return _extends({}, state, {
@@ -11418,7 +11427,7 @@ var menuReducer = function menuReducer(state, action) {
           return state;
         }
 
-        if (state.desktopSize === 'xxlarge') {
+        if (state.desktopSize === 'xxlarge' && !state.canPin) {
           return state;
         }
 
@@ -11433,7 +11442,7 @@ var menuReducer = function menuReducer(state, action) {
           return state;
         }
 
-        if (state.desktopSize === 'xxlarge') {
+        if (state.desktopSize === 'xxlarge' && !state.canPin) {
           return state;
         }
 
@@ -11477,7 +11486,7 @@ var menuState = {
   canPin: false
 };
 
-var useMenu = function useMenu(defaultMenuOpen) {
+var useMenu = function useMenu(defaultMenuOpen, canAlwaysPin) {
   var _useBreakpoints = useBreakpoints(),
       activeScreen = _useBreakpoints.activeScreen;
 
@@ -11485,12 +11494,13 @@ var useMenu = function useMenu(defaultMenuOpen) {
       state = _useReducer[0],
       dispatch = _useReducer[1];
 
-  var setMenu = React.useCallback(function (defaultMenuOpen, desktopSize) {
+  var setMenu = React.useCallback(function (defaultMenuOpen, canAlwaysPin, desktopSize) {
     dispatch({
       type: 'SET_MENU',
       data: {
         defaultMenuOpen: defaultMenuOpen,
-        desktopSize: desktopSize
+        desktopSize: desktopSize,
+        canAlwaysPin: canAlwaysPin
       }
     });
   }, []);
@@ -11510,8 +11520,8 @@ var useMenu = function useMenu(defaultMenuOpen) {
     });
   }, []);
   React.useLayoutEffect(function () {
-    setMenu(defaultMenuOpen, activeScreen);
-  }, [activeScreen, defaultMenuOpen, setMenu]);
+    setMenu(defaultMenuOpen, canAlwaysPin, activeScreen);
+  }, [activeScreen, defaultMenuOpen, canAlwaysPin, setMenu]);
   return {
     menuState: state,
     setMenuOpen: setMenuOpen,
@@ -11707,9 +11717,11 @@ var MainMenu = function MainMenu(_ref5) {
       autoHideText = _ref5$autoHideText === void 0 ? "Auto-Hide" : _ref5$autoHideText,
       supportUrl = _ref5.supportUrl,
       _ref5$defaultMenuOpen = _ref5.defaultMenuOpen,
-      defaultMenuOpen = _ref5$defaultMenuOpen === void 0 ? true : _ref5$defaultMenuOpen;
+      defaultMenuOpen = _ref5$defaultMenuOpen === void 0 ? true : _ref5$defaultMenuOpen,
+      _ref5$canAlwaysPin = _ref5.canAlwaysPin,
+      canAlwaysPin = _ref5$canAlwaysPin === void 0 ? false : _ref5$canAlwaysPin;
 
-  var _useMenu = useMenu(defaultMenuOpen),
+  var _useMenu = useMenu(defaultMenuOpen, canAlwaysPin),
       menuState = _useMenu.menuState,
       setMenuOpen = _useMenu.setMenuOpen,
       setMenuClose = _useMenu.setMenuClose,
@@ -11795,14 +11807,14 @@ var MainMenu = function MainMenu(_ref5) {
     title: 'Help & Support',
     href: supportUrl,
     menuOpen: menuState.isMenuOpen
-  })), React__default.createElement(FooterItemContainer, null, menuState.canPin ? React__default.createElement(ContextItem, {
+  })), menuState.canPin ? React__default.createElement(FooterItemContainer, null, React__default.createElement(ContextItem, {
     compact: true,
     isActive: false,
     icon: menuState.isMenuOpen && menuState.isMenuPinned ? 'Left' : 'Menu',
     title: menuState.isMenuPinned ? keepOpenText : autoHideText,
     onClickCallback: toggleMenuPin,
     menuOpen: menuState.isMenuOpen
-  }) : null)))), document.body));
+  })) : null))), document.body));
 };
 
 var _templateObject$1d, _templateObject2$16, _templateObject3$Y, _templateObject4$S, _templateObject5$N, _templateObject6$A, _templateObject7$w, _templateObject8$u, _templateObject9$p, _templateObject10$m, _templateObject11$h, _templateObject12$b, _templateObject13$9, _templateObject14$8, _templateObject15$7, _templateObject16$4;
@@ -12618,7 +12630,7 @@ var MobileNavbar = function MobileNavbar(_ref3) {
   })))));
 };
 
-var _excluded$E = ["content", "home", "openWidth", "logoMark", "logoText", "supportUrl", "defaultMenuOpen", "paddingOverride", "maxWidth", "children"];
+var _excluded$E = ["content", "home", "openWidth", "logoMark", "logoText", "supportUrl", "defaultMenuOpen", "canAlwaysPin", "paddingOverride", "maxWidth", "children"];
 
 var GlobalUI = function GlobalUI(_ref) {
   var content = _ref.content,
@@ -12628,6 +12640,7 @@ var GlobalUI = function GlobalUI(_ref) {
       logoText = _ref.logoText,
       supportUrl = _ref.supportUrl,
       defaultMenuOpen = _ref.defaultMenuOpen,
+      canAlwaysPin = _ref.canAlwaysPin,
       paddingOverride = _ref.paddingOverride,
       maxWidth = _ref.maxWidth,
       children = _ref.children,
@@ -12643,7 +12656,8 @@ var GlobalUI = function GlobalUI(_ref) {
     logoMark: logoMark,
     logoText: logoText,
     supportUrl: supportUrl,
-    defaultMenuOpen: defaultMenuOpen
+    defaultMenuOpen: defaultMenuOpen,
+    canAlwaysPin: canAlwaysPin
   })), React__default.createElement(MainContainer, null, React__default.createElement(TopBar, Object.assign({}, _extends({}, props))), React__default.createElement(ContentArea, Object.assign({}, {
     maxWidth: maxWidth,
     paddingOverride: paddingOverride