@equinor/echo-framework 0.7.2 → 0.7.3

package/dist/hooks/useLongPress.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function useLongPress(onLongPress: (event: React.TouchEvent) => void, delay?: number): {
+    onTouchStart: (e: React.TouchEvent) => void;
+    onTouchMove: (e: React.TouchEvent) => void;
+    onTouchEnd: (e: React.TouchEvent) => void;
+};

package/dist/hooks/useLongPress.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/coreApplication/EchoEventHandler.js

@@ -14,10 +14,16 @@ var React = require('react');
 
 var reactRouterDom = require('react-router-dom');
 
+var useLongPress = require('../hooks/useLongPress.js');
+
 var plantChanged = require('../services/eventCallbacks/plantChanged.js');
 
+var copyText = require('../utils/copyText.js');
+
 var eventHandlerUtils = require('../utils/eventHandlerUtils.js');
 
+var EchoEventHandler_module = require('./EchoEventHandler.module.css.js');
+
 function _interopDefaultLegacy(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -35,6 +41,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var EchoEventHandler = function EchoEventHandler(_ref) {
   var children = _ref.children;
   var history = reactRouterDom.useHistory();
+  var touchEvents = useLongPress.useLongPress(copyText.copyText, 800);
   React.useEffect(function () {
     var unsubscribe = echoBase.eventHub.subscribe(EchoCore.EchoEvents.PlantChanged, function (plantEvent) {
       plantChanged.handlePlantChanged(plantEvent.selectedPlant, history, plantEvent.stayOnPath);
@@ -43,6 +50,12 @@ var EchoEventHandler = function EchoEventHandler(_ref) {
       unsubscribe();
     };
   });
+  React.useEffect(function () {
+    document.addEventListener('contextmenu', copyText.copyText);
+    return function () {
+      document.removeEventListener('contextmenu', copyText.copyText);
+    };
+  });
   React.useEffect(function () {
     if (!history) {
       console.error('No react history found!', history);
@@ -58,7 +71,9 @@ var EchoEventHandler = function EchoEventHandler(_ref) {
       unListen();
     };
   }, [history]);
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, children);
+  return /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
+    className: EchoEventHandler_module["default"].echoEventContainer
+  }, touchEvents), children);
 };
 
 exports.EchoEventHandler = EchoEventHandler;

package/dist/src/coreApplication/EchoEventHandler.module.css.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".EchoEventHandler-module_echoEventContainer__zFKRh{height:100%}";
+var style = {
+  "echoEventContainer": "EchoEventHandler-module_echoEventContainer__zFKRh"
+};
+styleInject_es["default"](css_248z);
+exports["default"] = style;

package/dist/src/hooks/useLongPress.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var React = require('react'); // https://stackoverflow.com/questions/48048957/react-long-press-event
+
+
+function useLongPress(onLongPress) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+  var timeout = React.useRef();
+
+  var start = function start(event) {
+    timeout.current = setTimeout(function () {
+      onLongPress(event);
+    }, delay);
+  };
+
+  var clear = function clear() {
+    timeout.current && clearTimeout(timeout.current);
+  };
+
+  return {
+    onTouchStart: function onTouchStart(e) {
+      return start(e);
+    },
+    onTouchMove: function onTouchMove() {
+      return clear();
+    },
+    onTouchEnd: function onTouchEnd() {
+      return clear();
+    }
+  };
+}
+
+exports.useLongPress = useLongPress;

package/dist/src/utils/copyText.js

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var _tslib = require('../../_virtual/_tslib.js');
+
+var toastActions = require('../services/eventHubActions/toastActions.js');
+
+function copyText(event) {
+  return _tslib.__awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var target, text;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            target = event === null || event === void 0 ? void 0 : event.target;
+            text = target === null || target === void 0 ? void 0 : target.innerText;
+
+            if (!text) {
+              _context.next = 6;
+              break;
+            }
+
+            _context.next = 5;
+            return navigator.clipboard.writeText(text);
+
+          case 5:
+            toastActions.displayToast({
+              message: "Text copied to clipboard: ".concat(text)
+            });
+
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+}
+
+exports.copyText = copyText;

package/dist/utils/copyText.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function copyText(event: MouseEvent | React.TouchEvent): Promise<void>;

package/dist/utils/copyText.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@equinor/echo-framework",
-    "version": "0.7.2",
+    "version": "0.7.3",
     "description": "Modules and components for EchoWeb, utilizing EchoCore",
     "main": "dist/src/index.js",
     "types": "dist/index.d.ts",
@@ -65,6 +65,7 @@
         "@rollup/plugin-node-resolve": "^13.1.3",
         "@rollup/plugin-typescript": "^8.3.0",
         "@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",

package/dist/utils/unitTestingUtils.d.ts

@@ -1 +0,0 @@
-export declare const renderHook: (hook: any) => any;