@equinor/echo-framework 0.8.2 → 0.8.5

package/dist/index.d.ts

@@ -5,8 +5,8 @@ import './theme/theme.css';
 import { getLegendStatusColor } from './utils/legendUtils';
 export * from './components';
 export * from './coreApplication';
-export * from './hooks';
 export { RegisteredHookName } from './hooks/hookLibrary';
+export { useScreenOrientation } from './hooks/useScreenOrientation';
 export { RegisteredComponentName } from './services/componentRegistry/componentRegistry';
 export * from './services/eventHubActions';
 export * from './theme/themeConst';

package/dist/src/components/containers/layout.module.css.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, '__esModule', {
 
 var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
 
-var css_248z = ".layout-module_applicationWrapper__adzds{animation:layout-module_fadeIn__-OF4H 2s;background-color:#fff;background-image:url(../../images/frontpage-brand-placeholder-vert.jpg);background-size:cover;height:100%;overflow:auto;position:relative;width:100%}@keyframes layout-module_fadeIn__-OF4H{0%{opacity:0}to{opacity:1}}@media screen and (min-width:640px){.layout-module_applicationWrapper__adzds{background-image:none}}.layout-module_mainLayoutWrapper__4kuIT{height:100%;overflow:hidden;width:100%}.layout-module_bgTransparent__bBfb-{background-color:transparent}.layout-module_footerDisclaimer__-F6dv{font-size:.7rem}.layout-module_footerLogo__CBb-F{max-height:2.5rem}.layout-module_fullBodyHeight__hQfe5{min-height:calc(100vh - 75px)!important;padding-bottom:16px}.layout-module_navbarBrand__2IOPY{color:red}::selection{background-color:#cce2ff;color:rgba(0,0,0,.87)}.layout-module_colorLayout__VHJcU{background-color:#eaf4f9;height:100%;overflow:hidden;position:relative;width:100%}.layout-module_pdfViewerNative__hnAgy{background-color:#323639;height:100%;overflow:hidden;padding-top:6.5rem;position:relative;width:100%}.layout-module_cameraLayout__iVPug{background-color:\"transparent\"}.layout-module_cameraLayout__iVPug,.layout-module_defaultLayout__3MIwa{height:100%;position:relative;width:100%}.layout-module_noPadding__7amV4{padding:0}.layout-module_noMargin__1eUBf{margin:0}@media screen and (orientation:landscape) and (max-width:927px){.layout-module_applicationWrapper__adzds,.layout-module_cameraLayout__iVPug,.layout-module_colorLayout__VHJcU,.layout-module_defaultLayout__3MIwa,.layout-module_pdfViewerNative__hnAgy{width:calc(100% - 48px)}}@media screen and (orientation:portrait) and (max-width:767px){.layout-module_applicationWrapper__adzds,.layout-module_cameraLayout__iVPug,.layout-module_colorLayout__VHJcU,.layout-module_defaultLayout__3MIwa,.layout-module_pdfViewerNative__hnAgy{height:calc(100% - 48px)}}";
+var css_248z = ".layout-module_echoContentContainer__0debO{height:100%}.layout-module_applicationWrapper__adzds{animation:layout-module_fadeIn__-OF4H 2s;background-color:#fff;background-image:url(../../images/frontpage-brand-placeholder-vert.jpg);background-size:cover;height:100%;overflow:auto;position:relative;width:100%}@keyframes layout-module_fadeIn__-OF4H{0%{opacity:0}to{opacity:1}}@media screen and (min-width:640px){.layout-module_applicationWrapper__adzds{background-image:none}}.layout-module_mainLayoutWrapper__4kuIT{height:100%;overflow:hidden;width:100%}.layout-module_bgTransparent__bBfb-{background-color:transparent}.layout-module_footerDisclaimer__-F6dv{font-size:.7rem}.layout-module_footerLogo__CBb-F{max-height:2.5rem}.layout-module_fullBodyHeight__hQfe5{min-height:calc(100vh - 75px)!important;padding-bottom:16px}.layout-module_navbarBrand__2IOPY{color:red}::selection{background-color:#cce2ff;color:rgba(0,0,0,.87)}.layout-module_colorLayout__VHJcU{background-color:#eaf4f9;height:100%;overflow:hidden;position:relative;width:100%}.layout-module_pdfViewerNative__hnAgy{background-color:#323639;height:100%;overflow:hidden;padding-top:6.5rem;position:relative;width:100%}.layout-module_cameraLayout__iVPug{background-color:\"transparent\"}.layout-module_cameraLayout__iVPug,.layout-module_defaultLayout__3MIwa{height:100%;position:relative;width:100%}.layout-module_noPadding__7amV4{padding:0}.layout-module_noMargin__1eUBf{margin:0}@media screen and (orientation:landscape) and (max-width:927px){.layout-module_echoContentContainer__0debO{display:flex;flex-direction:row}.layout-module_applicationWrapper__adzds,.layout-module_cameraLayout__iVPug,.layout-module_colorLayout__VHJcU,.layout-module_defaultLayout__3MIwa,.layout-module_pdfViewerNative__hnAgy{width:calc(100% - 48px)}}@media screen and (orientation:portrait) and (max-width:767px){.layout-module_applicationWrapper__adzds,.layout-module_cameraLayout__iVPug,.layout-module_colorLayout__VHJcU,.layout-module_defaultLayout__3MIwa,.layout-module_pdfViewerNative__hnAgy{height:calc(100% - 48px)}}";
 var style = {
+  "echoContentContainer": "layout-module_echoContentContainer__0debO",
   "applicationWrapper": "layout-module_applicationWrapper__adzds",
   "fadeIn": "layout-module_fadeIn__-OF4H",
   "mainLayoutWrapper": "layout-module_mainLayoutWrapper__4kuIT",

package/dist/src/components/containers/layouts.js

@@ -8,6 +8,50 @@ Object.defineProperty(exports, '__esModule', {
 
 var React = require('react');
 
+var EchoBarComponent = require('../../coreApplication/EchoBarComponent.js');
+
+require('@equinor/echo-core');
+
+require('../panel/corePanelLeft.js');
+
+require('../panel/corePanelRight.js');
+
+require('../../coreApplication/EchoContent.module.css.js');
+
+require('react-router-dom');
+
+require('@equinor/echo-components');
+
+require('@equinor/eds-core-react');
+
+require('../pageMenu/accordionItem.module.css.js');
+
+require('../appLinks/AppLinks.module.css.js');
+
+require('../pageMenu/Navigation/applicationList.module.css.js');
+
+require('../pageMenu/pageMenu.module.css.js');
+
+require('../pageMenu/pageMenuDrawerItem.module.css.js');
+
+require('@equinor/echo-base');
+
+require('../pageMenu/settings/settings.module.css.js');
+
+require('../../services/api/api-manager.js');
+
+require('../pageMenu/version/version.module.css.js');
+
+require('../searchMenu/searchMenu.module.css.js');
+
+require('../../coreApplication/EchoEventHandler.module.css.js');
+
+var useScreenOrientation = require('../../hooks/useScreenOrientation.js');
+
+require('@equinor/echo-search');
+
+var hookLibrary = require('../../hooks/hookLibrary.js');
+
 var layout_module = require('./layout.module.css.js');
 
 function _interopDefaultLegacy(e) {
@@ -20,37 +64,112 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var MainLayout = function MainLayout(_ref) {
   var children = _ref.children;
+  var deviceOrientation = hookLibrary.HookLibrary.useDeviceOrientation();
+  var isLandscapeDevice = deviceOrientation.landscape;
+  var screenOrientation = useScreenOrientation.useScreenOrientation();
+  var isWeb = !deviceOrientation.landscape && !deviceOrientation.portrait;
+  var isLandscapeWeb = screenOrientation === 'landscape';
   return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: layout_module["default"].echoContentContainer
+  }, isWeb ? screenOrientation === 'landscape' && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeWeb
+  }) : deviceOrientation.landscape && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeDevice
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: layout_module["default"].mainLayoutWrapper
-  }, children);
+  }, children), ' ', isWeb ? screenOrientation === 'portrait' && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeWeb
+  }) : deviceOrientation.portrait && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeDevice
+  }));
 };
 
 var ColorLayout = function ColorLayout(_ref2) {
   var children = _ref2.children;
+  var deviceOrientation = hookLibrary.HookLibrary.useDeviceOrientation();
+  var isLandscapeDevice = deviceOrientation.landscape;
+  var screenOrientation = useScreenOrientation.useScreenOrientation();
+  var isWeb = !deviceOrientation.landscape && !deviceOrientation.portrait;
+  var isLandscapeWeb = screenOrientation === 'landscape';
   return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: layout_module["default"].echoContentContainer
+  }, ' ', isWeb ? screenOrientation === 'landscape' && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeWeb
+  }) : deviceOrientation.landscape && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeDevice
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: layout_module["default"].colorLayout
-  }, children);
+  }, children), isWeb ? screenOrientation === 'portrait' && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeWeb
+  }) : deviceOrientation.portrait && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeDevice
+  }));
 };
 
 var PdfViewerNative = function PdfViewerNative(_ref3) {
   var children = _ref3.children;
+  var deviceOrientation = hookLibrary.HookLibrary.useDeviceOrientation();
+  var isLandscapeDevice = deviceOrientation.landscape;
+  var screenOrientation = useScreenOrientation.useScreenOrientation();
+  var isWeb = !deviceOrientation.landscape && !deviceOrientation.portrait;
+  var isLandscapeWeb = screenOrientation === 'landscape';
   return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: layout_module["default"].echoContentContainer
+  }, ' ', isWeb ? screenOrientation === 'landscape' && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeWeb
+  }) : deviceOrientation.landscape && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeDevice
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: layout_module["default"].pdfViewerNative
-  }, children);
+  }, children), ' ', isWeb ? screenOrientation === 'portrait' && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeWeb
+  }) : deviceOrientation.portrait && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeDevice
+  }));
 };
 
 var CameraLayout = function CameraLayout(_ref4) {
   var children = _ref4.children;
+  var deviceOrientation = hookLibrary.HookLibrary.useDeviceOrientation();
+  var isLandscapeDevice = deviceOrientation.landscape;
+  var screenOrientation = useScreenOrientation.useScreenOrientation();
+  var isWeb = !deviceOrientation.landscape && !deviceOrientation.portrait;
+  var isLandscapeWeb = screenOrientation === 'landscape';
   return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: layout_module["default"].echoContentContainer
+  }, isWeb ? screenOrientation === 'landscape' && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeWeb
+  }) : deviceOrientation.landscape && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeDevice
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: layout_module["default"].cameraLayout
-  }, children);
+  }, children), ' ', isWeb ? screenOrientation === 'portrait' && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeWeb
+  }) : deviceOrientation.portrait && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeDevice
+  }), ' ');
 };
 
 var DefaultLayout = function DefaultLayout(_ref5) {
   var children = _ref5.children;
+  var deviceOrientation = hookLibrary.HookLibrary.useDeviceOrientation();
+  var isLandscapeDevice = deviceOrientation.landscape;
+  var screenOrientation = useScreenOrientation.useScreenOrientation();
+  var isWeb = !deviceOrientation.landscape && !deviceOrientation.portrait;
+  var isLandscapeWeb = screenOrientation === 'landscape';
   return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: layout_module["default"].echoContentContainer
+  }, isWeb ? screenOrientation === 'landscape' && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeWeb
+  }) : deviceOrientation.landscape && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeDevice
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: layout_module["default"].defaultLayout
-  }, children);
+  }, children), isWeb ? screenOrientation === 'portrait' && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeWeb
+  }) : deviceOrientation.portrait && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
+    isLandscape: isLandscapeDevice
+  }));
 };
 
 exports.CameraLayout = CameraLayout;

package/dist/src/coreApplication/EchoContent.js

@@ -14,16 +14,6 @@ var corePanelLeft = require('../components/panel/corePanelLeft.js');
 
 var corePanelRight = require('../components/panel/corePanelRight.js');
 
-require('react-router-dom');
-
-var useScreenOrientation = require('../hooks/useScreenOrientation.js');
-
-require('@equinor/echo-search');
-
-var hookLibrary = require('../hooks/hookLibrary.js');
-
-var EchoBarComponent = require('./EchoBarComponent.js');
-
 var EchoContent_module = require('./EchoContent.module.css.js');
 
 function _interopDefaultLegacy(e) {
@@ -38,28 +28,13 @@ var EchoContent = function EchoContent(_ref) {
   var children = _ref.children,
       Legend = _ref.Legend,
       isToggleButtonVisible = _ref.isToggleButtonVisible;
-  var deviceOrientation = hookLibrary.HookLibrary.useDeviceOrientation();
-  var isLandscapeDevice = deviceOrientation.landscape;
-  var screenOrientation = useScreenOrientation.useScreenOrientation();
-  var isWeb = !deviceOrientation.landscape && !deviceOrientation.portrait;
-  var isLandscapeWeb = screenOrientation === 'landscape';
-  return /*#__PURE__*/React__default["default"].createElement(EchoCore.ModuleContextProvider, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: EchoContent_module["default"].echoContent
-  }, /*#__PURE__*/React__default["default"].createElement(corePanelLeft["default"], {
+  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
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: EchoContent_module["default"].echoContentContainer
-  }, isWeb ? screenOrientation === 'landscape' && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
-    isLandscape: isLandscapeWeb
-  }) : deviceOrientation.landscape && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
-    isLandscape: isLandscapeDevice
-  }), children, isWeb ? screenOrientation === 'portrait' && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
-    isLandscape: isLandscapeWeb
-  }) : deviceOrientation.portrait && /*#__PURE__*/React__default["default"].createElement(EchoBarComponent.EchoBarComponent, {
-    isLandscape: isLandscapeDevice
-  })), Legend && /*#__PURE__*/React__default["default"].createElement(Legend, null)));
+  }, children, Legend && /*#__PURE__*/React__default["default"].createElement(Legend, null)));
 };
 
 exports.EchoContent = EchoContent;

package/dist/src/index.js

@@ -102,6 +102,8 @@ var EchoContentPanels = require('./coreApplication/EchoContentPanels.js');
 
 var EchoEventHandler = require('./coreApplication/EchoEventHandler.js');
 
+var useScreenOrientation = require('./hooks/useScreenOrientation.js');
+
 var toastActions = require('./services/eventHubActions/toastActions.js');
 
 var extensions = require('./types/extensions.js');
@@ -114,12 +116,6 @@ var plantInfo = require('./utils/plantInfo.js');
 
 var startup = require('./utils/startup.js');
 
-var useEchoHistory = require('./hooks/useEchoHistory.js');
-
-var useScreenOrientation = require('./hooks/useScreenOrientation.js');
-
-var useTagDetails = require('./hooks/useTagDetails.js');
-
 var registerEchopediaComponent = componentRegistry.componentRegistry.registerComponent;
 var EchoFramework = Object.freeze({
   Utils: Object.freeze({
@@ -206,6 +202,7 @@ exports.EchoContent = EchoContent.EchoContent;
 exports.mainMenu = EchoContentPanels.mainMenu;
 exports.searchPanel = EchoContentPanels.searchPanel;
 exports.EchoEventHandler = EchoEventHandler.EchoEventHandler;
+exports.useScreenOrientation = useScreenOrientation.useScreenOrientation;
 exports.displayToast = toastActions.displayToast;
 Object.defineProperty(exports, 'ExtendableComponentName', {
   enumerable: true,
@@ -243,8 +240,5 @@ exports.getPlantBySapId = plantInfo.getPlantBySapId;
 exports.getPlantCodesOnInstallation = plantInfo.getPlantCodesOnInstallation;
 exports.getPlantsOnInstallation = plantInfo.getPlantsOnInstallation;
 exports.startup = startup.startup;
-exports.useEchoHistory = useEchoHistory.useEchoHistory;
-exports.useScreenOrientation = useScreenOrientation.useScreenOrientation;
-exports.useTagDetails = useTagDetails.useTagDetails;
 exports["default"] = EchoFramework;
 exports.registerEchopediaComponent = registerEchopediaComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@equinor/echo-framework",
-    "version": "0.8.2",
+    "version": "0.8.5",
     "description": "Modules and components for EchoWeb, utilizing EchoCore",
     "main": "dist/src/index.js",
     "types": "dist/index.d.ts",