orc-shared 1.2.2-dev.0 → 1.2.2

package/dist/components/AppFrame/About.js

@@ -2,90 +2,54 @@
 
 exports.__esModule = true;
 exports.getClickOutsideHandler = exports.default = exports.CloseButton = exports.AboutParagraph = exports.AboutLink = exports.AboutBox = exports.About = exports.ABOUT_NAME = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _reactRedux = require("react-redux");
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _styledTransitionGroup = _interopRequireDefault(require("styled-transition-group"));
-
 var _utils = require("../../utils");
-
 var _Text = _interopRequireDefault(require("../Text"));
-
 var _withClickOutside = _interopRequireDefault(require("../../hocs/withClickOutside"));
-
 var _useViewState3 = _interopRequireDefault(require("../../hooks/useViewState"));
-
 var _aboutBackground = _interopRequireDefault(require("../../content/aboutBackground.png"));
-
 var _orckestraLogoWhite = _interopRequireDefault(require("../../content/orckestra-logo-white.png"));
-
 var _close = _interopRequireDefault(require("../../content/close.png"));
-
 var _versionInfo = require("../../selectors/versionInfo");
-
 var _locale = require("../../selectors/locale");
-
 var _sharedMessages = _interopRequireDefault(require("./../../sharedMessages"));
-
 var _templateObject;
-
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 (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 _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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 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 ABOUT_NAME = "__aboutBox";
 exports.ABOUT_NAME = ABOUT_NAME;
-
 var getModalRoot = function getModalRoot() {
   return document.getElementById("modal");
 };
-
 var AboutBox = (0, _withClickOutside.default)(_styledTransitionGroup.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tbox-sizing: border-box;\n\tz-index: 9999;\n\tposition: absolute;\n\ttop: calc(50% - 210px);\n\tleft: calc(50% - 210px);\n\theight: 420px;\n\twidth: 420px;\n\tpadding: 15px 20px;\n\tcolor: #ffffff;\n\tfont-size: 13px;\n\tline-height: 16px;\n\tbackground: #0a0a07 url(", ");\n\ttransition: opacity ", "ms ease-out;\n\n\t&:enter {\n\t\topacity: 0;\n\t}\n\t&:enter-active {\n\t\topacity: 1;\n\t}\n\t&:exit {\n\t\topacity: 1;\n\t}\n\t&:exit-active {\n\t\topacity: 0;\n\t}\n"])), _aboutBackground.default, function (props) {
   return props.timeout;
 }));
@@ -94,28 +58,21 @@ AboutBox.defaultProps = {
   timeout: 800,
   unmountOnExit: true
 };
-
 var CloseButton = _styledComponents.default.p.withConfig({
   displayName: "About__CloseButton",
   componentId: "sc-1y9zgcc-0"
 })(["z-index:9999;position:absolute;color:#ffffff;top:15px;right:20px;margin:0;cursor:pointer;opacity:1;&:hover{opacity:0.75;}"]);
-
 exports.CloseButton = CloseButton;
-
 var AboutParagraph = _styledComponents.default.p.withConfig({
   displayName: "About__AboutParagraph",
   componentId: "sc-1y9zgcc-1"
 })(["margin-top:20px;", ""], (0, _utils.ifFlag)("long", (0, _styledComponents.css)(["html[lang^=\"fr\"] &{font-size:10px;}"])));
-
 exports.AboutParagraph = AboutParagraph;
-
 var AboutLink = _styledComponents.default.a.withConfig({
   displayName: "About__AboutLink",
   componentId: "sc-1y9zgcc-2"
 })(["color:#23527c;text-decoration:none;"]);
-
 exports.AboutLink = AboutLink;
-
 var getClickOutsideHandler = function getClickOutsideHandler(_ref, updateViewState) {
   var show = _ref.show;
   return show ? function (event) {
@@ -123,17 +80,13 @@ var getClickOutsideHandler = function getClickOutsideHandler(_ref, updateViewSta
     updateViewState("show", false);
   } : function () {};
 };
-
 exports.getClickOutsideHandler = getClickOutsideHandler;
-
 var About = function About(_ref2) {
   var currentApplication = _ref2.currentApplication;
-
   var _useViewState = (0, _useViewState3.default)(ABOUT_NAME),
-      _useViewState2 = _slicedToArray(_useViewState, 2),
-      viewState = _useViewState2[0],
-      updateViewState = _useViewState2[1];
-
+    _useViewState2 = _slicedToArray(_useViewState, 2),
+    viewState = _useViewState2[0],
+    updateViewState = _useViewState2[1];
   var version = (0, _reactRedux.useSelector)(_versionInfo.getVersionSelector);
   var locale = (0, _reactRedux.useSelector)(_locale.currentLocaleOrDefault);
   var closeAboutBox = getClickOutsideHandler(viewState, updateViewState);
@@ -207,35 +160,26 @@ var About = function About(_ref2) {
     message: _sharedMessages.default.allRightsReserved
   })));
 };
-
 exports.About = About;
-
 __signature__(About, "useViewState{[viewState, updateViewState]}\nuseSelector{version}\nuseSelector{locale}", function () {
   return [_useViewState3.default, _reactRedux.useSelector, _reactRedux.useSelector];
 });
-
 __signature__(About, "useViewState{[viewState, updateViewState]}\nuseSelector{version}\nuseSelector{locale}", function () {
   return [_useViewState3.default, _reactRedux.useSelector, _reactRedux.useSelector];
 });
-
 var WiredAbout = About;
-
 var _default = function _default(props) {
   return _reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(WiredAbout, props), getModalRoot());
 };
-
 var _default2 = _default;
 var _default3 = _default2;
 exports.default = _default3;
 ;
-
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
   if (!reactHotLoader) {
     return;
   }
-
   reactHotLoader.register(ABOUT_NAME, "ABOUT_NAME", "/home/vsts/work/1/s/src/components/AppFrame/About.js");
   reactHotLoader.register(getModalRoot, "getModalRoot", "/home/vsts/work/1/s/src/components/AppFrame/About.js");
   reactHotLoader.register(AboutBox, "AboutBox", "/home/vsts/work/1/s/src/components/AppFrame/About.js");
@@ -247,23 +191,17 @@ exports.default = _default3;
   reactHotLoader.register(WiredAbout, "WiredAbout", "/home/vsts/work/1/s/src/components/AppFrame/About.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/AppFrame/About.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(ABOUT_NAME, "ABOUT_NAME", "/home/vsts/work/1/s/src/components/AppFrame/About.js");
   reactHotLoader.register(getModalRoot, "getModalRoot", "/home/vsts/work/1/s/src/components/AppFrame/About.js");
   reactHotLoader.register(AboutBox, "AboutBox", "/home/vsts/work/1/s/src/components/AppFrame/About.js");
@@ -275,9 +213,7 @@ exports.default = _default3;
   reactHotLoader.register(WiredAbout, "WiredAbout", "/home/vsts/work/1/s/src/components/AppFrame/About.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/AppFrame/About.js");
 })();
-
 ;
-
 (function () {
   var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
   leaveModule && leaveModule(module);

package/dist/components/AppFrame/Anchor.js

@@ -2,40 +2,29 @@
 
 exports.__esModule = true;
 exports.default = exports.Indicator = exports.Header = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _utils = require("../../utils");
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
   enterModule && enterModule(module);
 })();
-
 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 Header = _styledComponents.default.div.withConfig({
   displayName: "Anchor__Header",
   componentId: "sc-9jv4s9-0"
 })(["display:flex;cursor:pointer;box-sizing:border-box;font-family:", ";font-size:12px;text-transform:uppercase;height:40px;min-width:180px;padding-top:14px;padding-right:14px;color:", ";&:hover{color:", ";}"], (0, _utils.getThemeProp)(["fonts", "header"], "sans-serif"), (0, _utils.ifFlag)("open", (0, _utils.getThemeProp)(["colors", "application", "primary"], "#ccc"), "#ccc"), (0, _utils.getThemeProp)(["colors", "application", "primary"], "#ccc"));
-
 exports.Header = Header;
 var Indicator = (0, _styledComponents.default)(_Icon.default).attrs(function (props) {
   return {
@@ -46,60 +35,47 @@ var Indicator = (0, _styledComponents.default)(_Icon.default).attrs(function (pr
   componentId: "sc-9jv4s9-1"
 })(["font-size:12px;padding:0 11px;color:", ";"], (0, _utils.ifFlag)("open", "#ccc", (0, _utils.getThemeProp)(["colors", "application", "primary"], "#ccc")));
 exports.Indicator = Indicator;
-
 var Anchor = function Anchor(_ref) {
   var menuLabel = _ref.menuLabel,
-      open = _ref.open;
+    open = _ref.open;
   return /*#__PURE__*/_react.default.createElement(Header, {
     open: open
   }, menuLabel, /*#__PURE__*/_react.default.createElement(Indicator, {
     open: open
   }));
 };
-
 var _default = Anchor;
 var _default2 = _default;
 var _default3 = _default2;
 exports.default = _default3;
 ;
-
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
   if (!reactHotLoader) {
     return;
   }
-
   reactHotLoader.register(Header, "Header", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
   reactHotLoader.register(Indicator, "Indicator", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
   reactHotLoader.register(Anchor, "Anchor", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.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(Header, "Header", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
   reactHotLoader.register(Indicator, "Indicator", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
   reactHotLoader.register(Anchor, "Anchor", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/AppFrame/Anchor.js");
 })();
-
 ;
-
 (function () {
   var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
   leaveModule && leaveModule(module);

package/dist/components/AppFrame/AppFrame.js

@@ -2,162 +2,108 @@
 
 exports.__esModule = true;
 exports.default = exports.ViewPort = exports.Base = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactIntl = require("react-intl");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _reactRedux = require("react-redux");
-
 var _utils = require("../../utils");
-
 var _applications = require("../../actions/applications");
-
 var _useToggle3 = _interopRequireDefault(require("../../hooks/useToggle"));
-
 var _useLoader = _interopRequireDefault(require("../../hooks/useLoader"));
-
 var _applications2 = require("../../selectors/applications");
-
 var _Text = require("../Text");
-
 var _Scope = _interopRequireWildcard(require("../Scope"));
-
 var _Topbar = _interopRequireDefault(require("./Topbar"));
-
 var _Sidebar = _interopRequireDefault(require("./Sidebar"));
-
 var _About = _interopRequireDefault(require("./About"));
-
 var _Preferences = _interopRequireWildcard(require("./Preferences"));
-
 var _ConnectedToastList = _interopRequireDefault(require("./ConnectedToastList"));
-
 var _useApplicationHelpUrl = _interopRequireDefault(require("./useApplicationHelpUrl"));
-
 var _useViewState3 = _interopRequireDefault(require("../../hooks/useViewState"));
-
 var _versionInfo = require("../../actions/versionInfo");
-
 var _locale = require("../../selectors/locale");
-
 var _navigation = require("../../selectors/navigation");
-
 var _loadingScreen = _interopRequireDefault(require("../MaterialUI/Feedback/loadingScreen"));
-
 var _sharedMessages = _interopRequireDefault(require("../../sharedMessages"));
-
 var _ActionModal = _interopRequireDefault(require("../MaterialUI/DataDisplay/PredefinedElements/ActionModal"));
-
 var _requests = require("../../selectors/requests");
-
 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 _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 _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 Base = _styledComponents.default.div.withConfig({
   displayName: "AppFrame__Base",
   componentId: "sc-1no0pw0-0"
 })(["background-color:", ";height:100%;overflow:hidden;", ";"], (0, _utils.getThemeProp)(["colors", "bgDark"], "#333333"), (0, _utils.ifFlag)("preferencesOpen", (0, _styledComponents.css)(["pointer-events:none;"])));
-
 exports.Base = Base;
-
 var ViewPort = _styledComponents.default.div.withConfig({
   displayName: "AppFrame__ViewPort",
   componentId: "sc-1no0pw0-1"
 })(["overflow:hidden;background-color:white;border-top-left-radius:10px;height:calc(100% - 40px);width:calc(100% - 50px);position:absolute;bottom:0;right:0;display:flex;flex-direction:column;transition:width 0.3s ease-out;", ";"], (0, _utils.ifFlag)("open", (0, _styledComponents.css)(["width:calc(100% - 200px);"])));
-
 exports.ViewPort = ViewPort;
-
 var getApp = function getApp(apps, id) {
   return apps.filter(function (app) {
     return app.name === id;
   })[0];
 };
-
 var AppFrame = function AppFrame(_ref) {
   var initOpen = _ref.initOpen,
-      applicationId = _ref.applicationId,
-      modules = _ref.modules,
-      activeModules = _ref.activeModules,
-      children = _ref.children,
-      noScope = _ref.noScope,
-      _ref$forceShowScope = _ref.forceShowScope,
-      forceShowScope = _ref$forceShowScope === void 0 ? [] : _ref$forceShowScope;
-
+    applicationId = _ref.applicationId,
+    modules = _ref.modules,
+    activeModules = _ref.activeModules,
+    children = _ref.children,
+    noScope = _ref.noScope,
+    _ref$forceShowScope = _ref.forceShowScope,
+    forceShowScope = _ref$forceShowScope === void 0 ? [] : _ref$forceShowScope;
   var _useIntl = (0, _reactIntl.useIntl)(),
-      formatMessage = _useIntl.formatMessage;
-
+    formatMessage = _useIntl.formatMessage;
   var locale = (0, _reactRedux.useSelector)(_locale.currentLocale);
   var needLogin = (0, _reactRedux.useSelector)(_requests.logoutSelector);
   var applications = (0, _utils.unwrapImmutable)((0, _reactRedux.useSelector)(_applications2.localizedAppSelector));
   var moduleName = (0, _reactRedux.useSelector)(_navigation.selectCurrentModuleName);
-
   var _useApplicationHelpUr = (0, _useApplicationHelpUrl.default)(applicationId),
-      _useApplicationHelpUr2 = _slicedToArray(_useApplicationHelpUr, 1),
-      helpUrl = _useApplicationHelpUr2[0];
-
+    _useApplicationHelpUr2 = _slicedToArray(_useApplicationHelpUr, 1),
+    helpUrl = _useApplicationHelpUr2[0];
   (0, _useLoader.default)((0, _applications.getApplications)(), function (state) {
     return (0, _applications2.localizedAppSelector)(state).size;
   });
-
   var _useToggle = (0, _useToggle3.default)(initOpen),
-      _useToggle2 = _slicedToArray(_useToggle, 3),
-      open = _useToggle2[0],
-      toggle = _useToggle2[1],
-      reset = _useToggle2[2];
-
+    _useToggle2 = _slicedToArray(_useToggle, 3),
+    open = _useToggle2[0],
+    toggle = _useToggle2[1],
+    reset = _useToggle2[2];
   var currentApplication = getApp(applications, applicationId);
   (0, _useLoader.default)((0, _versionInfo.getVersionInfo)(locale), function () {
     return locale === null || helpUrl !== null;
   });
-
   var _React$useState = _react.default.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      doesApplicationNeedRefresh = _React$useState2[0],
-      setDoesApplicationNeedRefresh = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    doesApplicationNeedRefresh = _React$useState2[0],
+    setDoesApplicationNeedRefresh = _React$useState2[1];
   var reloadApplication = function reloadApplication() {
     window.location.reload();
     setDoesApplicationNeedRefresh(false);
   };
-
   (0, _react.useEffect)(function () {
     if (needLogin) {
       setDoesApplicationNeedRefresh(true);
@@ -165,8 +111,9 @@ var AppFrame = function AppFrame(_ref) {
   }, [needLogin]);
   (0, _react.useEffect)(function () {
     document.title = (currentApplication == null ? void 0 : currentApplication.displayName) || applicationId;
-  }, [currentApplication, applicationId]); // Extract only what's needed for the SideBar and its menuItems
+  }, [currentApplication, applicationId]);
 
+  // Extract only what's needed for the SideBar and its menuItems
   var menuItemFromModules = (0, _react.useMemo)(function () {
     return (modules != null ? modules : []).map(function (item) {
       return {
@@ -176,11 +123,9 @@ var AppFrame = function AppFrame(_ref) {
       };
     });
   }, [modules]);
-
   var _useViewState = (0, _useViewState3.default)(_Preferences.PREFS_NAME),
-      _useViewState2 = _slicedToArray(_useViewState, 1),
-      prefViewState = _useViewState2[0];
-
+    _useViewState2 = _slicedToArray(_useViewState, 1),
+    prefViewState = _useViewState2[0];
   return /*#__PURE__*/_react.default.createElement(Base, {
     preferencesOpen: prefViewState.show
   }, /*#__PURE__*/_react.default.createElement(_ConnectedToastList.default, null), /*#__PURE__*/_react.default.createElement(_ActionModal.default, {
@@ -210,15 +155,12 @@ var AppFrame = function AppFrame(_ref) {
     currentApplication: currentApplication
   }), /*#__PURE__*/_react.default.createElement(_loadingScreen.default, null), /*#__PURE__*/_react.default.createElement(_Preferences.default, null));
 };
-
 __signature__(AppFrame, "useIntl{{ formatMessage }}\nuseSelector{locale}\nuseSelector{needLogin}\nuseSelector{}\nuseSelector{moduleName}\nuseApplicationHelpUrl{[helpUrl]}\nuseLoader{}\nuseToggle{[open, toggle, reset]}\nuseLoader{}\nuseState{[doesApplicationNeedRefresh, setDoesApplicationNeedRefresh](false)}\nuseEffect{}\nuseEffect{}\nuseMemo{menuItemFromModules}\nuseViewState{[prefViewState]}", function () {
   return [_reactIntl.useIntl, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _useApplicationHelpUrl.default, _useLoader.default, _useToggle3.default, _useLoader.default, _useViewState3.default];
 });
-
 __signature__(AppFrame, "useIntl{{ formatMessage }}\nuseSelector{locale}\nuseSelector{needLogin}\nuseSelector{}\nuseSelector{moduleName}\nuseApplicationHelpUrl{[helpUrl]}\nuseLoader{}\nuseToggle{[open, toggle, reset]}\nuseLoader{}\nuseState{[doesApplicationNeedRefresh, setDoesApplicationNeedRefresh](false)}\nuseEffect{}\nuseEffect{}\nuseMemo{menuItemFromModules}\nuseViewState{[prefViewState]}", function () {
   return [_reactIntl.useIntl, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _reactRedux.useSelector, _useApplicationHelpUrl.default, _useLoader.default, _useToggle3.default, _useLoader.default, _useViewState3.default];
 });
-
 AppFrame.displayName = "AppFrame";
 AppFrame.propTypes = {
   applicationId: _propTypes.default.string.isRequired,
@@ -234,46 +176,35 @@ var _default2 = _default;
 var _default3 = _default2;
 exports.default = _default3;
 ;
-
 (function () {
   var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
   if (!reactHotLoader) {
     return;
   }
-
   reactHotLoader.register(Base, "Base", "/home/vsts/work/1/s/src/components/AppFrame/AppFrame.js");
   reactHotLoader.register(ViewPort, "ViewPort", "/home/vsts/work/1/s/src/components/AppFrame/AppFrame.js");
   reactHotLoader.register(getApp, "getApp", "/home/vsts/work/1/s/src/components/AppFrame/AppFrame.js");
   reactHotLoader.register(AppFrame, "AppFrame", "/home/vsts/work/1/s/src/components/AppFrame/AppFrame.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/AppFrame/AppFrame.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(Base, "Base", "/home/vsts/work/1/s/src/components/AppFrame/AppFrame.js");
   reactHotLoader.register(ViewPort, "ViewPort", "/home/vsts/work/1/s/src/components/AppFrame/AppFrame.js");
   reactHotLoader.register(getApp, "getApp", "/home/vsts/work/1/s/src/components/AppFrame/AppFrame.js");
   reactHotLoader.register(AppFrame, "AppFrame", "/home/vsts/work/1/s/src/components/AppFrame/AppFrame.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/AppFrame/AppFrame.js");
 })();
-
 ;
-
 (function () {
   var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
   leaveModule && leaveModule(module);