@searpent/react-image-annotate 2.3.0-cand → 2.3.0-cand-2

package/Annotator/examplePhotos.js

@@ -611,7 +611,7 @@ var examplePhotos = [{
           "Y1": 0.38327134,
           "Y2": 0.5264345
         },
-        "text": "[{\"label\":\"text\",\"text\":\"Vedle domácí špičky nebude chybět řada účastníků OH v Tokiu, nad plánovanou účastí dvojnásobné vítězky Venduly Frintové visí otazník. Nejlepší česká triatlonistka měla žaludeční problémy a o jejím startu se rozhodne na poslední chvíli. Vedle Frintové je přihlášena i druhá česká olympionička Petra Kuříková, jejímž karlovarským maximem je předloňské čtvrté místo. Mezi devítkou domácích závodníků je též Jan Čelůstka i nadějní Tereza Zimovjanová (na snímku) s Radimem Grebíkem.\"}]",
+        "text": "[{\"label\":\"text\",\"text\":\"Vedle domácíhhhhhhh špičky nebude chybět řada účastníků OH v Tokiu, nad plánovanou účastí dvojnásobné vítězky Venduly Frintové visí otazník. Nejlepší česká triatlonistka měla žaludeční problémy a o jejím startu se rozhodne na poslední chvíli. Vedle Frintové je přihlášena i druhá česká olympionička Petra Kuříková, jejímž karlovarským maximem je předloňské čtvrté místo. Mezi devítkou domácích závodníků je též Jan Čelůstka i nadějní Tereza Zimovjanová (na snímku) s Radimem Grebíkem.\"}]",
         "groupId": "4",
         "id": "346807505487134722"
       }, {
@@ -710,34 +710,34 @@ var examplePhotos = [{
         },
         "text": "[{\"label\":\"photo_caption\",\"text\":\"Protest n z února v Indii,\\n\\tpred proti v Pekingu.\"}]",
         "groupId": "6",
-        "id": "346807506913198081"
-      } // {
-      //   "label": "photo_caption",
-      //   "score": 0.99,
-      //   "box": {
-      //     "X1": 0.80248857,
-      //     "X2": 0.95999366,
-      //     "Y1": 0.32127157,
-      //     "Y2": 0.34381694
-      //   },
-      //   "text": "[{\"label\":\"photo_caption\",\"text\":\"Protest z února v Indii proti konání ZOH v Pekingu\"}]",
-      //   "groupId": "6",
-      //   "id": "346807506913198082"
-      // },
-      // {
-      //   "label": "author",
-      //   "score": 0.99,
-      //   "box": {
-      //     "X1": 0.9584186,
-      //     "X2": 0.9733816,
-      //     "Y1": 0.51628906,
-      //     "Y2": 0.53319806
-      //   },
-      //   "text": "[{\"label\":\"author\",\"text\":\"PUR\"}]",
-      //   "groupId": "6",
-      //   "id": "346807506913198083"
-      // }
-      ]
+        "id": "346807506913198081" // {
+        //   "label": "photo_caption",
+        //   "score": 0.99,
+        //   "box": {
+        //     "X1": 0.80248857,
+        //     "X2": 0.95999366,
+        //     "Y1": 0.32127157,
+        //     "Y2": 0.34381694
+        //   },
+        //   "text": "[{\"label\":\"photo_caption\",\"text\":\"Protest z února v Indii proti konání ZOH v Pekingu\"}]",
+        //   "groupId": "6",
+        //   "id": "346807506913198082"
+        // },
+        // {
+        //   "label": "author",
+        //   "score": 0.99,
+        //   "box": {
+        //     "X1": 0.9584186,
+        //     "X2": 0.9733816,
+        //     "Y1": 0.51628906,
+        //     "Y2": 0.53319806
+        //   },
+        //   "text": "[{\"label\":\"author\",\"text\":\"PUR\"}]",
+        //   "groupId": "6",
+        //   "id": "346807506913198083"
+        // }
+
+      }]
     }, {
       "modelFamily": "metadata-engine",
       "name": "metadata-engine",

package/Annotator/examplePhotos_repr.js

@@ -710,34 +710,34 @@ var examplePhotos = [{
         },
         "text": "[{\"label\":\"photo_caption\",\"text\":\"Protest n z února v Indii,\\n\\tpred proti v Pekingu.\"}]",
         "groupId": "6",
-        "id": "346807506913198081"
-      } // {
-      //   "label": "photo_caption",
-      //   "score": 0.99,
-      //   "box": {
-      //     "X1": 0.80248857,
-      //     "X2": 0.95999366,
-      //     "Y1": 0.32127157,
-      //     "Y2": 0.34381694
-      //   },
-      //   "text": "[{\"label\":\"photo_caption\",\"text\":\"Protest z února v Indii proti konání ZOH v Pekingu\"}]",
-      //   "groupId": "6",
-      //   "id": "346807506913198082"
-      // },
-      // {
-      //   "label": "author",
-      //   "score": 0.99,
-      //   "box": {
-      //     "X1": 0.9584186,
-      //     "X2": 0.9733816,
-      //     "Y1": 0.51628906,
-      //     "Y2": 0.53319806
-      //   },
-      //   "text": "[{\"label\":\"author\",\"text\":\"PUR\"}]",
-      //   "groupId": "6",
-      //   "id": "346807506913198083"
-      // }
-      ]
+        "id": "346807506913198081" // {
+        //   "label": "photo_caption",
+        //   "score": 0.99,
+        //   "box": {
+        //     "X1": 0.80248857,
+        //     "X2": 0.95999366,
+        //     "Y1": 0.32127157,
+        //     "Y2": 0.34381694
+        //   },
+        //   "text": "[{\"label\":\"photo_caption\",\"text\":\"Protest z února v Indii proti konání ZOH v Pekingu\"}]",
+        //   "groupId": "6",
+        //   "id": "346807506913198082"
+        // },
+        // {
+        //   "label": "author",
+        //   "score": 0.99,
+        //   "box": {
+        //     "X1": 0.9584186,
+        //     "X2": 0.9733816,
+        //     "Y1": 0.51628906,
+        //     "Y2": 0.53319806
+        //   },
+        //   "text": "[{\"label\":\"author\",\"text\":\"PUR\"}]",
+        //   "groupId": "6",
+        //   "id": "346807506913198083"
+        // }
+
+      }]
     }, {
       "modelFamily": "metadata-engine",
       "name": "metadata-engine",

package/Annotator/index.js

@@ -218,9 +218,13 @@ export var Annotator = function Annotator(_ref) {
   useEffect(function () {
     if (state.toSaveImage !== null) {
       // metadata on album level
-      var saveHandler = /*#__PURE__*/function () {
-        var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(image, triggerRecalc, albumMetadata) {
-          var _yield$save, lockedUntil;
+      var saveHandler =
+      /*#__PURE__*/
+      function () {
+        var _ref3 = _asyncToGenerator(
+        /*#__PURE__*/
+        _regeneratorRuntime.mark(function _callee(image, triggerRecalc, albumMetadata) {
+          var _ref4, lockedUntil;
 
           return _regeneratorRuntime.wrap(function _callee$(_context) {
             while (1) {
@@ -239,8 +243,8 @@ export var Annotator = function Annotator(_ref) {
                   });
 
                 case 4:
-                  _yield$save = _context.sent;
-                  lockedUntil = _yield$save.lockedUntil;
+                  _ref4 = _context.sent;
+                  lockedUntil = _ref4.lockedUntil;
                   dispatchToReducer({
                     type: "IMAGE_UPDATE_SUCCESS",
                     imageId: image.id,
@@ -288,9 +292,11 @@ export var Annotator = function Annotator(_ref) {
 
 
         function _pollImage() {
-          _pollImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(fetchImage, imageId) {
+          _pollImage = _asyncToGenerator(
+          /*#__PURE__*/
+          _regeneratorRuntime.mark(function _callee2(fetchImage, imageId) {
             var tries,
-                _yield$fetchImage,
+                _ref5,
                 image,
                 _args2 = arguments;
 
@@ -318,8 +324,8 @@ export var Annotator = function Annotator(_ref) {
                     });
 
                   case 6:
-                    _yield$fetchImage = _context2.sent;
-                    image = _yield$fetchImage.image;
+                    _ref5 = _context2.sent;
+                    image = _ref5.image;
 
                     if (image.lockedUntil) {
                       _context2.next = 11;
@@ -372,15 +378,15 @@ export var Annotator = function Annotator(_ref) {
   }, [onImagesChange, selectedImage]);
   if (!images && !videoSrc) return 'Missing required prop "images" or "videoSrc"';
 
-  var _ref4 = state.imagesSavedAt < state.imagesUpdatedAt ? [true, true] : [false, false],
-      _ref5 = _slicedToArray(_ref4, 2),
-      recalcActive = _ref5[0],
-      saveActive = _ref5[1];
+  var _ref6 = state.imagesSavedAt < state.imagesUpdatedAt ? [true, true] : [false, false],
+      _ref7 = _slicedToArray(_ref6, 2),
+      recalcActive = _ref7[0],
+      saveActive = _ref7[1];
 
-  return /*#__PURE__*/React.createElement(SettingsProvider, {
+  return React.createElement(SettingsProvider, {
     clsColors: clsColors,
     groupColors: groupColors
-  }, /*#__PURE__*/React.createElement(MainLayout, {
+  }, React.createElement(MainLayout, {
     RegionEditLabel: RegionEditLabel,
     alwaysShowNextButton: Boolean(onNextImage),
     alwaysShowPrevButton: Boolean(onPrevImage),

package/Annotator/index.story_bugdemo_15_1.js

@@ -25,7 +25,7 @@ var middlewares = [function (store) {
   };
 }];
 storiesOf("Annotator", module).add("Basic", function () {
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     middlewares: middlewares,
     labelImages: true,
@@ -65,16 +65,16 @@ storiesOf("Annotator", module).add("Basic", function () {
       selectedGroupId: null
     });
   }) : photosToImages([examplePhotos[0]]);
-  return /*#__PURE__*/React.createElement(HotKeys, {
+  return React.createElement(HotKeys, {
     keyMap: defaultKeyMap
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", null, React.createElement("div", {
     style: {
       padding: "10px",
       backgroundColor: "#fff3cd",
       marginBottom: "10px",
       border: "1px solid #ffc107"
     }
-  }, /*#__PURE__*/React.createElement("strong", null, "\u26A0\uFE0F Bug Reproduction Test:"), /*#__PURE__*/React.createElement("br", null), "Images have regions with ", /*#__PURE__*/React.createElement("code", null, "groupId=\"0\""), ", but ", /*#__PURE__*/React.createElement("code", null, "selectedGroupId"), " may be null.", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("strong", null, "To see the bug:"), " Toggle \"Edit mode\" ON. If text disappears, the bug is present.", /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("strong", null, "Expected after fix:"), " Text should remain visible because MainLayout now shows all blocks when selectedGroupId is null."), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Annotator, {
+  }, React.createElement("strong", null, "\u26A0\uFE0F Bug Reproduction Test:"), React.createElement("br", null), "Images have regions with ", React.createElement("code", null, "groupId=\"0\""), ", but ", React.createElement("code", null, "selectedGroupId"), " may be null.", React.createElement("br", null), React.createElement("strong", null, "To see the bug:"), " Toggle \"Edit mode\" ON. If text disappears, the bug is present.", React.createElement("br", null), React.createElement("strong", null, "Expected after fix:"), " Text should remain visible because MainLayout now shows all blocks when selectedGroupId is null."), React.createElement("div", null, React.createElement(Annotator, {
     middlewares: middlewares,
     labelImages: true,
     regionClsList: ["author", "appendix", "photo_author", "photo_caption", "advertisement", "other_graphics", "unknown", "title", "about_author", "image", "subtitle", "interview", "table", "text", "continuation_ref", "cover_clip", "page_id", "continuation_mark", "follow_up_mark", "article_termination_mark", "page_splitting_stripe", "column_id_stripe", "prev_page_reference", "section_subcategory"],
@@ -189,8 +189,12 @@ storiesOf("Annotator", module).add("Basic", function () {
     onExit: function onExit(s) {
       return console.log('[onExit] triggered:', s);
     },
-    save: /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+    save:
+    /*#__PURE__*/
+    function () {
+      var _ref2 = _asyncToGenerator(
+      /*#__PURE__*/
+      _regeneratorRuntime.mark(function _callee(_ref) {
         var image, triggerRecalc, albumMetadata;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -226,8 +230,12 @@ storiesOf("Annotator", module).add("Basic", function () {
         return _ref2.apply(this, arguments);
       };
     }(),
-    fetchImage: /*#__PURE__*/function () {
-      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref3) {
+    fetchImage:
+    /*#__PURE__*/
+    function () {
+      var _ref4 = _asyncToGenerator(
+      /*#__PURE__*/
+      _regeneratorRuntime.mark(function _callee2(_ref3) {
         var imageId;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
@@ -241,9 +249,6 @@ storiesOf("Annotator", module).add("Basic", function () {
                     //   image: { ...exampleImages[0], lockedUntil: new Date().toISOString(), id: imageId }
                     // })
 
-                    // resolve({
-                    //   image: { ...exampleImages[0], lockedUntil: new Date().toISOString(), id: imageId }
-                    // })
                     resolve({
                       image: _objectSpread({}, exampleImages[0], {
                         lockedUntil: null,
@@ -267,7 +272,7 @@ storiesOf("Annotator", module).add("Basic", function () {
     }()
   }))));
 }).add("Basic - Allow Comments", function () {
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     middlewares: middlewares,
     labelImages: true,
@@ -292,12 +297,12 @@ storiesOf("Annotator", module).add("Basic", function () {
     allowComments: true
   });
 }).add("Fixed Size Container", function () {
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     style: {
       width: 500,
       height: 500
     }
-  }, /*#__PURE__*/React.createElement(Annotator, {
+  }, React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     middlewares: [function (store) {
       return function (next) {
@@ -328,11 +333,11 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   }));
 }).add("Shrunk Annotator (Test Fullscreen)", function () {
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     style: {
       padding: 100
     }
-  }, /*#__PURE__*/React.createElement(Annotator, {
+  }, React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     regionClsList: ["Alpha", "Beta", "Charlie", "Delta"],
     regionTagList: ["tag1", "tag2", "tag3"],
@@ -351,7 +356,7 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   }));
 }).add("Annotator w/o No Region Labels or Image Labels", function () {
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     middlewares: middlewares,
     images: [{
@@ -361,7 +366,7 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   });
 }).add("Annotator with no enabled tools", function () {
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     enabledTools: [],
     showTags: false,
@@ -373,7 +378,7 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   });
 }).add("Bounding Box Annotator with output to console.log", function () {
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     onExit: function onExit(out) {
       window.lastOutput = out;
       console.log(out);
@@ -394,7 +399,7 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   });
 }).add("Bounding Box Annotator with allowed area", function () {
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     taskDescription: "## Annotate Hands\nDraw a bounding box around each hand.",
     enabledTools: ["select", "create-box"],
     regionClsList: ["Hand", "Face"],
@@ -413,7 +418,7 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   });
 }).add("Car Annotation", function () {
-  return /*#__PURE__*/React.createElement(Annotator, _defineProperty({
+  return React.createElement(Annotator, _defineProperty({
     onExit: actionAddon("onExit"),
     middlewares: middlewares,
     labelImages: true,
@@ -552,11 +557,11 @@ storiesOf("Annotator", module).add("Basic", function () {
     console.log(JSON.stringify(out.images));
   }));
 }).add("Annotator blocks scroll from propagating", function () {
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     style: {
       height: "200vh"
     }
-  }, /*#__PURE__*/React.createElement(Annotator, {
+  }, React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     showTags: false,
     middlewares: [function (store) {
@@ -572,20 +577,20 @@ storiesOf("Annotator", module).add("Basic", function () {
       name: "Seve's Desk",
       regions: testRegions
     }]
-  }), /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", {
     style: {
       color: "red"
     }
   }, "You shouldn't be able to see this"));
 }).add("Annotator should not expand beyond parent", function () {
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     style: {
       width: "100vw",
       height: "100vh",
       padding: 100,
       boxSizing: "border-box"
     }
-  }, /*#__PURE__*/React.createElement(Annotator, {
+  }, React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     showTags: false,
     middlewares: [function (store) {
@@ -603,13 +608,13 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   }));
 }).add("Video with frames as each image", function () {
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     style: {
       width: "100vw",
       height: "100vh",
       boxSizing: "border-box"
     }
-  }, /*#__PURE__*/React.createElement(Annotator, {
+  }, React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     showTags: false,
     middlewares: [function (store) {
@@ -631,13 +636,13 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   }));
 }).add("Keyframe video", function () {
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     style: {
       width: "100vw",
       height: "100vh",
       boxSizing: "border-box"
     }
-  }, /*#__PURE__*/React.createElement(Annotator, {
+  }, React.createElement(Annotator, {
     onExit: function onExit() {
       var _console;
 
@@ -701,7 +706,7 @@ storiesOf("Annotator", module).add("Basic", function () {
       selectedImageIndex = _useState2[0],
       changeSelectedImageIndex = _useState2[1];
 
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     onNextImage: function onNextImage() {
       actionAddon("onNextImage")();
@@ -736,32 +741,32 @@ storiesOf("Annotator", module).add("Basic", function () {
         onChange = _ref5.onChange,
         onClose = _ref5.onClose,
         onOpen = _ref5.onOpen;
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       style: {
         backgroundColor: "white"
       }
-    }, "I'm the closed part", /*#__PURE__*/React.createElement("div", {
+    }, "I'm the closed part", React.createElement("div", {
       style: {
         display: editing ? "block" : "none"
       }
-    }, "I'm the part that shows when it's being edited!", /*#__PURE__*/React.createElement("button", {
+    }, "I'm the part that shows when it's being edited!", React.createElement("button", {
       onClick: function onClick() {
         return onDelete(region);
       }
-    }, "Delete This Region"), /*#__PURE__*/React.createElement("button", {
+    }, "Delete This Region"), React.createElement("button", {
       onClick: function onClick() {
         return onChange(_objectSpread({}, region, {
           cls: "awesome-value"
         }));
       }
-    }, "Set Classification to \"awesome-value\""), /*#__PURE__*/React.createElement("button", {
+    }, "Set Classification to \"awesome-value\""), React.createElement("button", {
       onClick: function onClick() {
         return onClose(region);
       }
     }, "Close the edit mode")));
   };
 
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     labelImages: true,
     selectedImage: images[0],
@@ -778,13 +783,13 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   });
 }).add("Two on sample page w/ hotkeys", function () {
-  return /*#__PURE__*/React.createElement(HotKeys, {
+  return React.createElement(HotKeys, {
     keyMap: defaultKeyMap
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", null, React.createElement("div", {
     style: {
       height: 600
     }
-  }, /*#__PURE__*/React.createElement(Annotator, {
+  }, React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     regionClsList: ["Alpha", "Beta", "Charlie", "Delta"],
     imageClsList: ["Alpha", "Beta", "Charlie", "Delta"],
@@ -801,11 +806,11 @@ storiesOf("Annotator", module).add("Basic", function () {
       name: "Seve's Desk",
       regions: testRegions
     }]
-  })), /*#__PURE__*/React.createElement("div", {
+  })), React.createElement("div", {
     style: {
       height: 600
     }
-  }, /*#__PURE__*/React.createElement(Annotator, {
+  }, React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     middlewares: [function (store) {
       return function (next) {
@@ -822,7 +827,7 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   }))));
 }).add("CORs Error (Pixel Segmentation)", function () {
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     middlewares: middlewares,
     labelImages: true,
@@ -834,7 +839,7 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   });
 }).add("Modify Allowed Area", function () {
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     middlewares: middlewares,
     labelImages: true,
@@ -853,7 +858,7 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   });
 }).add("Hide Next, Hide Header Text", function () {
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     labelImages: true,
     hideNext: true,
@@ -867,7 +872,7 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   });
 }).add("Hide Header", function () {
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     onExit: actionAddon("onExit"),
     labelImages: true,
     hideHeader: true,