@equinor/echo-framework 0.9.3 → 0.9.4

package/dist/src/components/panel/corePanelRight.js

@@ -42,9 +42,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 edsIons.edsIcons();
 
-var CorePanelRight = function CorePanelRight(_ref) {
-  var isToggleButtonVisible = _ref.isToggleButtonVisible;
-
+var CorePanelRight = function CorePanelRight() {
   var _a;
 
   var _EchoCore$usePanels = EchoCore.usePanels('right'),
@@ -76,8 +74,7 @@ var CorePanelRight = function CorePanelRight(_ref) {
     style: panelUI.panelButton
   }, panels.map(function (panel, i) {
     var PanelIcon = panel.icon;
-    var showPanel = isToggleButtonVisible || panel.key !== EchoCore.ECHO_CORE_MAIN;
-    return showPanel && /*#__PURE__*/React__default["default"].createElement(panelButton["default"], {
+    return /*#__PURE__*/React__default["default"].createElement(panelButton["default"], {
       key: i,
       label: panel.label,
       variant: panel.key === EchoCore.ECHO_CORE_MAIN ? panelButton.Variants.NotificationButton : panelButton.Variants.OpenCloseButton,

package/dist/src/components/panel/corePanelRight.module.css.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', {
 
 var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
 
-var css_248z = ".corePanelRight-module_wrapper__YN3Zr{height:100%;max-width:550px;position:fixed;right:-352px;top:0;transition:all .4s ease-in-out;width:352px;z-index:2}.corePanelRight-module_active__RIMQt{right:0;z-index:var(--echo-framework-z-level-panel-main)}@media screen and (max-width:550px){.corePanelRight-module_active__RIMQt{width:100%}}@media screen and (max-width:767px) and (orientation:portrait){.corePanelRight-module_wrapper__YN3Zr{height:calc(100% - 48px)}}@media screen and (max-width:927px) and (orientation:landscape){.corePanelRight-module_wrapper__YN3Zr{left:-352px}.corePanelRight-module_active__RIMQt{left:48px;z-index:var(--echo-framework-z-level-panel-main)}}.corePanelRight-module_drawer__1-ucH{background-color:#fff;border-left:2px solid #f7f7f7;box-shadow:0 6px 4px #00000040;display:flex;flex-direction:column;height:100%;opacity:0;overflow-y:auto;position:relative;transition:opacity .4s ease-in-out;width:auto}.corePanelRight-module_active__RIMQt .corePanelRight-module_drawer__1-ucH{opacity:1}.corePanelRight-module_buttonContainer__62imJ{display:flex;flex-direction:column;left:-90px;position:absolute;top:0}.corePanelRight-module_button__WBdfZ{margin-left:var(--medium);margin-top:var(--small)}";
+var css_248z = ".corePanelRight-module_wrapper__YN3Zr{height:100%;max-width:352px;position:fixed;right:-352px;top:0;transition:right .4s ease-in-out,width .4s ease-in-out;width:352px;z-index:2}@media screen and (max-width:500px){.corePanelRight-module_wrapper__YN3Zr{max-width:75vw;right:-75vw;width:75vw}}.corePanelRight-module_active__RIMQt{right:0;z-index:var(--echo-framework-z-level-panel)}.corePanelRight-module_drawer__1-ucH{background-color:#fff;border-left:2px solid #f7f7f7;box-shadow:0 6px 4px #00000040;display:flex;flex-direction:column;height:100%;opacity:0;overflow-y:auto;position:relative;transition:opacity .4s ease-in-out;width:auto}.corePanelRight-module_active__RIMQt .corePanelRight-module_drawer__1-ucH{opacity:1}.corePanelRight-module_buttonContainer__62imJ{display:flex;flex-direction:column;left:-90px;position:absolute;top:0}.corePanelRight-module_button__WBdfZ{margin-left:var(--medium);margin-top:var(--small)}";
 var style = {
   "wrapper": "corePanelRight-module_wrapper__YN3Zr",
   "active": "corePanelRight-module_active__RIMQt",

package/dist/src/components/router/echoRoute.js

@@ -12,8 +12,6 @@ var reactRouterDom = require('react-router-dom');
 
 var errorBoundary = require('../errorBoundary/errorBoundary.js');
 
-var layouts = require('../containers/layouts.js');
-
 var echoWrapper = require('./echoWrapper.js');
 
 function _interopDefaultLegacy(e) {
@@ -25,21 +23,17 @@ function _interopDefaultLegacy(e) {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var EchoRoute = function EchoRoute(_ref) {
-  var key = _ref.key,
-      Component = _ref.component,
-      layoutKey = _ref.layoutKey,
+  var Component = _ref.component,
+      Layout = _ref.layout,
       path = _ref.path,
       errorHandler = _ref.errorHandler,
       _ref$exactPath = _ref.exactPath,
       exactPath = _ref$exactPath === void 0 ? true : _ref$exactPath;
   return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, {
-    key: key,
     exact: exactPath,
     path: path,
     render: function render(props) {
-      return /*#__PURE__*/React__default["default"].createElement(layouts.Layout, {
-        layoutKey: layoutKey
-      }, /*#__PURE__*/React__default["default"].createElement(echoWrapper.EchoWrapper, {
+      return /*#__PURE__*/React__default["default"].createElement(Layout, null, /*#__PURE__*/React__default["default"].createElement(echoWrapper.EchoWrapper, {
         path: path
       }, /*#__PURE__*/React__default["default"].createElement(errorBoundary.ErrorBoundary, {
         onComponentDidCatch: errorHandler

package/dist/src/components/router/routes.js

@@ -12,6 +12,8 @@ var React = require('react');
 
 var echoRoute = require('./echoRoute.js');
 
+var useLayout = require('./useLayout.js');
+
 function _interopDefaultLegacy(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -23,18 +25,18 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var EchoRoutes = function EchoRoutes(_ref) {
   var routeErrorHandler = _ref.routeErrorHandler;
   var routes = EchoCore.useRoutes();
+  var getLayout = useLayout.useLayout();
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, routes.map(function (_ref2) {
     var path = _ref2.path,
         component = _ref2.component,
         layoutKey = _ref2.layoutKey,
         key = _ref2.key,
         exactPath = _ref2.exactPath;
-    console.log('-- Key, routes', layoutKey);
     return /*#__PURE__*/React__default["default"].createElement(echoRoute.EchoRoute, {
       key: key,
       path: path,
       component: component,
-      layoutKey: layoutKey,
+      layout: getLayout(layoutKey),
       errorHandler: routeErrorHandler,
       exactPath: exactPath
     });

package/dist/src/components/router/useLayout.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+var layouts$1 = require('../containers/layouts.js');
+
+var layouts = {
+  main: layouts$1.MainLayout,
+  app: layouts$1.MainLayout,
+  camera: layouts$1.CameraLayout,
+  nativePdf: layouts$1.PdfViewerNative,
+  colorLayout: layouts$1.ColorLayout
+};
+
+function useLayout() {
+  var getLayout = React.useCallback(function (layoutKey) {
+    var Layout = layoutKey && layouts["".concat(layoutKey)];
+
+    if (Layout) {
+      return Layout;
+    }
+
+    return layouts$1.DefaultLayout;
+  }, []);
+  return getLayout;
+}
+
+exports.useLayout = useLayout;

package/dist/src/coreApplication/EchoContent.js

@@ -24,13 +24,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var EchoContent = function EchoContent(_ref) {
   var children = _ref.children,
-      Legend = _ref.Legend,
-      isToggleButtonVisible = _ref.isToggleButtonVisible;
-  return /*#__PURE__*/React__default["default"].createElement(EchoCore.ModuleContextProvider, null, /*#__PURE__*/React__default["default"].createElement(corePanelLeft["default"], {
-    isToggleButtonVisible: isToggleButtonVisible
-  }), /*#__PURE__*/React__default["default"].createElement(corePanelRight["default"], {
-    isToggleButtonVisible: isToggleButtonVisible
-  }), children, Legend && /*#__PURE__*/React__default["default"].createElement(Legend, null));
+      Legend = _ref.Legend;
+  return /*#__PURE__*/React__default["default"].createElement(EchoCore.ModuleContextProvider, null, /*#__PURE__*/React__default["default"].createElement(corePanelLeft["default"], null), /*#__PURE__*/React__default["default"].createElement(corePanelRight["default"], null), children, Legend && /*#__PURE__*/React__default["default"].createElement(Legend, null));
 };
 
 exports.EchoContent = EchoContent;

package/dist/src/globalStyles.css.js

@@ -2,5 +2,5 @@
 
 var styleInject_es = require('../node_modules/style-inject/dist/style-inject.es.js');
 
-var css_248z = ":root{--echo-framework-z-level-panel-left:500;--echo-framework-z-level-panel-main:550;--echo-framework-z-level-bottom-bar:1500;--echo-framework-z-level-scrim:1450}[class^=Scrim__StyledScrim]{z-index:var(--echo-framework-z-level-scrim)!important}";
+var css_248z = ":root{--echo-framework-z-level-panel:500;--echo-framework-z-level-scrim:1450}[class^=Scrim__StyledScrim]{z-index:var(--echo-framework-z-level-scrim)!important}";
 styleInject_es["default"](css_248z);

package/dist/src/hooks/hookLibrary.js

@@ -25,8 +25,6 @@ exports.RegisteredHookName = void 0;
   RegisteredHookName["useIsContextMenuInfoLoading"] = "useIsContextMenuInfoLoading";
   RegisteredHookName["useSetActiveCommPackNo"] = "useSetActiveCommPackNo";
   RegisteredHookName["useSetActiveMcPackNo"] = "useSetActiveMcPackNo";
-  RegisteredHookName["useDeviceOrientation"] = "useDeviceOrientation";
-  RegisteredHookName["useInternalLinkToScan"] = "useInternalLinkToScan";
 })(exports.RegisteredHookName || (exports.RegisteredHookName = {}));
 
 var HookLibrary = Object.freeze({
@@ -83,21 +81,6 @@ var HookLibrary = Object.freeze({
    */
   useSetActiveMcPackNo: function useSetActiveMcPackNo() {
     return EchoCore__default["default"].echoHookRegistry.getHookByName(exports.RegisteredHookName.useSetActiveMcPackNo)();
-  },
-
-  /**
-   * Hook for detecting device orientation from native devices.
-   * @returns {DeviceOrientation}
-   */
-  useDeviceOrientation: function useDeviceOrientation() {
-    return EchoCore__default["default"].echoHookRegistry.getHookByName(exports.RegisteredHookName.useDeviceOrientation)();
-  },
-
-  /**
-   * Hook for opening camera.
-   */
-  useInternalLinkToScan: function useInternalLinkToScan() {
-    return EchoCore__default["default"].echoHookRegistry.getHookByName(exports.RegisteredHookName.useInternalLinkToScan)();
   }
 });
 exports.HookLibrary = HookLibrary;

package/dist/src/hooks/index.js

@@ -6,10 +6,7 @@ Object.defineProperty(exports, '__esModule', {
 
 var useEchoHistory = require('./useEchoHistory.js');
 
-var useScreenOrientation = require('./useScreenOrientation.js');
-
 var useTagDetails = require('./useTagDetails.js');
 
 exports.useEchoHistory = useEchoHistory.useEchoHistory;
-exports.useScreenOrientation = useScreenOrientation.useScreenOrientation;
 exports.useTagDetails = useTagDetails.useTagDetails;

package/dist/src/icons/common/SemiIcon.svg.js

@@ -63,7 +63,7 @@ var SvgSemiIcon = function SvgSemiIcon(props) {
     xmlSpace: "preserve"
   }, props), _style || (_style = /*#__PURE__*/React__namespace.createElement("style", {
     type: "text/css"
-  }, ".st0{fill:#421E6D;}\n\t.st1{fill:none;enable-background:new    ;}")), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
+  }, ".st0{fill:#421E6D;}\r\n\t.st1{fill:none;enable-background:new    ;}")), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
     className: "st0",
     cx: 421,
     cy: 280,

package/dist/src/icons/equinor-logo.js

@@ -31,31 +31,31 @@ var FooterLogo = function FooterLogo() {
     type: "text/css"
   }, ".st0{fill:#FF1243;}"), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     className: "st0",
-    d: "M3489.6,1124.6l82.9,47.8c4.9,2.8,7.9,8.1,7.9,13.8l-0.1,95.7c0,8.1-8.8,13.2-15.8,9.1l-82.9-47.8\n\t\t\t\tc-4.9-2.8-7.8-8.1-7.8-13.8l0-95.7C3473.7,1125.6,3482.5,1120.5,3489.6,1124.6z M3556.2,1009.2l82.9,47.9c4.9,2.8,11,2.8,15.9,0\n\t\t\t\tl82.9-47.9c7-4.1,7-14.2,0-18.3l-82.9-47.9c-4.9-2.8-11-2.8-15.9,0l-82.9,47.9C3549.2,995,3549.2,1005.1,3556.2,1009.2z\n\t\t\t\tM3256,989.7l-186.5-107.9c-5.5-3.2-12.3-3.2-17.9,0l-186.5,107.9c-7.9,4.6-7.9,16,0,20.6l186.5,107.9c5.5,3.2,12.3,3.2,17.9,0\n\t\t\t\tl186.5-107.9C3263.9,1005.7,3263.9,994.3,3256,989.7z M3328.6,1122.3l-124.5,71.7c-3.7,2.1-6,6.1-6,10.3l0,143.7\n\t\t\t\tc0,6.1,6.8,9.9,12,6.9l124.5-71.7c3.7-2.1,5.8-6.1,5.8-10.3l0-143.7C3340.5,1123.1,3333.9,1119.3,3328.6,1122.3z M3943.2,22.5\n\t\t\t\tl-448.1,258.1c-13.3,7.6-21.5,21.8-21.4,37.1l0,517.1c0,21.9,24.3,35.7,43.3,24.7l448.1-258.1c13.3-7.6,21-21.8,20.9-37.1l0-517.1\n\t\t\t\tC3986,25.3,3962.2,11.6,3943.2,22.5z M2984.6,303l0,359.2c0,10.6,5.3,20.5,14.5,25.8l311.2,179.3c13.2,7.6,30-1.9,30.1-17.2\n\t\t\t\tl0-359.2c0-10.6-5.7-20.5-14.9-25.8l-311.2-179.3C3001.1,278.2,2984.6,287.8,2984.6,303z"
+    d: "M3489.6,1124.6l82.9,47.8c4.9,2.8,7.9,8.1,7.9,13.8l-0.1,95.7c0,8.1-8.8,13.2-15.8,9.1l-82.9-47.8\r\n\t\t\t\tc-4.9-2.8-7.8-8.1-7.8-13.8l0-95.7C3473.7,1125.6,3482.5,1120.5,3489.6,1124.6z M3556.2,1009.2l82.9,47.9c4.9,2.8,11,2.8,15.9,0\r\n\t\t\t\tl82.9-47.9c7-4.1,7-14.2,0-18.3l-82.9-47.9c-4.9-2.8-11-2.8-15.9,0l-82.9,47.9C3549.2,995,3549.2,1005.1,3556.2,1009.2z\r\n\t\t\t\tM3256,989.7l-186.5-107.9c-5.5-3.2-12.3-3.2-17.9,0l-186.5,107.9c-7.9,4.6-7.9,16,0,20.6l186.5,107.9c5.5,3.2,12.3,3.2,17.9,0\r\n\t\t\t\tl186.5-107.9C3263.9,1005.7,3263.9,994.3,3256,989.7z M3328.6,1122.3l-124.5,71.7c-3.7,2.1-6,6.1-6,10.3l0,143.7\r\n\t\t\t\tc0,6.1,6.8,9.9,12,6.9l124.5-71.7c3.7-2.1,5.8-6.1,5.8-10.3l0-143.7C3340.5,1123.1,3333.9,1119.3,3328.6,1122.3z M3943.2,22.5\r\n\t\t\t\tl-448.1,258.1c-13.3,7.6-21.5,21.8-21.4,37.1l0,517.1c0,21.9,24.3,35.7,43.3,24.7l448.1-258.1c13.3-7.6,21-21.8,20.9-37.1l0-517.1\r\n\t\t\t\tC3986,25.3,3962.2,11.6,3943.2,22.5z M2984.6,303l0,359.2c0,10.6,5.3,20.5,14.5,25.8l311.2,179.3c13.2,7.6,30-1.9,30.1-17.2\r\n\t\t\t\tl0-359.2c0-10.6-5.7-20.5-14.9-25.8l-311.2-179.3C3001.1,278.2,2984.6,287.8,2984.6,303z"
   }), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     className: "st0",
-    d: "M2645.9,1030c-3.3-8.2-10.3-11.2-18.1-6.6c-7.8,4.7-154.9,92.3-154.9,92.3v-80.7c0-9.1-5.8-12.4-14-9.1\n\t\t\t\t\t\tl-47.8,17.3c-6.6,2.5-9.1,7.4-9.1,14v355c0,7.4,4.9,12.4,12.4,12.4h46.1c7.4,0,12.4-4.9,12.4-12.4v-217.4\n\t\t\t\t\t\tc0,0,173.4-107,180.4-111.2c7-4.2,10.6-7.8,7.4-15.7C2657.3,1059.2,2645.9,1030,2645.9,1030"
+    d: "M2645.9,1030c-3.3-8.2-10.3-11.2-18.1-6.6c-7.8,4.7-154.9,92.3-154.9,92.3v-80.7c0-9.1-5.8-12.4-14-9.1\r\n\t\t\t\t\t\tl-47.8,17.3c-6.6,2.5-9.1,7.4-9.1,14v355c0,7.4,4.9,12.4,12.4,12.4h46.1c7.4,0,12.4-4.9,12.4-12.4v-217.4\r\n\t\t\t\t\t\tc0,0,173.4-107,180.4-111.2c7-4.2,10.6-7.8,7.4-15.7C2657.3,1059.2,2645.9,1030,2645.9,1030"
   }), /*#__PURE__*/React__default["default"].createElement("path", {
     className: "st0",
-    d: "M397.4,1201.3c0-98.9-67.6-182.1-180.4-182.1c-111.2,0-203.5,79.9-203.5,210.1\n\t\t\t\t\t\tc0,118.6,77.4,205.1,207.6,205.1c59.3,0,118.6-20.6,163.1-60.1c5.8-4.9,5.8-11.5,1.6-17.3l-22.2-34.6c-4.1-6.6-10.7-7.4-17.3-2.5\n\t\t\t\t\t\tc-40.4,29.7-81.6,44.5-125.2,44.5c-83.2,0-128.5-54.4-134.3-122.8h298.4c7.6,0,12.2-5.5,12.2-12.2V1201.3z M91.8,1179.8\n\t\t\t\t\t\tc15.7-56.8,60.1-91.4,122.8-91.4c68.4,0,104.6,40.4,107.9,91.4H91.8z"
+    d: "M397.4,1201.3c0-98.9-67.6-182.1-180.4-182.1c-111.2,0-203.5,79.9-203.5,210.1\r\n\t\t\t\t\t\tc0,118.6,77.4,205.1,207.6,205.1c59.3,0,118.6-20.6,163.1-60.1c5.8-4.9,5.8-11.5,1.6-17.3l-22.2-34.6c-4.1-6.6-10.7-7.4-17.3-2.5\r\n\t\t\t\t\t\tc-40.4,29.7-81.6,44.5-125.2,44.5c-83.2,0-128.5-54.4-134.3-122.8h298.4c7.6,0,12.2-5.5,12.2-12.2V1201.3z M91.8,1179.8\r\n\t\t\t\t\t\tc15.7-56.8,60.1-91.4,122.8-91.4c68.4,0,104.6,40.4,107.9,91.4H91.8z"
   }), /*#__PURE__*/React__default["default"].createElement("path", {
     className: "st0",
-    d: "M799,1589.3h46.1c7.4,0,12.4-4.9,12.4-12.4v-542.1c0-9.1-5.8-12.4-14.8-9.1l-47,17.3\n\t\t\t\t\t\tc-6.6,2.5-9.1,7.4-9.1,14v17.3c-25.5-34.6-75.8-55.2-130.2-55.2c-107.9,0-201.8,80.7-201.8,207.6c0,112,72.5,207.6,197.7,207.6\n\t\t\t\t\t\tc56.8,0,111.2-25.5,134.3-54.4v196.9C786.7,1584.4,791.6,1589.3,799,1589.3 M657.3,1364.4c-70,0-130.2-47.8-130.2-138.4\n\t\t\t\t\t\tc0-90.6,60.1-137.6,130.2-137.6c73.3,0,130.2,47,130.2,137.6C787.5,1317.4,730.6,1364.4,657.3,1364.4"
+    d: "M799,1589.3h46.1c7.4,0,12.4-4.9,12.4-12.4v-542.1c0-9.1-5.8-12.4-14.8-9.1l-47,17.3\r\n\t\t\t\t\t\tc-6.6,2.5-9.1,7.4-9.1,14v17.3c-25.5-34.6-75.8-55.2-130.2-55.2c-107.9,0-201.8,80.7-201.8,207.6c0,112,72.5,207.6,197.7,207.6\r\n\t\t\t\t\t\tc56.8,0,111.2-25.5,134.3-54.4v196.9C786.7,1584.4,791.6,1589.3,799,1589.3 M657.3,1364.4c-70,0-130.2-47.8-130.2-138.4\r\n\t\t\t\t\t\tc0-90.6,60.1-137.6,130.2-137.6c73.3,0,130.2,47,130.2,137.6C787.5,1317.4,730.6,1364.4,657.3,1364.4"
   }), /*#__PURE__*/React__default["default"].createElement("path", {
     className: "st0",
-    d: "M1092.2,1434.4c42.8,0,89.8-14,120.3-58.5v36.3c0,7.4,4.9,12.4,12.4,12.4h46.1c7.4,0,12.4-4.9,12.4-12.4\n\t\t\t\t\t\tv-376.5c0-9.9-5.8-13.2-14-9.9l-47.8,17.3c-6.6,2.5-9.1,7.4-9.1,14v197.7c0,70-45.3,109.6-107.1,109.6\n\t\t\t\t\t\tc-61,0-102.2-38.7-102.2-109.6v-220c0-9.1-5.8-12.4-14-9.1l-47.8,17.3c-6.6,2.5-9.1,7.4-9.1,14v200.2\n\t\t\t\t\t\tC932.4,1374.3,1003.2,1434.4,1092.2,1434.4"
+    d: "M1092.2,1434.4c42.8,0,89.8-14,120.3-58.5v36.3c0,7.4,4.9,12.4,12.4,12.4h46.1c7.4,0,12.4-4.9,12.4-12.4\r\n\t\t\t\t\t\tv-376.5c0-9.9-5.8-13.2-14-9.9l-47.8,17.3c-6.6,2.5-9.1,7.4-9.1,14v197.7c0,70-45.3,109.6-107.1,109.6\r\n\t\t\t\t\t\tc-61,0-102.2-38.7-102.2-109.6v-220c0-9.1-5.8-12.4-14-9.1l-47.8,17.3c-6.6,2.5-9.1,7.4-9.1,14v200.2\r\n\t\t\t\t\t\tC932.4,1374.3,1003.2,1434.4,1092.2,1434.4"
   }), /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     className: "st0",
-    d: "M1379.7,983.8l50.3-16.5c8.2-2.5,11.5-6.6,11.5-14.8v-60.1c0-7.4-5.8-13.2-14.8-9.9l-49.4,18.1\n\t\t\t\t\t\t\tc-7.4,2.5-11.5,5.8-11.5,14v57.7C1365.7,981.3,1370.7,987.1,1379.7,983.8"
+    d: "M1379.7,983.8l50.3-16.5c8.2-2.5,11.5-6.6,11.5-14.8v-60.1c0-7.4-5.8-13.2-14.8-9.9l-49.4,18.1\r\n\t\t\t\t\t\t\tc-7.4,2.5-11.5,5.8-11.5,14v57.7C1365.7,981.3,1370.7,987.1,1379.7,983.8"
   }), /*#__PURE__*/React__default["default"].createElement("path", {
     className: "st0",
-    d: "M1380.6,1424.5h46.1c7.4,0,12.4-4.9,12.4-12.4v-377.3c0-9.1-5.8-12.4-14-9.1l-47.8,17.3\n\t\t\t\t\t\t\tc-6.6,2.5-9.1,7.4-9.1,14v355.1C1368.2,1419.6,1373.2,1424.5,1380.6,1424.5"
+    d: "M1380.6,1424.5h46.1c7.4,0,12.4-4.9,12.4-12.4v-377.3c0-9.1-5.8-12.4-14-9.1l-47.8,17.3\r\n\t\t\t\t\t\t\tc-6.6,2.5-9.1,7.4-9.1,14v355.1C1368.2,1419.6,1373.2,1424.5,1380.6,1424.5"
   })), /*#__PURE__*/React__default["default"].createElement("path", {
     className: "st0",
-    d: "M1536.3,1424.5h46.1c7.4,0,12.4-4.9,12.4-12.4v-213.4c0-70,45.3-109.6,107.1-109.6\n\t\t\t\t\t\tc61,0,102.2,38.7,102.2,109.6v213.4c0,7.4,4.9,12.4,12.4,12.4h46.1c7.4,0,12.4-4.9,12.4-12.4v-215.9\n\t\t\t\t\t\tc0-117-70.9-177.1-159.8-177.1c-42.8,0-89.8,14-120.3,58.5v-42.8c0-9.1-5.8-12.4-14-9.1l-47.8,17.3c-6.6,2.5-9.1,7.4-9.1,14\n\t\t\t\t\t\tv355.1C1523.9,1419.6,1528.8,1424.5,1536.3,1424.5"
+    d: "M1536.3,1424.5h46.1c7.4,0,12.4-4.9,12.4-12.4v-213.4c0-70,45.3-109.6,107.1-109.6\r\n\t\t\t\t\t\tc61,0,102.2,38.7,102.2,109.6v213.4c0,7.4,4.9,12.4,12.4,12.4h46.1c7.4,0,12.4-4.9,12.4-12.4v-215.9\r\n\t\t\t\t\t\tc0-117-70.9-177.1-159.8-177.1c-42.8,0-89.8,14-120.3,58.5v-42.8c0-9.1-5.8-12.4-14-9.1l-47.8,17.3c-6.6,2.5-9.1,7.4-9.1,14\r\n\t\t\t\t\t\tv355.1C1523.9,1419.6,1528.8,1424.5,1536.3,1424.5"
   }), /*#__PURE__*/React__default["default"].createElement("path", {
     className: "st0",
-    d: "M2138.9,1019.2c-118.6,0-203.5,88.2-203.5,207.6c0,119.5,84.9,207.6,203.5,207.6\n\t\t\t\t\t\tc118.6,0,202.7-88.2,202.7-207.6C2341.6,1107.3,2257.5,1019.2,2138.9,1019.2 M2138.9,1365.2c-81.6,0-131-61-131-138.4\n\t\t\t\t\t\ts49.4-138.4,131-138.4c80.7,0,130.2,61,130.2,138.4S2219.6,1365.2,2138.9,1365.2"
+    d: "M2138.9,1019.2c-118.6,0-203.5,88.2-203.5,207.6c0,119.5,84.9,207.6,203.5,207.6\r\n\t\t\t\t\t\tc118.6,0,202.7-88.2,202.7-207.6C2341.6,1107.3,2257.5,1019.2,2138.9,1019.2 M2138.9,1365.2c-81.6,0-131-61-131-138.4\r\n\t\t\t\t\t\ts49.4-138.4,131-138.4c80.7,0,130.2,61,130.2,138.4S2219.6,1365.2,2138.9,1365.2"
   })))));
 };
 

package/dist/src/index.js

@@ -8,8 +8,6 @@ var index = require('./index2.js');
 
 var hookLibrary = require('./hooks/hookLibrary.js');
 
-var useScreenOrientation = require('./hooks/useScreenOrientation.js');
-
 var componentRegistry = require('./services/componentRegistry/componentRegistry.js');
 
 var legend = require('./types/legend.js');
@@ -70,14 +68,14 @@ var echoRouter = require('./components/router/echoRouter.js');
 
 var routes = require('./components/router/routes.js');
 
+var useLayout = require('./components/router/useLayout.js');
+
 var tagNumber = require('./components/tagNumber/tagNumber.js');
 
 var toaster = require('./components/toaster/toaster.js');
 
 var toasters = require('./components/toaster/toasters.js');
 
-var EchoBarComponent = require('./coreApplication/EchoBarComponent.js');
-
 var EchoContent = require('./coreApplication/EchoContent.js');
 
 var EchoContentPanels = require('./coreApplication/EchoContentPanels.js');
@@ -104,7 +102,6 @@ Object.defineProperty(exports, 'RegisteredHookName', {
     return hookLibrary.RegisteredHookName;
   }
 });
-exports.useScreenOrientation = useScreenOrientation.useScreenOrientation;
 Object.defineProperty(exports, 'RegisteredComponentName', {
   enumerable: true,
   get: function get() {
@@ -135,7 +132,11 @@ exports.valueToEnum = legendUtils.valueToEnum;
 exports.ContextualAppLinks = index$1.ContextualAppLinks;
 exports.AppLinks = AppLinks.AppLinks;
 exports.LinkButton = linkButton.LinkButton;
-exports.Layout = layouts.Layout;
+exports.CameraLayout = layouts.CameraLayout;
+exports.ColorLayout = layouts.ColorLayout;
+exports.DefaultLayout = layouts.DefaultLayout;
+exports.MainLayout = layouts.MainLayout;
+exports.PdfViewerNative = layouts.PdfViewerNative;
 exports.ExternalLinkToCommApp = externalLinkToCommApp.ExternalLinkToCommApp;
 exports.ExternalLinkToMcApp = externalLinkToMcApp.ExternalLinkToMcApp;
 exports.ExternalLinkToProCoSys = externalLinkToProCoSys.ExternalLinkToProCoSys;
@@ -176,16 +177,10 @@ exports.RealTimePopoverButton = RealTimePopoverButton.RealTimePopoverButton;
 exports.EchoRoute = echoRoute.EchoRoute;
 exports.EchoRouter = echoRouter.EchoRouter;
 exports.EchoRoutes = routes.EchoRoutes;
+exports.useLayout = useLayout.useLayout;
 exports.TagNumber = tagNumber.TagNumber;
 exports.Toaster = toaster.Toaster;
 exports.Toasters = toasters.Toasters;
-Object.defineProperty(exports, 'BarButtonVariants', {
-  enumerable: true,
-  get: function get() {
-    return EchoBarComponent.BarButtonVariants;
-  }
-});
-exports.EchoBarComponent = EchoBarComponent.EchoBarComponent;
 exports.EchoContent = EchoContent.EchoContent;
 exports.mainMenu = EchoContentPanels.mainMenu;
 exports.searchPanel = EchoContentPanels.searchPanel;

package/dist/src/index2.js

@@ -28,57 +28,49 @@ require('./components/appLinks/AppLinks.module.css.js');
 
 require('@equinor/echo-components');
 
-require('../node_modules/classnames/index.js');
-
-var EchoBarComponent = require('./coreApplication/EchoBarComponent.js');
-
-require('./components/panel/corePanelLeft.js');
-
-require('./components/panel/corePanelRight.js');
-
-require('react-router-dom');
+require('./components/containers/layout.module.css.js');
 
-require('@equinor/eds-core-react');
+var externalLinkButton = require('./components/externalLinkButton/externalLinkButton.js');
 
-require('./components/pageMenu/accordionItem.module.css.js');
+require('./services/api/api-manager.js');
 
-require('./components/pageMenu/Navigation/applicationList.module.css.js');
+require('./services/echopediaAnalyticsModule/echopediaAnalyticsModule.js');
 
-require('./components/pageMenu/pageMenu.module.css.js');
+require('@equinor/echo-utils');
 
-require('./components/pageMenu/pageMenuDrawerItem.module.css.js');
+var pingableSources = require('./types/pingableSources.js');
 
-require('@equinor/echo-base');
+var index = require('./components/contextualAppLinks/index.js');
 
-require('./components/pageMenu/settings/settings.module.css.js');
+require('./components/echoLogo/echoLogo.module.css.js');
 
-require('./services/api/api-manager.js');
+var errorBoundary = require('./components/errorBoundary/errorBoundary.js');
 
-require('./components/pageMenu/version/version.module.css.js');
+var footer = require('./components/footer/footer.js');
 
-require('./components/searchMenu/searchMenu.module.css.js');
+require('@equinor/eds-core-react');
 
-require('./coreApplication/EchoEventHandler.module.css.js');
+require('./components/lazyLoading/appLoadingIndicator.module.css.js');
 
-require('./components/containers/layout.module.css.js');
+require('@equinor/echo-base');
 
-var externalLinkButton = require('./components/externalLinkButton/externalLinkButton.js');
+require('./components/pageMenu/accordionItem.module.css.js');
 
-require('./services/echopediaAnalyticsModule/echopediaAnalyticsModule.js');
+require('react-router-dom');
 
-require('@equinor/echo-utils');
+require('./components/pageMenu/Navigation/applicationList.module.css.js');
 
-var pingableSources = require('./types/pingableSources.js');
+require('./components/pageMenu/pageMenu.module.css.js');
 
-var index = require('./components/contextualAppLinks/index.js');
+require('./components/pageMenu/pageMenuDrawerItem.module.css.js');
 
-require('./components/echoLogo/echoLogo.module.css.js');
+require('./components/pageMenu/settings/settings.module.css.js');
 
-var errorBoundary = require('./components/errorBoundary/errorBoundary.js');
+require('./components/pageMenu/version/version.module.css.js');
 
-var footer = require('./components/footer/footer.js');
+require('./components/panel/corePanelLeft.js');
 
-require('./components/lazyLoading/appLoadingIndicator.module.css.js');
+require('./components/panel/corePanelRight.js');
 
 var panelButton = require('./components/panelButton/panelButton.js');
 
@@ -112,10 +104,14 @@ require('../node_modules/tiny-warning/dist/tiny-warning.esm.js');
 
 require('../node_modules/tiny-invariant/dist/tiny-invariant.esm.js');
 
+require('./components/searchMenu/searchMenu.module.css.js');
+
 require('./components/tagNumber/tagNo.module.css.js');
 
 require('./components/toaster/toaster.module.css.js');
 
+require('./coreApplication/EchoEventHandler.module.css.js');
+
 var extensions = require('./types/extensions.js');
 
 var legend = require('./types/legend.js');
@@ -155,13 +151,6 @@ exports.getLegendStatusColor = legendUtils.getLegendStatusColor;
 exports.legendTypeToLegendStatus = legendUtils.legendTypeToLegendStatus;
 exports.valueToEnum = legendUtils.valueToEnum;
 exports.goToExternalLink = navigationUtils.goToExternalLink;
-Object.defineProperty(exports, 'BarButtonVariants', {
-  enumerable: true,
-  get: function get() {
-    return EchoBarComponent.BarButtonVariants;
-  }
-});
-exports.EchoBarComponent = EchoBarComponent.EchoBarComponent;
 exports.ExternalLinkButton = externalLinkButton.ExternalLinkButton;
 Object.defineProperty(exports, 'ExternalLinkButtonStyle', {
   enumerable: true,

package/dist/types/hookLibrary.d.ts

@@ -2,7 +2,3 @@ export declare type SetActiveTagNo = (tagNo: string, activeTagTab?: string, acti
 export declare type TagData = [(tagNo: string, instCode: string) => void];
 export declare type SetActiveCommPackNo = (commPackNo: string, activeCommPackProject: string, activeCommPackTab?: string, activeCommPackSubTab?: string) => void;
 export declare type SetActiveMcPackNo = (mcPackNo: string, activeMcPackProject: string, activeMcPackTab?: string, activeMcPackSubTab?: string) => void;
-export interface DeviceOrientation {
-    portrait: boolean;
-    landscape: boolean;
-}