@equinor/echo-framework 0.7.6 → 0.7.9

package/dist/src/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, '__esModule', {
 
 require('./globalStyles.css.js');
 
-var hookLibrary = require('./hooks/hookLibrary.js');
+var index$1 = require('./hooks/index.js');
 
-var useEchoHistory = require('./hooks/useEchoHistory.js');
+var hookLibrary = require('./hooks/hookLibrary.js');
 
 var apiPlantinfo = require('./services/api/api-plantinfo.js');
 
@@ -22,10 +22,28 @@ var linkButton = require('./components/appLinks/linkButton/linkButton.js');
 
 var layouts = require('./components/containers/layouts.js');
 
+var externalLinkToMcApp = require('./components/contextualAppLinks/externalLinkButtons/externalLinkToMcApp.js');
+
+var externalLinkToProCoSys = require('./components/contextualAppLinks/externalLinkButtons/externalLinkToProCoSys.js');
+
+var externalLinkToSafeX = require('./components/contextualAppLinks/externalLinkButtons/externalLinkToSafeX.js');
+
+var externalLinkToSap = require('./components/contextualAppLinks/externalLinkButtons/externalLinkToSap.js');
+
+var externalLinkToSemiDoc = require('./components/contextualAppLinks/externalLinkButtons/externalLinkToSemiDoc.js');
+
+var externalLinkToStid = require('./components/contextualAppLinks/externalLinkButtons/externalLinkToStid.js');
+
+var externalLinkToTr2000 = require('./components/contextualAppLinks/externalLinkButtons/externalLinkToTr2000.js');
+
+var index = require('./components/contextualAppLinks/index.js');
+
 var echoLogo = require('./components/echoLogo/echoLogo.js');
 
 var errorBoundary = require('./components/errorBoundary/errorBoundary.js');
 
+var externalLinkButton = require('./components/externalLinkButton/externalLinkButton.js');
+
 var footer = require('./components/footer/footer.js');
 
 var lazyLoadedAppWrapper = require('./components/lazyLoading/lazyLoadedAppWrapper.js');
@@ -66,28 +84,30 @@ var routes = require('./components/router/routes.js');
 
 var useLayout = require('./components/router/useLayout.js');
 
+require('@equinor/echo-core');
+
 require('./components/searchMenu/searchMenu.module.css.js');
 
+var tagNumber = require('./components/tagNumber/tagNumber.js');
+
 var toaster = require('./components/toaster/toaster.js');
 
 var toasters = require('./components/toaster/toasters.js');
 
-var tagNumber = require('./components/tagNumber/tagNumber.js');
-
-var EchoBarComponent = require('./coreApplication/EchoBarComponent.js');
-
 var EchoContent = require('./coreApplication/EchoContent.js');
 
 var EchoContentPanels = require('./coreApplication/EchoContentPanels.js');
 
 var EchoEventHandler = require('./coreApplication/EchoEventHandler.js');
 
-var useIsLandscape = require('./hooks/useIsLandscape.js');
-
 var toastActions = require('./services/eventHubActions/toastActions.js');
 
+var extensions = require('./types/extensions.js');
+
 var legend = require('./types/legend.js');
 
+var pingableSources = require('./types/pingableSources.js');
+
 var plantInfo = require('./utils/plantInfo.js');
 
 var startup = require('./utils/startup.js');
@@ -99,9 +119,7 @@ var EchoFramework = Object.freeze({
       getLegendStatusColor: legendUtils.getLegendStatusColor
     })
   }),
-  Hooks: Object.freeze(Object.assign(Object.assign({}, hookLibrary.HookLibrary), {
-    useEchoHistory: useEchoHistory.useEchoHistory
-  })),
+  Hooks: Object.freeze(Object.assign(Object.assign({}, hookLibrary.HookLibrary), index$1)),
   EchopediaComponentLibrary: Object.freeze({
     getTagItem: componentRegistry.componentRegistry.getTagItem
   }),
@@ -123,6 +141,7 @@ Object.defineProperty(exports, 'RegisteredComponentName', {
 });
 exports.getLegendStatusColor = legendUtils.getLegendStatusColor;
 exports.legendTypeToLegendStatus = legendUtils.legendTypeToLegendStatus;
+exports.valueToEnum = legendUtils.valueToEnum;
 exports.AppLinks = AppLinks.AppLinks;
 exports.LinkButton = linkButton.LinkButton;
 exports.CameraLayout = layouts.CameraLayout;
@@ -130,8 +149,22 @@ exports.ColorLayout = layouts.ColorLayout;
 exports.DefaultLayout = layouts.DefaultLayout;
 exports.MainLayout = layouts.MainLayout;
 exports.PdfViewerNative = layouts.PdfViewerNative;
+exports.ExternalLinkToMcApp = externalLinkToMcApp.ExternalLinkToMcApp;
+exports.ExternalLinkToProCoSys = externalLinkToProCoSys.ExternalLinkToProCoSys;
+exports.ExternalLinkToSafeX = externalLinkToSafeX.ExternalLinkToSafeX;
+exports.ExternalLinkToSap = externalLinkToSap.ExternalLinkToSap;
+exports.ExternalLinkToSemiDoc = externalLinkToSemiDoc.ExternalLinkToSemiDoc;
+exports.ExternalLinkToStid = externalLinkToStid.ExternalLinkToStid;
+exports.ExternalLinkToTr2000 = externalLinkToTr2000.ExternalLinkToTr2000;
+exports.ContextualAppLinks = index.ContextualAppLinks;
 exports.EchoLogo = echoLogo.EchoLogo;
 exports.ErrorBoundary = errorBoundary.ErrorBoundary;
+Object.defineProperty(exports, 'ExternalLinkButtonStyle', {
+  enumerable: true,
+  get: function get() {
+    return externalLinkButton.ExternalLinkButtonStyle;
+  }
+});
 exports.Footer = footer.Footer;
 Object.defineProperty(exports, 'FooterType', {
   enumerable: true,
@@ -157,16 +190,20 @@ 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;
-exports.TagNumber = tagNumber.TagNumber;
-exports.EchoBarComponent = EchoBarComponent.EchoBarComponent;
 exports.EchoContent = EchoContent.EchoContent;
 exports.mainMenu = EchoContentPanels.mainMenu;
 exports.searchPanel = EchoContentPanels.searchPanel;
 exports.EchoEventHandler = EchoEventHandler.EchoEventHandler;
-exports.useIsLandscape = useIsLandscape.useIsLandscape;
 exports.displayToast = toastActions.displayToast;
+Object.defineProperty(exports, 'ExtendableComponentName', {
+  enumerable: true,
+  get: function get() {
+    return extensions.ExtendableComponentName;
+  }
+});
 Object.defineProperty(exports, 'LegendStatus', {
   enumerable: true,
   get: function get() {
@@ -179,6 +216,12 @@ Object.defineProperty(exports, 'LegendType', {
     return legend.LegendType;
   }
 });
+Object.defineProperty(exports, 'PingableSources', {
+  enumerable: true,
+  get: function get() {
+    return pingableSources.PingableSources;
+  }
+});
 exports.check3dAccessForInstCodeOrPlantCode = plantInfo.check3dAccessForInstCodeOrPlantCode;
 exports.check3dPermissionForPlantCode = plantInfo.check3dPermissionForPlantCode;
 exports.check3dPermissionOnInstallation = plantInfo.check3dPermissionOnInstallation;

package/dist/src/types/extensions.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+exports.ExtendableComponentName = void 0;
+
+(function (ExtendableComponentName) {
+  ExtendableComponentName["ContextualAppLinks"] = "ContextualAppLinks";
+})(exports.ExtendableComponentName || (exports.ExtendableComponentName = {}));

package/dist/src/types/legend.js

@@ -31,15 +31,15 @@ exports.LegendStatus = void 0;
   LegendStatus["RFOCRejected"] = "RFOCRejected";
   LegendStatus["Error"] = "Error"; // WO statuses
 
-  LegendStatus["PM01"] = "pm01";
-  LegendStatus["PM02"] = "pm02";
-  LegendStatus["PM03"] = "pm03";
-  LegendStatus["PM04"] = "pm04";
-  LegendStatus["PM05"] = "pm05";
-  LegendStatus["PM06"] = "pm06";
-  LegendStatus["PM010"] = "pm010";
-  LegendStatus["PM015"] = "pm015";
-  LegendStatus["PM020"] = "pm020";
+  LegendStatus["PM01"] = "PM01";
+  LegendStatus["PM02"] = "PM02";
+  LegendStatus["PM03"] = "PM03";
+  LegendStatus["PM04"] = "PM04";
+  LegendStatus["PM05"] = "PM05";
+  LegendStatus["PM06"] = "PM06";
+  LegendStatus["PM010"] = "PM010";
+  LegendStatus["PM015"] = "PM015";
+  LegendStatus["PM020"] = "PM020";
 })(exports.LegendStatus || (exports.LegendStatus = {}));
 
 exports.LegendType = void 0;

package/dist/src/types/pingableSources.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+exports.PingableSources = void 0;
+
+(function (PingableSources) {
+  PingableSources["Sap"] = "https://p03web.statoil.no/sap/public/icmandir/its/lsgui/images/img/splashscreen_corbu.png";
+})(exports.PingableSources || (exports.PingableSources = {}));

package/dist/src/utils/legendUtils.js

@@ -97,31 +97,31 @@ function getLegendStatusColor() {
       return style.getPropertyValue('--unknown');
     // WO statuses
 
-    case legend.LegendStatus.PM01:
+    case legend.LegendStatus.PM01.toLocaleLowerCase():
       return style.getPropertyValue('--pm01');
 
-    case legend.LegendStatus.PM02:
+    case legend.LegendStatus.PM02.toLocaleLowerCase():
       return style.getPropertyValue('--pm02');
 
-    case legend.LegendStatus.PM03:
+    case legend.LegendStatus.PM03.toLocaleLowerCase():
       return style.getPropertyValue('--pm03');
 
-    case legend.LegendStatus.PM04:
+    case legend.LegendStatus.PM04.toLocaleLowerCase():
       return style.getPropertyValue('--pm04');
 
-    case legend.LegendStatus.PM05:
+    case legend.LegendStatus.PM05.toLocaleLowerCase():
       return style.getPropertyValue('--pm05');
 
-    case legend.LegendStatus.PM06:
+    case legend.LegendStatus.PM06.toLocaleLowerCase():
       return style.getPropertyValue('--pm06');
 
-    case legend.LegendStatus.PM010:
+    case legend.LegendStatus.PM010.toLocaleLowerCase():
       return style.getPropertyValue('--pm010');
 
-    case legend.LegendStatus.PM015:
+    case legend.LegendStatus.PM015.toLocaleLowerCase():
       return style.getPropertyValue('--pm015');
 
-    case legend.LegendStatus.PM020:
+    case legend.LegendStatus.PM020.toLocaleLowerCase():
       return style.getPropertyValue('--pm020');
 
     default:
@@ -151,9 +151,9 @@ function valueToEnum(value, enumType) {
   var enumTypeIndexForValue = listToLowerCase(Object.values(enumType)).indexOf(value.toLowerCase());
 
   if (enumTypeIndexForValue === -1) {
-    return Object.keys(enumType)[0];
+    return Object.values(enumType)[0];
   } else {
-    return Object.keys(enumType)[enumTypeIndexForValue];
+    return Object.values(enumType)[enumTypeIndexForValue];
   }
 }
 
@@ -165,3 +165,4 @@ function listToLowerCase(values) {
 
 exports.getLegendStatusColor = getLegendStatusColor;
 exports.legendTypeToLegendStatus = legendTypeToLegendStatus;
+exports.valueToEnum = valueToEnum;

package/dist/types/extensions.d.ts

@@ -0,0 +1,7 @@
+import { ContextualAppLinkExtensionOptions, ExtensionRegistration } from '@equinor/echo-core';
+export declare enum ExtendableComponentName {
+    ContextualAppLinks = "ContextualAppLinks"
+}
+export interface ContextualAppLinkRegistration extends ExtensionRegistration {
+    options?: ContextualAppLinkExtensionOptions;
+}

package/dist/types/legend.d.ts

@@ -20,15 +20,15 @@ export declare enum LegendStatus {
     RFCCRejected = "RFCCRejected",
     RFOCRejected = "RFOCRejected",
     Error = "Error",
-    PM01 = "pm01",
-    PM02 = "pm02",
-    PM03 = "pm03",
-    PM04 = "pm04",
-    PM05 = "pm05",
-    PM06 = "pm06",
-    PM010 = "pm010",
-    PM015 = "pm015",
-    PM020 = "pm020"
+    PM01 = "PM01",
+    PM02 = "PM02",
+    PM03 = "PM03",
+    PM04 = "PM04",
+    PM05 = "PM05",
+    PM06 = "PM06",
+    PM010 = "PM010",
+    PM015 = "PM015",
+    PM020 = "PM020"
 }
 export declare enum LegendType {
     Stid = "Stid",

package/dist/types/pingableSources.d.ts

@@ -0,0 +1,3 @@
+export declare enum PingableSources {
+    Sap = "https://p03web.statoil.no/sap/public/icmandir/its/lsgui/images/img/splashscreen_corbu.png"
+}

package/dist/utils/legendUtils.d.ts

@@ -12,3 +12,4 @@ export declare function getLegendStatusColor(tagStatus?: LegendStatus | string):
  * @returns {string | LegendStatus}
  */
 export declare function legendTypeToLegendStatus(legendType: LegendType, status: string): string | LegendStatus;
+export declare function valueToEnum(value: string | undefined | null, enumType: typeof LegendStatus): LegendStatus;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@equinor/echo-framework",
-    "version": "0.7.6",
+    "version": "0.7.9",
     "description": "Modules and components for EchoWeb, utilizing EchoCore",
     "main": "dist/src/index.js",
     "types": "dist/index.d.ts",
@@ -34,9 +34,9 @@
         "echo-update-all": "echo-update -a"
     },
     "peerDependencies": {
-        "@equinor/echo-base": "^0.6.2",
-        "@equinor/echo-components": "^0.3.0",
-        "@equinor/echo-core": "^0.6.6",
+        "@equinor/echo-base": "^0.6.4",
+        "@equinor/echo-components": "^0.3.2",
+        "@equinor/echo-core": "^0.6.9",
         "@equinor/echo-search": "^0.11.15",
         "@equinor/echo-utils": "^0.2.9",
         "@equinor/eds-core-react": "^0.17.0",
@@ -49,15 +49,15 @@
         "@babel/core": "^7.17.5",
         "@babel/preset-env": "^7.16.11",
         "@babel/preset-react": "^7.16.7",
-        "@equinor/echo-base": "^0.6.2",
+        "@equinor/echo-base": "^0.6.4",
         "@equinor/echo-components": "^0.3.2",
-        "@equinor/echo-core": "^0.6.8",
+        "@equinor/echo-core": "^0.6.9",
         "@equinor/echo-scripts": "^0.1.5",
         "@equinor/echo-search": "^0.11.15",
         "@equinor/echo-update": "^1.3.0",
         "@equinor/echo-utils": "^0.2.9",
         "@equinor/eds-core-react": "^0.17.0",
-        "@modular-css/rollup": "^27.1.0",
+        "@modular-css/rollup": "^28.0.0",
         "@rollup/plugin-babel": "^5.3.1",
         "@rollup/plugin-commonjs": "^21.0.2",
         "@rollup/plugin-image": "^2.1.1",
@@ -65,42 +65,41 @@
         "@rollup/plugin-node-resolve": "^13.1.3",
         "@rollup/plugin-typescript": "^8.3.1",
         "@rollup/plugin-url": "^6.1.0",
+        "@svgr/rollup": "^6.2.1",
         "@testing-library/react-hooks": "^7.0.2",
         "@types/jest": "^27.4.1",
         "@types/node": "^17.0.21",
         "@types/react": "^17.0.39",
-        "@types/react-dom": "^17.0.11",
+        "@types/react-dom": "^17.0.13",
         "@types/react-router-dom": "^5.3.3",
-        "@typescript-eslint/eslint-plugin": "^5.12.1",
-        "@typescript-eslint/parser": "^5.12.1",
+        "@typescript-eslint/eslint-plugin": "^5.14.0",
+        "@typescript-eslint/parser": "^5.14.0",
         "@wessberg/rollup-plugin-ts": "^2.0.4",
-        "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
         "autoprefixer": "^10.4.2",
         "babel-jest": "^27.5.1",
-        "enzyme": "^3.11.0",
-        "eslint": "^8.9.0",
-        "eslint-config-prettier": "^8.4.0",
+        "eslint": "^8.10.0",
+        "eslint-config-prettier": "^8.5.0",
         "eslint-plugin-prettier": "^4.0.0",
-        "eslint-plugin-react": "^7.29.0",
+        "eslint-plugin-react": "^7.29.3",
         "eslint-plugin-react-hooks": "^4.3.0",
         "jest": "^27.5.1",
         "jest-expo": "^44.0.1",
-        "postcss": "^8.4.7",
+        "postcss": "^8.4.8",
         "postcss-assets": "^6.0.0",
         "postcss-modules": "^4.3.1",
         "prettier": "^2.5.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-router-dom": "^5.3.0",
-        "rollup": "^2.68.0",
+        "rollup": "^2.70.0",
         "rollup-plugin-delete": "^2.0.0",
         "rollup-plugin-postcss": "^4.0.2",
-        "rollup-plugin-typescript-paths": "^1.3.0",
+        "rollup-plugin-typescript-paths": "^1.3.1",
         "rollup-plugin-typescript2": "^0.31.2",
         "styled-components": "^5.3.3",
         "ts-jest": "^27.1.3",
         "tslib": "^2.3.1",
-        "typescript": "^4.5.5"
+        "typescript": "=4.6.2"
     },
     "compilerOptions": {
         "declaration": true
@@ -113,6 +112,6 @@
         "npm": ">=7.0.0"
     },
     "dependencies": {
-        "@microsoft/signalr": "^6.0.2"
+        "@microsoft/signalr": "^6.0.3"
     }
-}
+}

package/dist/coreApplication/EchoBarComponent.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface EchoBottomBarProps {
-    isLandscape: boolean;
-}
-export declare const EchoBarComponent: React.FC<EchoBottomBarProps>;
-export default EchoBarComponent;

package/dist/hooks/useIsLandscape.d.ts

@@ -1 +0,0 @@
-export declare function useIsLandscape(): boolean;

package/dist/src/coreApplication/EchoBarComponent.js

@@ -1,113 +0,0 @@
-'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 echoComponents = require('@equinor/echo-components');
-
-var EchoCore = require('@equinor/echo-core');
-
-var edsCoreReact = require('@equinor/eds-core-react');
-
-var React = require('react');
-
-var reactRouterDom = require('react-router-dom');
-
-var logo_ee = require('../icons/logo_ee.js');
-
-function _interopDefaultLegacy(e) {
-  return e && _typeof(e) === 'object' && 'default' in e ? e : {
-    'default': e
-  };
-}
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var EchoBarComponent = function EchoBarComponent(_ref) {
-  var isLandscape = _ref.isLandscape;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      shouldRenderBar = _React$useState2[0],
-      setShouldRenderBar = _React$useState2[1];
-
-  var _EchoCore$usePanels = EchoCore.usePanels(),
-      setActivePanel = _EchoCore$usePanels.setActivePanel;
-
-  var goToInternalLink = EchoCore.useInternalLink();
-
-  var _EchoCore$usePlantSet = EchoCore.usePlantSettings(),
-      selectedInstCode = _EchoCore$usePlantSet.instCode;
-
-  var history = reactRouterDom.useHistory();
-  var shouldRenderBottomBar = React.useCallback(function () {
-    var isMounted = true;
-    console.log('WIDTH', window.innerWidth);
-
-    if (window.innerWidth > 768 && !isLandscape || window.innerWidth > 927 && isLandscape && !isMounted) {
-      setShouldRenderBar(false);
-    } else {
-      setShouldRenderBar(true);
-    }
-
-    return function () {
-      isMounted = false;
-    };
-  }, [isLandscape]);
-  React.useEffect(function () {
-    shouldRenderBottomBar();
-    window.addEventListener('resize', shouldRenderBottomBar);
-    return function () {
-      window.removeEventListener('resize', shouldRenderBottomBar);
-    };
-  }, [shouldRenderBottomBar, shouldRenderBar]);
-  var EchoIcon = logo_ee.icon;
-  return shouldRenderBar ? /*#__PURE__*/React__default["default"].createElement(echoComponents.EchoBottomBar, null, /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
-    variant: "ghost_icon",
-    onClick: function onClick() {
-      return history.push("/?instCode=".concat(selectedInstCode));
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(EchoIcon, null)), /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
-    variant: "ghost_icon",
-    onClick: function onClick() {
-      return setActivePanel(EchoCore.ECHO_CORE_SEARCH);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(echoComponents.Icon, {
-    name: 'search',
-    color: echoComponents.themeConst.echoText
-  })), /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
-    variant: "ghost_icon",
-    onClick: function onClick() {
-      return goToInternalLink('/camera');
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(echoComponents.Icon, {
-    name: 'camera',
-    color: echoComponents.themeConst.echoText
-  })), /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
-    variant: "ghost_icon",
-    onClick: function onClick() {
-      return setActivePanel(EchoCore.ECHO_CORE_MAIN);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(echoComponents.Icon, {
-    name: 'menu',
-    color: echoComponents.themeConst.echoText
-  })))) : null;
-};
-
-exports.EchoBarComponent = EchoBarComponent;
-exports["default"] = EchoBarComponent;