react-complaint-image 0.0.29 → 0.0.31

package/lib/ComplaintImageFactory.js

@@ -231,11 +231,11 @@ exports.default = function (Complaints, SelectImages) {
     };
 
     this.notify = function () {
-      /** 
-        I believe render is in the call stack and this async operation settimeout sends the function to the webapi.
-        Even if the timeout is 0, it does not get added to the call stack until the call stack is empty
-        this solves our problem of notify executing before the render function
-        or use promise new Promise((event) => setTimeout(event, 10)).then(()=> {
+      /** 
+        I believe render is in the call stack and this async operation settimeout sends the function to the webapi.
+        Even if the timeout is 0, it does not get added to the call stack until the call stack is empty
+        this solves our problem of notify executing before the render function
+        or use promise new Promise((event) => setTimeout(event, 10)).then(()=> {
       */
       (0, _timers.setTimeout)(function () {
         if (_this3.props.onChange) {

package/lib/MultipleComplaintImageFactory.js

@@ -174,6 +174,7 @@ exports.default = function (Complaints, SelectImages) {
             _react2.default.createElement(
               "div",
               {
+                className: "complaints-image-block",
                 style: { cursor: this.state.drawingMode ? "cell" : "default" }
               },
               _react2.default.createElement(
@@ -363,11 +364,11 @@ exports.default = function (Complaints, SelectImages) {
     };
 
     this.notify = function () {
-      /** 
-        I believe render is in the call stack and this async operation settimeout sends the function to the webapi.
-        Even if the timeout is 0, it does not get added to the call stack until the call stack is empty
-        this solves our problem of notify executing before the render function
-        or use promise new Promise((event) => setTimeout(event, 10)).then(()=> {
+      /** 
+        I believe render is in the call stack and this async operation settimeout sends the function to the webapi.
+        Even if the timeout is 0, it does not get added to the call stack until the call stack is empty
+        this solves our problem of notify executing before the render function
+        or use promise new Promise((event) => setTimeout(event, 10)).then(()=> {
       */
 
       if (_this3.state.srcWidth !== undefined) {
@@ -494,8 +495,8 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-/**
- * Class Component the inserts free drawn image of the layer in the stage
+/**
+ * Class Component the inserts free drawn image of the layer in the stage
  */
 var Drawing = function (_Component2) {
   _inherits(Drawing, _Component2);
@@ -602,9 +603,9 @@ var Drawing = function (_Component2) {
     key: "componentDidMount",
 
 
-    /**
-     * componentDidMount- creates the canvas element and adds that to local state
-     * If points are passed as props, those get drawn when the component loads
+    /**
+     * componentDidMount- creates the canvas element and adds that to local state
+     * If points are passed as props, those get drawn when the component loads
      */
     value: function componentDidMount() {
       var canvas = document.createElement("canvas");
@@ -655,25 +656,25 @@ var Drawing = function (_Component2) {
       }, this.props.notifyParent);
     }
 
-    /**
-     * handleMouseDown- Function to handle mouse down operation
-     * function sets isDrawing to true and saves the first point to the state
+    /**
+     * handleMouseDown- Function to handle mouse down operation
+     * function sets isDrawing to true and saves the first point to the state
      */
 
 
-    /**
-     * handleMouseUp- This is where isDrawing is set to false, state is updated with
-     * the most recent points and parent component is notified
+    /**
+     * handleMouseUp- This is where isDrawing is set to false, state is updated with
+     * the most recent points and parent component is notified
      */
 
 
-    /**
-     * clear() is used to clear the drawings
+    /**
+     * clear() is used to clear the drawings
      */
 
-    /**
-     * handleMouseMove- This is where the drawing logic is implemented using context.
-     * points are added to the state too
+    /**
+     * handleMouseMove- This is where the drawing logic is implemented using context.
+     * points are added to the state too
      */
 
   }, {
@@ -691,8 +692,11 @@ var Drawing = function (_Component2) {
         width: this.props.parentImageSize,
         height: this.props.parentImageSize,
         onMouseDown: this.handleMouseDown,
+        onTouchStart: this.handleMouseDown,
         onMouseUp: this.handleMouseUp,
+        onTouchEnd: this.handleMouseUp,
         onMouseMove: this.handleMouseMove,
+        onTouchMove: this.handleMouseMove,
         onMouseLeave: this.handleMouseUp
       });
     }

package/package.json

@@ -1,121 +1,121 @@
-{
-  "name": "react-complaint-image",
-  "description": "React Component, that allows to register patient complains on the image",
-  "private": false,
-  "author": "mavarazy@gmail.com",
-  "version": "0.0.29",
-  "scripts": {
-    "build:lib": "rimraf lib && cross-env NODE_ENV=production babel -d lib/ src/",
-    "build:dist": "rimraf dist && cross-env NODE_ENV=production webpack --config webpack.config.dist.js --optimize-minimize",
-    "build:playground": "rimraf build && cross-env NODE_ENV=production webpack --config webpack.config.prod.js --optimize-minimize && cp playground/index.prod.html build/index.html",
-    "cs-check": "prettier -l $npm_package_prettierOptions '{playground,src,test}/**/*.js'",
-    "cs-format": "prettier $npm_package_prettierOptions '{playground,src,test}/**/*.js' --write",
-    "dist": "npm run build:lib && npm run build:dist",
-    "lint": "eslint src test playground",
-    "precommit": "lint-staged",
-    "prepush": "npm test",
-    "publish-to-npm": "npm run dist &&  npm publish && npm version patch",
-    "start": "webpack-dev-server",
-    "tdd": "jest --watchAll",
-    "test": "jest"
-  },
-  "jest": {
-    "verbose": true,
-    "collectCoverage": true,
-    "collectCoverageFrom": [
-      "src/**/*.{js,jsx}"
-    ]
-  },
-  "prettierOptions": "--jsx-bracket-same-line --trailing-comma es5 --semi",
-  "lint-staged": {
-    "{playground,src,test}/**/*.js": [
-      "npm run lint",
-      "npm run cs-format",
-      "git add"
-    ]
-  },
-  "main": "lib/index.js",
-  "files": [
-    "dist",
-    "lib"
-  ],
-  "engineStrict": false,
-  "engines": {
-    "node": ">=8"
-  },
-  "peerDependencies": {
-    "prop-types": "^15.5.10",
-    "react": "^16.2.0"
-  },
-  "dependencies": {
-    "deepcopy": "^0.6.3",
-    "konva": "^2.5.1",
-    "react-bootstrap-typeahead": "^3.2.4",
-    "react-konva": "^16.6.31",
-    "selectn": "^1.1.2"
-  },
-  "devDependencies": {
-    "atob": "^2.0.3",
-    "babel-cli": "^6.0.0",
-    "babel-core": "^6.0.0",
-    "babel-eslint": "^8.0.1",
-    "babel-jest": "^21.0.2",
-    "babel-loader": "^7.1.2",
-    "babel-plugin-transform-class-properties": "^6.24.1",
-    "babel-plugin-transform-object-rest-spread": "^6.26.0",
-    "babel-polyfill": "^6.26.0",
-    "babel-preset-env": "^1.6.0",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-0": "^6.24.1",
-    "babel-register": "^6.26.0",
-    "coveralls": "^3.0.0",
-    "cross-env": "^5.0.5",
-    "css-loader": "^0.28.7",
-    "enzyme": "^3.1.0",
-    "enzyme-adapter-react-16": "^1.0.3",
-    "eslint": "^4.6.1",
-    "eslint-plugin-jest": "^21.0.2",
-    "eslint-plugin-react": "^7.3.0",
-    "eslint-plugin-standard": "^3.0.1",
-    "exit-hook": "^1.1.1",
-    "express": "^4.15.4",
-    "extract-text-webpack-plugin": "^3.0.0",
-    "gh-pages": "^1.0.0",
-    "has-flag": "^2.0.0",
-    "html": "1.0.0",
-    "husky": "^0.14.3",
-    "jest": "^21.0.2",
-    "jest-cli": "^21.1.0",
-    "jsdom": "^11.2.0",
-    "lint-staged": "^4.1.3",
-    "prettier": "^1.6.1",
-    "react": "^16.2.0",
-    "react-dom": "^16.2.0",
-    "react-test-renderer": "^16.2.0",
-    "react-transform-catch-errors": "^1.0.2",
-    "react-transform-hmr": "^1.0.4",
-    "regenerator-runtime": "^0.11.0",
-    "rimraf": "^2.6.1",
-    "sinon": "^4.0.2",
-    "style-loader": "^0.19.0",
-    "webpack": "^3.5.6",
-    "webpack-dev-server": "^2.7.1",
-    "webpack-hot-middleware": "^2.19.1"
-  },
-  "directories": {
-    "test": "test"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/RxNT/react-jsonschema-form-conditionals.git"
-  },
-  "keywords": [
-    "react",
-    "form",
-    "json-schema",
-    "conditional",
-    "predicate"
-  ],
-  "license": "Apache-2.0",
-  "homepage": "https://github.com/RxNT/react-jsonschema-form-conditionals#readme"
-}
+{
+  "name": "react-complaint-image",
+  "description": "React Component, that allows to register patient complains on the image",
+  "private": false,
+  "author": "mavarazy@gmail.com",
+  "version": "0.0.31",
+  "scripts": {
+    "build:lib": "rimraf lib && cross-env NODE_ENV=production babel -d lib/ src/",
+    "build:dist": "rimraf dist && cross-env NODE_ENV=production webpack --config webpack.config.dist.js --optimize-minimize",
+    "build:playground": "rimraf build && cross-env NODE_ENV=production webpack --config webpack.config.prod.js --optimize-minimize && cp playground/index.prod.html build/index.html",
+    "cs-check": "prettier -l $npm_package_prettierOptions '{playground,src,test}/**/*.js'",
+    "cs-format": "prettier $npm_package_prettierOptions '{playground,src,test}/**/*.js' --write",
+    "dist": "npm run build:lib && npm run build:dist",
+    "lint": "eslint src test playground",
+    "precommit": "lint-staged",
+    "prepush": "npm test",
+    "publish-to-npm": "npm run dist &&  npm publish && npm version patch",
+    "start": "webpack-dev-server",
+    "tdd": "jest --watchAll",
+    "test": "jest"
+  },
+  "jest": {
+    "verbose": true,
+    "collectCoverage": true,
+    "collectCoverageFrom": [
+      "src/**/*.{js,jsx}"
+    ]
+  },
+  "prettierOptions": "--jsx-bracket-same-line --trailing-comma es5 --semi",
+  "lint-staged": {
+    "{playground,src,test}/**/*.js": [
+      "npm run lint",
+      "npm run cs-format",
+      "git add"
+    ]
+  },
+  "main": "lib/index.js",
+  "files": [
+    "dist",
+    "lib"
+  ],
+  "engineStrict": false,
+  "engines": {
+    "node": ">=8"
+  },
+  "peerDependencies": {
+    "prop-types": "^15.5.10",
+    "react": "^16.2.0"
+  },
+  "dependencies": {
+    "deepcopy": "^0.6.3",
+    "konva": "^2.5.1",
+    "react-bootstrap-typeahead": "^3.2.4",
+    "react-konva": "^16.6.31",
+    "selectn": "^1.1.2"
+  },
+  "devDependencies": {
+    "atob": "^2.0.3",
+    "babel-cli": "^6.0.0",
+    "babel-core": "^6.0.0",
+    "babel-eslint": "^8.0.1",
+    "babel-jest": "^21.0.2",
+    "babel-loader": "^7.1.2",
+    "babel-plugin-transform-class-properties": "^6.24.1",
+    "babel-plugin-transform-object-rest-spread": "^6.26.0",
+    "babel-polyfill": "^6.26.0",
+    "babel-preset-env": "^1.6.0",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
+    "babel-register": "^6.26.0",
+    "coveralls": "^3.0.0",
+    "cross-env": "^5.0.5",
+    "css-loader": "^0.28.7",
+    "enzyme": "^3.1.0",
+    "enzyme-adapter-react-16": "^1.0.3",
+    "eslint": "^4.6.1",
+    "eslint-plugin-jest": "^21.0.2",
+    "eslint-plugin-react": "^7.3.0",
+    "eslint-plugin-standard": "^3.0.1",
+    "exit-hook": "^1.1.1",
+    "express": "^4.15.4",
+    "extract-text-webpack-plugin": "^3.0.0",
+    "gh-pages": "^1.0.0",
+    "has-flag": "^2.0.0",
+    "html": "1.0.0",
+    "husky": "^0.14.3",
+    "jest": "^21.0.2",
+    "jest-cli": "^21.1.0",
+    "jsdom": "^11.2.0",
+    "lint-staged": "^4.1.3",
+    "prettier": "^1.6.1",
+    "react": "^16.2.0",
+    "react-dom": "^16.2.0",
+    "react-test-renderer": "^16.2.0",
+    "react-transform-catch-errors": "^1.0.2",
+    "react-transform-hmr": "^1.0.4",
+    "regenerator-runtime": "^0.11.0",
+    "rimraf": "^2.6.1",
+    "sinon": "^4.0.2",
+    "style-loader": "^0.19.0",
+    "webpack": "^3.5.6",
+    "webpack-dev-server": "^2.7.1",
+    "webpack-hot-middleware": "^2.19.1"
+  },
+  "directories": {
+    "test": "test"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/RxNT/react-jsonschema-form-conditionals.git"
+  },
+  "keywords": [
+    "react",
+    "form",
+    "json-schema",
+    "conditional",
+    "predicate"
+  ],
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/RxNT/react-jsonschema-form-conditionals#readme"
+}