@equinor/echo-framework 0.7.4 → 0.7.7

package/dist/src/components/realTimeData/hooks/useSignalR.js

@@ -0,0 +1,159 @@
+'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 _tslib = require('../../../../_virtual/_tslib.js');
+
+var React = require('react');
+
+var EchoUtils = require('@equinor/echo-utils');
+
+var EchoCore = require('@equinor/echo-core');
+
+var apiManager = require('../../../services/api/api-manager.js');
+
+var useSignalRListener = require('./useSignalRListener.js');
+
+var HubConnectionBuilder = require('../../../../node_modules/@microsoft/signalr/dist/esm/HubConnectionBuilder.js');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var EchoUtils__default = /*#__PURE__*/_interopDefaultLegacy(EchoUtils);
+
+var EchoCore__default = /*#__PURE__*/_interopDefaultLegacy(EchoCore);
+
+function setLoading(state) {
+  return Object.assign(Object.assign({}, state), {
+    loading: false
+  });
+}
+
+function setDoneLoading(state) {
+  return Object.assign(Object.assign({}, state), {
+    loading: true
+  });
+}
+
+function accessTokenFactory() {
+  return _tslib.__awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", EchoCore__default["default"].EchoClient.getAccessToken());
+
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+} // TODO - Add unit test - need to figure out how to test hooks with useEffectAsync
+
+
+function useSignalR(hubUrl) {
+  var _this = this;
+
+  var _React$useState = React.useState({
+    status: '',
+    loading: false
+  }),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      state = _React$useState2[0],
+      setState = _React$useState2[1]; // we will always default to listening for the subscribe message
+
+
+  useSignalRListener.useSignalRListener(state.connection, 'subscribe', function (id, status, payload) {
+    if (status === 200) {
+      setState(function (state) {
+        return Object.assign(Object.assign({}, state), {
+          loading: false,
+          status: 'ok'
+        });
+      });
+    } else {
+      setState(function (state) {
+        return Object.assign(Object.assign({}, state), {
+          loading: false,
+          status: 'error',
+          message: typeof payload === 'string' ? payload : ''
+        });
+      });
+    }
+  }); // SignalR start/stop connection hook
+
+  EchoUtils__default["default"].Hooks.useEffectAsync(function (signal) {
+    return _tslib.__awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var setStateWhenMounted, connection;
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              setStateWhenMounted = function _setStateWhenMounted(value) {
+                if (signal.aborted) {
+                  return;
+                }
+
+                setState(value);
+              };
+
+              connection = new HubConnectionBuilder.HubConnectionBuilder().withUrl(apiManager.baseApiUrl + hubUrl, {
+                accessTokenFactory: accessTokenFactory
+              }).withAutomaticReconnect().build(); // reconnect things
+
+              connection.onreconnected(function () {
+                return setStateWhenMounted(setDoneLoading);
+              });
+              connection.onreconnecting(function () {
+                return setStateWhenMounted(setLoading);
+              }); // starting connection
+
+              _context2.next = 6;
+              return connection.start();
+
+            case 6:
+              // should set connection and then loading to done
+              setStateWhenMounted(function (state) {
+                return Object.assign(Object.assign({}, state), {
+                  connection: connection
+                });
+              });
+              setStateWhenMounted(setDoneLoading); // stop connection when unmounted
+
+              return _context2.abrupt("return", function () {
+                connection.stop();
+              });
+
+            case 9:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+  }, []);
+  return state;
+}
+
+exports.useSignalR = useSignalR;

package/dist/src/components/realTimeData/hooks/useSignalRListener.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react');
+
+function useSignalRListener(hubConnection, target, method) {
+  React.useEffect(function () {
+    if (!hubConnection) {
+      return;
+    }
+
+    hubConnection.on(target, method);
+    return function () {
+      hubConnection.off(target, method);
+    };
+  }, [hubConnection, target, method]);
+}
+
+exports.useSignalRListener = useSignalRListener;

package/dist/src/coreApplication/EchoBarComponent.js

@@ -0,0 +1,112 @@
+'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;
+
+    if (window.innerWidth < 768 && !isLandscape || window.innerWidth < 927 && isLandscape && isMounted) {
+      setShouldRenderBar(true);
+    } else {
+      setShouldRenderBar(false);
+    }
+
+    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;

package/dist/src/coreApplication/EchoContent.js

@@ -24,8 +24,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var EchoContent = function EchoContent(_ref) {
   var children = _ref.children,
-      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));
+      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));
 };
 
 exports.EchoContent = EchoContent;

package/dist/src/hooks/useIsLandscape.js

@@ -0,0 +1,52 @@
+'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');
+
+function
+/* content: React.RefObject<HTMLDivElement> */
+useIsLandscape() {
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isLandscape = _React$useState2[0],
+      setIsLandscape = _React$useState2[1];
+
+  var checkScreenOrientation = React.useCallback(function () {
+    var isMounted = true;
+
+    if (window.innerHeight < window.innerWidth && isMounted) {
+      setIsLandscape(true);
+    } else {
+      setIsLandscape(false);
+    }
+
+    return function () {
+      isMounted = false;
+    };
+  }, []);
+  React.useEffect(function () {
+    checkScreenOrientation();
+    window.addEventListener('resize', checkScreenOrientation);
+    return function () {
+      window.removeEventListener('resize', checkScreenOrientation);
+    };
+  }, [checkScreenOrientation]);
+  return isLandscape;
+}
+
+exports.useIsLandscape = useIsLandscape;

package/dist/src/index.js

@@ -56,6 +56,8 @@ var plantSelector = require('./components/plantSelector/plantSelector.js');
 
 var ProcosysProjectSelector = require('./components/projectSelector/ProcosysProjectSelector.js');
 
+var RealTimePopoverButton = require('./components/realTimeData/RealTimePopoverButton.js');
+
 var echoRoute = require('./components/router/echoRoute.js');
 
 var echoRouter = require('./components/router/echoRouter.js');
@@ -72,12 +74,16 @@ 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 legend = require('./types/legend.js');
@@ -146,6 +152,7 @@ Object.defineProperty(exports, 'Variants', {
 exports.PlantSelector = plantSelector.PlantSelector;
 exports.ALL_PROJECTS = ProcosysProjectSelector.ALL_PROJECTS;
 exports.ProjectSelector = ProcosysProjectSelector.ProjectSelector;
+exports.RealTimePopoverButton = RealTimePopoverButton.RealTimePopoverButton;
 exports.EchoRoute = echoRoute.EchoRoute;
 exports.EchoRouter = echoRouter.EchoRouter;
 exports.EchoRoutes = routes.EchoRoutes;
@@ -153,10 +160,12 @@ exports.useLayout = useLayout.useLayout;
 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, 'LegendStatus', {
   enumerable: true,

package/dist/src/services/api/api-realtimedata.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var _tslib = require('../../../_virtual/_tslib.js');
+
+var apiManager = require('./api-manager.js');
+
+function getTimeseriesByName(name, instCode) {
+  return _tslib.__awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var url, response, timeseries;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            url = "".concat(apiManager.baseApiUrl, "/").concat(instCode, "/timeseries/search-ims-by-name?name=").concat(name);
+            _context.prev = 1;
+            _context.next = 4;
+            return apiManager.request(url, {});
+
+          case 4:
+            response = _context.sent;
+            timeseries = response.data.items[0];
+            return _context.abrupt("return", timeseries);
+
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](1);
+            return _context.abrupt("return");
+
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[1, 9]]);
+  }));
+}
+
+exports.getTimeseriesByName = getTimeseriesByName;

package/dist/types/realtimedata.d.ts

@@ -0,0 +1,18 @@
+export interface TimeseriesByName {
+    data: {
+        items: Array<IMSByName>;
+    };
+}
+export interface IMSByName {
+    id: string;
+    name: string;
+    desciption: string;
+    step: boolean;
+    unit: string;
+    assetId: string;
+    facility: string;
+    externalId: string;
+    source: string;
+    changedTime: Date;
+    createdTime: Date;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@equinor/echo-framework",
-    "version": "0.7.4",
+    "version": "0.7.7",
     "description": "Modules and components for EchoWeb, utilizing EchoCore",
     "main": "dist/src/index.js",
     "types": "dist/index.d.ts",
@@ -46,57 +46,57 @@
         "styled-components": "^5.3.3"
     },
     "devDependencies": {
-        "@babel/core": "^7.16.12",
+        "@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-components": "^0.3.0",
-        "@equinor/echo-core": "^0.6.6",
+        "@equinor/echo-components": "^0.3.2",
+        "@equinor/echo-core": "^0.6.8",
         "@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.0.3",
-        "@rollup/plugin-babel": "^5.3.0",
-        "@rollup/plugin-commonjs": "^21.0.1",
+        "@modular-css/rollup": "^27.1.0",
+        "@rollup/plugin-babel": "^5.3.1",
+        "@rollup/plugin-commonjs": "^21.0.2",
         "@rollup/plugin-image": "^2.1.1",
         "@rollup/plugin-json": "^4.1.0",
         "@rollup/plugin-node-resolve": "^13.1.3",
-        "@rollup/plugin-typescript": "^8.3.0",
+        "@rollup/plugin-typescript": "^8.3.1",
         "@rollup/plugin-url": "^6.1.0",
         "@testing-library/react-hooks": "^7.0.2",
-        "@types/jest": "^27.4.0",
-        "@types/node": "^17.0.12",
-        "@types/react": "^17.0.38",
+        "@types/jest": "^27.4.1",
+        "@types/node": "^17.0.21",
+        "@types/react": "^17.0.39",
         "@types/react-dom": "^17.0.11",
         "@types/react-router-dom": "^5.3.3",
-        "@typescript-eslint/eslint-plugin": "^5.10.1",
-        "@typescript-eslint/parser": "^5.10.1",
+        "@typescript-eslint/eslint-plugin": "^5.12.1",
+        "@typescript-eslint/parser": "^5.12.1",
         "@wessberg/rollup-plugin-ts": "^2.0.4",
         "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
         "autoprefixer": "^10.4.2",
-        "babel-jest": "^27.4.6",
+        "babel-jest": "^27.5.1",
         "enzyme": "^3.11.0",
-        "eslint": "^8.7.0",
-        "eslint-config-prettier": "^8.3.0",
+        "eslint": "^8.9.0",
+        "eslint-config-prettier": "^8.4.0",
         "eslint-plugin-prettier": "^4.0.0",
-        "eslint-plugin-react": "^7.28.0",
+        "eslint-plugin-react": "^7.29.0",
         "eslint-plugin-react-hooks": "^4.3.0",
-        "jest": "^27.4.7",
+        "jest": "^27.5.1",
         "jest-expo": "^44.0.1",
-        "postcss": "^8.4.5",
+        "postcss": "^8.4.7",
         "postcss-assets": "^6.0.0",
-        "postcss-modules": "^4.3.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.66.1",
+        "rollup": "^2.68.0",
         "rollup-plugin-delete": "^2.0.0",
         "rollup-plugin-postcss": "^4.0.2",
         "rollup-plugin-typescript-paths": "^1.3.0",
-        "rollup-plugin-typescript2": "^0.31.1",
+        "rollup-plugin-typescript2": "^0.31.2",
         "styled-components": "^5.3.3",
         "ts-jest": "^27.1.3",
         "tslib": "^2.3.1",
@@ -111,5 +111,8 @@
     "engines": {
         "node": ">=16.8.0",
         "npm": ">=7.0.0"
+    },
+    "dependencies": {
+        "@microsoft/signalr": "^6.0.2"
     }
-}
+}