orc-shared 1.2.2-dev.1 → 1.2.3

package/dist/components/MultiSelector.js

@@ -2,106 +2,74 @@
 
 exports.__esModule = true;
 exports.default = exports.SelectedValue = exports.MultiSelector = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _utils = require("../utils");
-
 var _withId = _interopRequireDefault(require("../hocs/withId"));
-
 var _Text = _interopRequireDefault(require("./Text"));
-
 var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
-
 var _Selector = require("./Selector");
-
 var _excluded = ["id", "value", "options", "update", "selectAllMessage", "clearMessage", "placeholder", "required"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-
 var SelectedValue = _styledComponents.default.span.withConfig({
   displayName: "MultiSelector__SelectedValue",
   componentId: "sc-tl8y6p-0"
 })(["display:inline-block;width:calc(100% - 20px);white-space:pre;overflow:hidden;"]);
-
 exports.SelectedValue = SelectedValue;
-
 var arrayToggle = function arrayToggle(arr, item) {
   var output = arr.filter(function (val) {
     return val !== item;
   });
-
   if (output.length < arr.length) {
     return output;
   }
-
   output.push(item);
   return output;
 };
-
 var labelFromOptions = function labelFromOptions(options) {
   return options.map(function (option) {
     return option.label;
   }).join(", ");
 };
-
 var MultiSelector = function MultiSelector(_ref) {
   var id = _ref.id,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? [] : _ref$value,
-      options = _ref.options,
-      update = _ref.update,
-      _ref$selectAllMessage = _ref.selectAllMessage,
-      selectAllMessage = _ref$selectAllMessage === void 0 ? "[Select all]" : _ref$selectAllMessage,
-      _ref$clearMessage = _ref.clearMessage,
-      clearMessage = _ref$clearMessage === void 0 ? "[Clear]" : _ref$clearMessage,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
-      required = _ref.required,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    options = _ref.options,
+    update = _ref.update,
+    _ref$selectAllMessage = _ref.selectAllMessage,
+    selectAllMessage = _ref$selectAllMessage === void 0 ? "[Select all]" : _ref$selectAllMessage,
+    _ref$clearMessage = _ref.clearMessage,
+    clearMessage = _ref$clearMessage === void 0 ? "[Clear]" : _ref$clearMessage,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
+    required = _ref.required,
+    props = _objectWithoutProperties(_ref, _excluded);
   var selectAll = (0, _react.useCallback)(function () {
     return update(options.map(function (opt) {
       return opt.value;
@@ -109,8 +77,8 @@ var MultiSelector = function MultiSelector(_ref) {
   }, [update, options]);
   var clearValue = (0, _react.useCallback)(function () {
     return update([]);
-  }, [update]); // eslint-disable-next-line react-hooks/exhaustive-deps
-
+  }, [update]);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   var clickOption = (0, _react.useCallback)((0, _utils.memoize)(function (clickValue) {
     return function () {
       return update(arrayToggle(value, clickValue));
@@ -119,26 +87,21 @@ var MultiSelector = function MultiSelector(_ref) {
   var onChange = (0, _react.useCallback)(function (e) {
     return update(arrayToggle(value, e.target.value));
   }, [update, value]);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isVisible = _useState2[0],
-      setIsVisible = _useState2[1];
+    _useState2 = _slicedToArray(_useState, 2),
+    isVisible = _useState2[0],
+    setIsVisible = _useState2[1];
   /* istanbul ignore next */
-
-
   var toggleVisibility = function toggleVisibility() {
     setIsVisible(!isVisible);
   };
-  /* istanbul ignore next */
-
 
+  /* istanbul ignore next */
   var handlerClickAway = function handlerClickAway() {
     setIsVisible(false);
   };
-  /* istanbul ignore next */
-
 
+  /* istanbul ignore next */
   return /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
     onClickAway: function onClickAway() {
       return handlerClickAway();
@@ -184,59 +147,43 @@ var MultiSelector = function MultiSelector(_ref) {
     }, option.label);
   }))));
 };
-
 exports.MultiSelector = MultiSelector;
-
 __signature__(MultiSelector, "useCallback{selectAll}\nuseCallback{clearValue}\nuseCallback{clickOption}\nuseCallback{onChange}\nuseState{[isVisible, setIsVisible](false)}");
-
 __signature__(MultiSelector, "useCallback{selectAll}\nuseCallback{clearValue}\nuseCallback{clickOption}\nuseCallback{onChange}\nuseState{[isVisible, setIsVisible](false)}");
-
 var _default = (0, _withId.default)("selector")(MultiSelector);
-
 var _default2 = _default;
 var _default3 = _default2;
 exports.default = _default3;
 ;
-
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
   if (!reactHotLoader) {
     return;
   }
-
   reactHotLoader.register(SelectedValue, "SelectedValue", "/home/vsts/work/1/s/src/components/MultiSelector.js");
   reactHotLoader.register(arrayToggle, "arrayToggle", "/home/vsts/work/1/s/src/components/MultiSelector.js");
   reactHotLoader.register(labelFromOptions, "labelFromOptions", "/home/vsts/work/1/s/src/components/MultiSelector.js");
   reactHotLoader.register(MultiSelector, "MultiSelector", "/home/vsts/work/1/s/src/components/MultiSelector.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MultiSelector.js");
 })();
-
 ;
-
 (function () {
   var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
   leaveModule && leaveModule(module);
 })();
-
 ;
-
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
   if (!reactHotLoader) {
     return;
   }
-
   reactHotLoader.register(SelectedValue, "SelectedValue", "/home/vsts/work/1/s/src/components/MultiSelector.js");
   reactHotLoader.register(arrayToggle, "arrayToggle", "/home/vsts/work/1/s/src/components/MultiSelector.js");
   reactHotLoader.register(labelFromOptions, "labelFromOptions", "/home/vsts/work/1/s/src/components/MultiSelector.js");
   reactHotLoader.register(MultiSelector, "MultiSelector", "/home/vsts/work/1/s/src/components/MultiSelector.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MultiSelector.js");
 })();
-
 ;
-
 (function () {
   var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
   leaveModule && leaveModule(module);

package/dist/components/Navigation/Bar.js

@@ -2,82 +2,55 @@
 
 exports.__esModule = true;
 exports.useTabScroll = exports.default = exports.TabBar = exports.StyledMenu = exports.ScrollableBar = exports.MenuButton = exports.InnerBar = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _utils = require("../../utils");
-
 var _DropMenu = _interopRequireDefault(require("../DropMenu"));
-
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-
 var _Tab = _interopRequireDefault(require("./Tab"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-
 var TabBar = _styledComponents.default.div.withConfig({
   displayName: "Bar__TabBar",
   componentId: "sc-9rl7eq-0"
 })(["flex:0 0 10px;max-height:0px;padding:0 0 0 10px;margin:0 200px 0 0;display:flex;align-items:flex-end;width:calc(100% - 210px);font-family:", ";font-size:13px;text-transform:uppercase;"], (0, _utils.getThemeProp)(["fonts", "header"], "sans-serif"));
-
 exports.TabBar = TabBar;
-
 var InnerBar = _styledComponents.default.div.withConfig({
   displayName: "Bar__InnerBar",
   componentId: "sc-9rl7eq-1"
 })(["position:relative;flex:0 1 100%;margin-left:-10px;padding-left:10px;z-index:0;overflow:hidden;min-width:0;box-sizing:border-box;height:50px;display:flex;align-items:flex-end;scroll-behavior:smooth;"]);
-
 exports.InnerBar = InnerBar;
-
 var Fade = _styledComponents.default.div.withConfig({
   displayName: "Bar__Fade",
   componentId: "sc-9rl7eq-2"
 })(["position:absolute;left:0;bottom:11px;height:38px;width:10px;z-index:1;background-color:red;box-shadow:0px 0 5px 5px #fff;clip-path:polygon(-10px 0,-10px 100%,30px 100%,30px 0);visibility:", ";"], (0, _utils.ifFlag)("scroll", "visible", "hidden"));
-
 var ScrollableBar = _react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Fade, {
@@ -87,9 +60,7 @@ var ScrollableBar = _react.default.forwardRef(function (_ref, ref) {
     ref: ref
   }, children));
 });
-
 exports.ScrollableBar = ScrollableBar;
-
 var getTabEdges = function getTabEdges(pages, tabRefs) {
   var lastWidth = 0;
   return pages.map(function (_ref2) {
@@ -99,30 +70,24 @@ var getTabEdges = function getTabEdges(pages, tabRefs) {
     return lastWidth;
   });
 };
-
 var useTabScroll = function useTabScroll(pages, debug, refs) {
   if (debug === void 0) {
     debug = false;
   }
-
   var barRef = (0, _react.useRef)(null);
   var tabRefs = (0, _react.useRef)({});
-
   if (debug) {
     barRef = refs.barRef;
     tabRefs = refs.tabRefs;
   }
-
   var _useState = (0, _react.useState)(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      barWidth = _useState2[0],
-      setBarWidth = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    barWidth = _useState2[0],
+    setBarWidth = _useState2[1];
   var _useState3 = (0, _react.useState)([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      tabEdges = _useState4[0],
-      setTabEdges = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    tabEdges = _useState4[0],
+    setTabEdges = _useState4[1];
   var setWidthOfBar = (0, _react.useCallback)(function () {
     setBarWidth((0, _utils.safeGet)(barRef, "current", "offsetWidth") || 0);
   }, [barRef, setBarWidth]);
@@ -147,22 +112,18 @@ var useTabScroll = function useTabScroll(pages, debug, refs) {
   var activeIndex = pages.findIndex(function (page) {
     return page.active;
   });
-
   if (activeIndex === -1) {
     activeIndex = lastActiveIndex.current;
   } else {
     lastActiveIndex.current = activeIndex;
   }
-
   var _useState5 = (0, _react.useState)(pages.length),
-      _useState6 = _slicedToArray(_useState5, 2),
-      lastShownTab = _useState6[0],
-      setLastShown = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    lastShownTab = _useState6[0],
+    setLastShown = _useState6[1];
   (0, _react.useEffect)(function () {
     var barElem = barRef.current;
     /* istanbul ignore if */
-
     if (!barElem) return;
     var activeEdge = tabEdges[activeIndex + 1] || tabEdges[activeIndex] || 0;
     var scrollEdge = Math.max(activeEdge - barWidth + 7, 0);
@@ -170,7 +131,6 @@ var useTabScroll = function useTabScroll(pages, debug, refs) {
     var edgeIndex = tabEdges.findIndex(function (edge) {
       return edge > barWidth + barElem.scrollLeft - 10;
     }) - 1;
-
     if (tabEdges[tabEdges.length - 1] <= barWidth) {
       setLastShown(pages.length);
     } else if (edgeIndex > activeIndex) {
@@ -188,7 +148,7 @@ var useTabScroll = function useTabScroll(pages, debug, refs) {
     lastShownTab: lastShownTab,
     tabMenuItems: pages.map(function (_ref3) {
       var label = _ref3.label,
-          href = _ref3.href;
+        href = _ref3.href;
       return {
         id: href,
         label: label,
@@ -212,17 +172,13 @@ var useTabScroll = function useTabScroll(pages, debug, refs) {
     }, [barRef])
   });
 };
-
 exports.useTabScroll = useTabScroll;
-
 __signature__(useTabScroll, "useRef{barRef}\nuseRef{tabRefs}\nuseState{[barWidth, setBarWidth](0)}\nuseState{[tabEdges, setTabEdges]([])}\nuseCallback{setWidthOfBar}\nuseCallback{setEdgesOfTabs}\nuseEffect{}\nuseEffect{}\nuseRef{lastActiveIndex}\nuseState{[lastShownTab, setLastShown](pages.length)}\nuseEffect{}\nuseHistory{history}\nuseCallback{}\nuseCallback{}", function () {
   return [_reactRouterDom.useHistory];
 });
-
 __signature__(useTabScroll, "useRef{barRef}\nuseRef{tabRefs}\nuseState{[barWidth, setBarWidth](0)}\nuseState{[tabEdges, setTabEdges]([])}\nuseCallback{setWidthOfBar}\nuseCallback{setEdgesOfTabs}\nuseEffect{}\nuseEffect{}\nuseRef{lastActiveIndex}\nuseState{[lastShownTab, setLastShown](pages.length)}\nuseEffect{}\nuseHistory{history}\nuseCallback{}\nuseCallback{}", function () {
   return [_reactRouterDom.useHistory];
 });
-
 var StyledMenu = (0, _styledComponents.default)(_DropMenu.default).attrs(function () {
   return {
     alignRight: true
@@ -241,18 +197,15 @@ var MenuButton = (0, _styledComponents.default)(_IconButton.default).attrs(funct
   componentId: "sc-9rl7eq-4"
 })([""]);
 exports.MenuButton = MenuButton;
-
 var Bar = function Bar(_ref4) {
   var module = _ref4.module,
-      pages = _ref4.pages;
-
+    pages = _ref4.pages;
   var _useTabScroll = useTabScroll(pages),
-      hiddenTabs = _useTabScroll.hiddenTabs,
-      tabMenuItems = _useTabScroll.tabMenuItems,
-      lastShownTab = _useTabScroll.lastShownTab,
-      getTabRef = _useTabScroll.getTabRef,
-      getBarRef = _useTabScroll.getBarRef;
-
+    hiddenTabs = _useTabScroll.hiddenTabs,
+    tabMenuItems = _useTabScroll.tabMenuItems,
+    lastShownTab = _useTabScroll.lastShownTab,
+    getTabRef = _useTabScroll.getTabRef,
+    getBarRef = _useTabScroll.getBarRef;
   return /*#__PURE__*/_react.default.createElement(TabBar, null, /*#__PURE__*/_react.default.createElement(_Tab.default, {
     module: true,
     icon: module.icon,
@@ -264,14 +217,14 @@ var Bar = function Bar(_ref4) {
     ref: getBarRef
   }, pages.map(function (_ref5, index) {
     var href = _ref5.href,
-        mappedFrom = _ref5.mappedFrom,
-        label = _ref5.label,
-        mustTruncate = _ref5.mustTruncate,
-        active = _ref5.active,
-        icon = _ref5.icon,
-        outsideScope = _ref5.outsideScope,
-        scopeNotSupported = _ref5.scopeNotSupported,
-        close = _ref5.close;
+      mappedFrom = _ref5.mappedFrom,
+      label = _ref5.label,
+      mustTruncate = _ref5.mustTruncate,
+      active = _ref5.active,
+      icon = _ref5.icon,
+      outsideScope = _ref5.outsideScope,
+      scopeNotSupported = _ref5.scopeNotSupported,
+      close = _ref5.close;
     return /*#__PURE__*/_react.default.createElement(_Tab.default, {
       ref: getTabRef,
       key: href,
@@ -291,28 +244,22 @@ var Bar = function Bar(_ref4) {
     menuItems: tabMenuItems
   }, /*#__PURE__*/_react.default.createElement(MenuButton, null)) : null);
 };
-
 __signature__(Bar, "useTabScroll{{ hiddenTabs, tabMenuItems, lastShownTab, getTabRef, getBarRef }}", function () {
   return [useTabScroll];
 });
-
 __signature__(Bar, "useTabScroll{{ hiddenTabs, tabMenuItems, lastShownTab, getTabRef, getBarRef }}", function () {
   return [useTabScroll];
 });
-
 var _default = Bar;
 var _default2 = _default;
 var _default3 = _default2;
 exports.default = _default3;
 ;
-
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
   if (!reactHotLoader) {
     return;
   }
-
   reactHotLoader.register(TabBar, "TabBar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
   reactHotLoader.register(InnerBar, "InnerBar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
   reactHotLoader.register(Fade, "Fade", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
@@ -324,23 +271,17 @@ exports.default = _default3;
   reactHotLoader.register(Bar, "Bar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
 })();
-
 ;
-
 (function () {
   var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
   leaveModule && leaveModule(module);
 })();
-
 ;
-
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
   if (!reactHotLoader) {
     return;
   }
-
   reactHotLoader.register(TabBar, "TabBar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
   reactHotLoader.register(InnerBar, "InnerBar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
   reactHotLoader.register(Fade, "Fade", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
@@ -352,9 +293,7 @@ exports.default = _default3;
   reactHotLoader.register(Bar, "Bar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
 })();
-
 ;
-
 (function () {
   var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
   leaveModule && leaveModule(module);