@equinor/echo-framework 0.9.2 → 0.9.5

package/dist/src/hooks/useScreenOrientation.js

@@ -0,0 +1,62 @@
+'use strict';
+
+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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var EchoUtils = require('@equinor/echo-utils');
+
+var React = require('react');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var EchoUtils__default = /*#__PURE__*/_interopDefaultLegacy(EchoUtils);
+/**
+ * @returns {ScreenOrientation}
+ */
+
+
+function useScreenOrientation() {
+  var useStateSafe = EchoUtils__default["default"].Hooks.useStateSafe;
+
+  var _useStateSafe = useStateSafe(undefined),
+      _useStateSafe2 = _slicedToArray(_useStateSafe, 2),
+      orientation = _useStateSafe2[0],
+      setOrientation = _useStateSafe2[1];
+
+  var updateOrientation = React.useCallback(function () {
+    if (window.innerWidth > window.innerHeight) {
+      setOrientation('landscape');
+    } else {
+      setOrientation('portrait');
+    }
+  }, [setOrientation]);
+  React.useEffect(function () {
+    updateOrientation();
+    window.addEventListener('resize', updateOrientation);
+    return function () {
+      window.removeEventListener('resize', updateOrientation);
+    };
+  }, [updateOrientation]);
+  return orientation;
+}
+
+exports.useScreenOrientation = useScreenOrientation;

package/dist/src/hooks/useScreenValues.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+require('@equinor/echo-core');
+
+require('react');
+
+require('react-router-dom');
+
+var useScreenOrientation = require('./useScreenOrientation.js');
+
+var hookLibrary = require('./hookLibrary.js');
+
+var useIsCompactLayout = require('./useIsCompactLayout.js');
+
+require('@equinor/echo-utils');
+
+require('@equinor/echo-base');
+
+require('@equinor/echo-search');
+
+require('../services/echopediaAnalyticsModule/echopediaAnalyticsModule.js');
+
+function useScreenValues() {
+  var screenOrientation = useScreenOrientation.useScreenOrientation();
+
+  var _hookLibrary$HookLibr = hookLibrary.HookLibrary.useDeviceOrientation(),
+      landscape = _hookLibrary$HookLibr.landscape,
+      portrait = _hookLibrary$HookLibr.portrait;
+
+  var isWeb = !landscape && !portrait;
+  var isLandscapeWeb = screenOrientation === 'landscape';
+  var isScreenMobileSize = useIsCompactLayout.useIsCompactLayout(isWeb ? isLandscapeWeb : landscape);
+  return {
+    isWeb: isWeb,
+    isScreenMobileSize: isScreenMobileSize,
+    screenOrientationDevice: {
+      landscape: landscape,
+      portrait: portrait
+    },
+    screenOrientationWeb: screenOrientation
+  };
+}
+
+exports.useScreenValues = useScreenValues;

package/dist/src/hooks/useWindowSize.js

@@ -0,0 +1,62 @@
+'use strict';
+
+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; }
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react'); // useWindowSize from usehooks.com
+
+/**
+ * Get the current size of the browser window.
+ * @returns {width?: number; height?: number} Width and height of the current browser window size.
+ * Returns undefined if there is no window object (for example: executed on server side)
+ */
+
+
+function useWindowSize() {
+  // Initialize state with undefined width/height so server and client renders match
+  // Learn more here: https://joshwcomeau.com/react/the-perils-of-rehydration/
+  var _React$useState = React.useState({
+    width: 0,
+    height: 0
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      windowSize = _React$useState2[0],
+      setWindowSize = _React$useState2[1];
+
+  React.useEffect(function () {
+    // Handler to call on window resize
+    function handleResize() {
+      // Set window width/height to state
+      setWindowSize({
+        width: window.outerWidth,
+        height: window.outerHeight
+      });
+    } // Add event listener
+
+
+    window.addEventListener('resize', handleResize); // Call handler right away so state gets updated with initial window size
+
+    handleResize(); // Remove event listener on cleanup
+
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []); // Empty array ensures that effect is only run on mount
+
+  return windowSize;
+}
+
+exports.useWindowSize = useWindowSize;

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;}\r\n\t.st1{fill:none;enable-background:new    ;}")), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
+  }, ".st0{fill:#421E6D;}\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\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"
+    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"
   }), /*#__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\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"
+    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"
   }), /*#__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\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"
+    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"
   }), /*#__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\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"
+    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"
   }), /*#__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\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"
+    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"
   }), /*#__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\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"
+    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"
   }), /*#__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\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"
+    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"
   })), /*#__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\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"
+    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"
   }), /*#__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\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"
+    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"
   })))));
 };
 

package/dist/src/index.js

@@ -8,6 +8,12 @@ var index = require('./index2.js');
 
 var hookLibrary = require('./hooks/hookLibrary.js');
 
+var useIsCompactLayout = require('./hooks/useIsCompactLayout.js');
+
+var useScreenOrientation = require('./hooks/useScreenOrientation.js');
+
+var useScreenValues = require('./hooks/useScreenValues.js');
+
 var componentRegistry = require('./services/componentRegistry/componentRegistry.js');
 
 var legend = require('./types/legend.js');
@@ -68,14 +74,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');
@@ -102,6 +108,9 @@ Object.defineProperty(exports, 'RegisteredHookName', {
     return hookLibrary.RegisteredHookName;
   }
 });
+exports.useIsCompactLayout = useIsCompactLayout.useIsCompactLayout;
+exports.useScreenOrientation = useScreenOrientation.useScreenOrientation;
+exports.useScreenValues = useScreenValues.useScreenValues;
 Object.defineProperty(exports, 'RegisteredComponentName', {
   enumerable: true,
   get: function get() {
@@ -132,11 +141,7 @@ exports.valueToEnum = legendUtils.valueToEnum;
 exports.ContextualAppLinks = index$1.ContextualAppLinks;
 exports.AppLinks = AppLinks.AppLinks;
 exports.LinkButton = linkButton.LinkButton;
-exports.CameraLayout = layouts.CameraLayout;
-exports.ColorLayout = layouts.ColorLayout;
-exports.DefaultLayout = layouts.DefaultLayout;
-exports.MainLayout = layouts.MainLayout;
-exports.PdfViewerNative = layouts.PdfViewerNative;
+exports.Layout = layouts.Layout;
 exports.ExternalLinkToCommApp = externalLinkToCommApp.ExternalLinkToCommApp;
 exports.ExternalLinkToMcApp = externalLinkToMcApp.ExternalLinkToMcApp;
 exports.ExternalLinkToProCoSys = externalLinkToProCoSys.ExternalLinkToProCoSys;
@@ -177,10 +182,16 @@ 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,49 +28,57 @@ require('./components/appLinks/AppLinks.module.css.js');
 
 require('@equinor/echo-components');
 
-require('./components/containers/layout.module.css.js');
+require('../node_modules/classnames/index.js');
 
-var externalLinkButton = require('./components/externalLinkButton/externalLinkButton.js');
+var EchoBarComponent = require('./coreApplication/EchoBarComponent.js');
 
-require('./services/api/api-manager.js');
+require('./components/panel/corePanelLeft.js');
 
-require('./services/echopediaAnalyticsModule/echopediaAnalyticsModule.js');
+require('./components/panel/corePanelRight.js');
 
-require('@equinor/echo-utils');
+require('react-router-dom');
 
-var pingableSources = require('./types/pingableSources.js');
+require('@equinor/eds-core-react');
 
-var index = require('./components/contextualAppLinks/index.js');
+require('./components/pageMenu/accordionItem.module.css.js');
 
-require('./components/echoLogo/echoLogo.module.css.js');
+require('./components/pageMenu/Navigation/applicationList.module.css.js');
 
-var errorBoundary = require('./components/errorBoundary/errorBoundary.js');
+require('./components/pageMenu/pageMenu.module.css.js');
 
-var footer = require('./components/footer/footer.js');
+require('./components/pageMenu/pageMenuDrawerItem.module.css.js');
 
-require('@equinor/eds-core-react');
+require('@equinor/echo-base');
 
-require('./components/lazyLoading/appLoadingIndicator.module.css.js');
+require('./components/pageMenu/settings/settings.module.css.js');
 
-require('@equinor/echo-base');
+require('./services/api/api-manager.js');
 
-require('./components/pageMenu/accordionItem.module.css.js');
+require('./components/pageMenu/version/version.module.css.js');
 
-require('react-router-dom');
+require('./components/searchMenu/searchMenu.module.css.js');
 
-require('./components/pageMenu/Navigation/applicationList.module.css.js');
+require('./coreApplication/EchoEventHandler.module.css.js');
 
-require('./components/pageMenu/pageMenu.module.css.js');
+require('./components/containers/layout.module.css.js');
 
-require('./components/pageMenu/pageMenuDrawerItem.module.css.js');
+var externalLinkButton = require('./components/externalLinkButton/externalLinkButton.js');
 
-require('./components/pageMenu/settings/settings.module.css.js');
+require('./services/echopediaAnalyticsModule/echopediaAnalyticsModule.js');
 
-require('./components/pageMenu/version/version.module.css.js');
+require('@equinor/echo-utils');
 
-require('./components/panel/corePanelLeft.js');
+var pingableSources = require('./types/pingableSources.js');
 
-require('./components/panel/corePanelRight.js');
+var index = require('./components/contextualAppLinks/index.js');
+
+require('./components/echoLogo/echoLogo.module.css.js');
+
+var errorBoundary = require('./components/errorBoundary/errorBoundary.js');
+
+var footer = require('./components/footer/footer.js');
+
+require('./components/lazyLoading/appLoadingIndicator.module.css.js');
 
 var panelButton = require('./components/panelButton/panelButton.js');
 
@@ -104,14 +112,10 @@ 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');
@@ -151,6 +155,13 @@ 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,3 +2,8 @@ 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;
+}
+export declare type ScreenOrientation = 'landscape' | 'portrait' | undefined;