[React] Add pointer event polyfill and touch-action: none in css to have an exemple fully working on mobile devices emulators

Author: DEWITTE Pierre-Alban

react-integration-examples/public/index.html

@@ -10,6 +10,7 @@
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
     <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+    <script src="https://code.jquery.com/pep/0.4.3/pep.js"></script>
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.

react-integration-examples/src/App.js

@@ -5,8 +5,11 @@ import * as MyScriptJS from 'myscript'
 import 'myscript/dist/myscript.min.css';
 
 const editorStyle = {
-  'minWidth': '500px',
-  'minHeight': '500px',
+  'minWidth': '100px',
+  'minHeight': '100px',
+  'width': '100vw',
+  'height': 'calc(100vh - 190px)',
+  'touch-action': 'none',
 };
 
 class App extends Component {
@@ -32,8 +35,8 @@ class App extends Component {
         server: {
           scheme: 'https',
           host: 'webdemoapi.myscript.com',
-          applicationKey: 'xxxxxx',
-          hmacKey: 'xxxxxx',
+          applicationKey: '1463c06b-251c-47b8-ad0b-ba05b9a3bd01',
+          hmacKey: '60ca101a-5e6d-4159-abc5-2efcbecce059',
         },
       },
     });