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

package/Annotator/index.story_repr.js

@@ -24,7 +24,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,
@@ -48,9 +48,9 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   });
 }).add("Basic with onImagesChange", function () {
-  return /*#__PURE__*/React.createElement(HotKeys, {
+  return React.createElement(HotKeys, {
     keyMap: defaultKeyMap
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Annotator, {
+  }, React.createElement("div", 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"],
@@ -164,8 +164,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) {
@@ -201,8 +205,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) {
@@ -216,9 +224,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,
@@ -287,9 +292,9 @@ storiesOf("Annotator", module).add("Basic", function () {
     return children;
   };
 
-  return /*#__PURE__*/React.createElement(HotKeys, {
+  return React.createElement(HotKeys, {
     keyMap: defaultKeyMap
-  }, /*#__PURE__*/React.createElement(EnableBuggyMetadataInputMode, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Annotator, {
+  }, React.createElement(EnableBuggyMetadataInputMode, null, React.createElement("div", 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"],
@@ -388,8 +393,12 @@ storiesOf("Annotator", module).add("Basic", function () {
     onExit: function onExit(s) {
       return console.log("[onExit] triggered:", s);
     },
-    save: /*#__PURE__*/function () {
-      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(_ref6) {
+    save:
+    /*#__PURE__*/
+    function () {
+      var _ref7 = _asyncToGenerator(
+      /*#__PURE__*/
+      _regeneratorRuntime.mark(function _callee3(_ref6) {
         var image, triggerRecalc, albumMetadata;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
@@ -425,8 +434,12 @@ storiesOf("Annotator", module).add("Basic", function () {
         return _ref7.apply(this, arguments);
       };
     }(),
-    fetchImage: /*#__PURE__*/function () {
-      var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(_ref8) {
+    fetchImage:
+    /*#__PURE__*/
+    function () {
+      var _ref9 = _asyncToGenerator(
+      /*#__PURE__*/
+      _regeneratorRuntime.mark(function _callee4(_ref8) {
         var imageId;
         return _regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) {
@@ -460,7 +473,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,
@@ -485,12 +498,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) {
@@ -521,11 +534,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"],
@@ -544,7 +557,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: [{
@@ -554,7 +567,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,
@@ -566,7 +579,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);
@@ -587,7 +600,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"],
@@ -606,7 +619,7 @@ storiesOf("Annotator", module).add("Basic", function () {
     }]
   });
 }).add("Car Annotation", function () {
-  return /*#__PURE__*/React.createElement(Annotator, {
+  return React.createElement(Annotator, {
     middlewares: middlewares,
     labelImages: true,
     regionClsList: ["Car", "Sign", "Construction Barrier"],
@@ -745,11 +758,11 @@ storiesOf("Annotator", module).add("Basic", function () {
     }
   });
 }).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) {
@@ -765,20 +778,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) {
@@ -796,13 +809,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) {
@@ -824,13 +837,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;
 
@@ -894,7 +907,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")();
@@ -929,32 +942,32 @@ storiesOf("Annotator", module).add("Basic", function () {
         onChange = _ref10.onChange,
         onClose = _ref10.onClose,
         onOpen = _ref10.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],
@@ -971,13 +984,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"],
@@ -994,11 +1007,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) {
@@ -1015,7 +1028,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,
@@ -1027,7 +1040,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,
@@ -1046,7 +1059,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,
@@ -1060,7 +1073,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,

package/Annotator/reducers/combine-reducers.js

@@ -1,27 +1,12 @@
-function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-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(n); 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; }
-
 export default (function () {
   for (var _len = arguments.length, reducers = new Array(_len), _key = 0; _key < _len; _key++) {
     reducers[_key] = arguments[_key];
   }
 
   return function (state, action) {
-    var _iterator = _createForOfIteratorHelper(reducers),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var reducer = _step.value;
-        state = reducer(state, action);
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
+    for (var _i = 0, _reducers = reducers; _i < _reducers.length; _i++) {
+      var reducer = _reducers[_i];
+      state = reducer(state, action);
     }
 
     return state;

package/Annotator/reducers/convert-expanding-line-to-polygon.js

@@ -54,19 +54,20 @@ export default (function (expandingLine) {
     open: false,
     points: newPoints,
     unfinished: undefined,
-    candidatePoint: undefined
-  }); // let { expandingWidth = 0.005, points } = region
-  // expandingWidth = points.slice(-1)[0].width || expandingWidth
-  // const lastPoint = points.slice(-1)[0]
-  // return (
-  //   <>
-  //     <polygon
-  //       points={
-  //         .map((p) => `${p.x * iw} ${p.y * ih}`)
-  //         .join(" ")}
-  // return {
-  //   ...expandingLine,
-  //   unfinished: undefined,
-  //   candidatePoint: undefined,
-  // }
+    candidatePoint: undefined // let { expandingWidth = 0.005, points } = region
+    // expandingWidth = points.slice(-1)[0].width || expandingWidth
+    // const lastPoint = points.slice(-1)[0]
+    // return (
+    //   <>
+    //     <polygon
+    //       points={
+    //         .map((p) => `${p.x * iw} ${p.y * ih}`)
+    //         .join(" ")}
+    // return {
+    //   ...expandingLine,
+    //   unfinished: undefined,
+    //   candidatePoint: undefined,
+    // }
+
+  });
 });

package/Annotator/reducers/get-implied-video-regions.js

@@ -1,12 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread";
-
-function _createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var it, normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-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(n); 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; }
-
 var emptyArr = [];
 export default (function (keyframes, time) {
   if (keyframes[time || 0]) {
@@ -39,33 +32,52 @@ export default (function (keyframes, time) {
   var nextKeyframe = keyframes[t2];
   var prevRegionMap = {},
       nextRegionMap = {};
-
-  var _iterator = _createForOfIteratorHelper(prevKeyframe.regions),
-      _step;
+  var _iteratorNormalCompletion = true;
+  var _didIteratorError = false;
+  var _iteratorError = undefined;
 
   try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+    for (var _iterator = prevKeyframe.regions[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
       var region = _step.value;
       prevRegionMap[region.id] = region;
     }
   } catch (err) {
-    _iterator.e(err);
+    _didIteratorError = true;
+    _iteratorError = err;
   } finally {
-    _iterator.f();
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
   }
 
-  var _iterator2 = _createForOfIteratorHelper(nextKeyframe.regions),
-      _step2;
+  var _iteratorNormalCompletion2 = true;
+  var _didIteratorError2 = false;
+  var _iteratorError2 = undefined;
 
   try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+    for (var _iterator2 = nextKeyframe.regions[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
       var _region = _step2.value;
       nextRegionMap[_region.id] = _region;
     }
   } catch (err) {
-    _iterator2.e(err);
+    _didIteratorError2 = true;
+    _iteratorError2 = err;
   } finally {
-    _iterator2.f();
+    try {
+      if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+        _iterator2.return();
+      }
+    } finally {
+      if (_didIteratorError2) {
+        throw _iteratorError2;
+      }
+    }
   }
 
   var impliedRegions = []; // Weighted time coefficients for linear transition

package/ClassSelectionMenu/index.js

@@ -100,19 +100,19 @@ export var ClassSelectionMenu = function ClassSelectionMenu(_ref6) {
       return window.removeEventListener("keydown", onKeyDown);
     };
   }, [regionClsList, selectedCls]);
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
+  }, React.createElement(SidebarBoxContainer, {
     title: "Classifications",
     subTitle: "",
-    icon: /*#__PURE__*/React.createElement(BallotIcon, {
+    icon: React.createElement(BallotIcon, {
       style: {
         color: muiColors.grey[700]
       }
     }),
     expandedByDefault: true
   }, regionClsList.map(function (label, index) {
-    return /*#__PURE__*/React.createElement(LabelContainer, {
+    return React.createElement(LabelContainer, {
       key: label,
       className: classnames({
         selected: label === selectedCls
@@ -120,20 +120,20 @@ export var ClassSelectionMenu = function ClassSelectionMenu(_ref6) {
       onClick: function onClick() {
         return onSelectCls(label);
       }
-    }, /*#__PURE__*/React.createElement(Circle, {
+    }, React.createElement(Circle, {
       style: {
         backgroundColor: clsColor(label)
       }
-    }), /*#__PURE__*/React.createElement(Label, {
+    }), React.createElement(Label, {
       className: classnames({
         selected: label === selectedCls
       })
-    }, capitalize(label)), /*#__PURE__*/React.createElement(DashSep, null), /*#__PURE__*/React.createElement(Number, {
+    }, capitalize(label)), React.createElement(DashSep, null), React.createElement(Number, {
       className: classnames({
         selected: label === selectedCls
       })
     }, index < 9 ? "Key [".concat(index + 1, "]") : ""));
-  }), /*#__PURE__*/React.createElement(Box, {
+  }), React.createElement(Box, {
     pb: 2
   })));
 };

package/Crosshairs/index.js

@@ -26,7 +26,7 @@ export var Crosshairs = function Crosshairs(_ref) {
       return clearInterval(interval);
     };
   });
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return React.createElement(Fragment, null, React.createElement("div", {
     style: {
       position: "absolute",
       height: "100%",
@@ -37,7 +37,7 @@ export var Crosshairs = function Crosshairs(_ref) {
       pointerEvents: "none",
       top: 0
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", {
     style: {
       position: "absolute",
       width: "100%",

package/DebugSidebarBox/index.js

@@ -7,14 +7,14 @@ export var DebugSidebarBox = function DebugSidebarBox(_ref) {
   var region = image ? (image.regions || []).filter(function (r) {
     return r.highlighted;
   }) : null;
-  return /*#__PURE__*/React.createElement(SidebarBoxContainer, {
+  return React.createElement(SidebarBoxContainer, {
     title: "Debug",
-    icon: /*#__PURE__*/React.createElement("span", null),
+    icon: React.createElement("span", null),
     expandedByDefault: true
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     style: {
       padding: 4
     }
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "region"), ":"), /*#__PURE__*/React.createElement("pre", null, JSON.stringify(region, null, "  ")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "lastAction"), ":"), /*#__PURE__*/React.createElement("pre", null, JSON.stringify(lastAction, null, "  ")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "mode"), ":"), /*#__PURE__*/React.createElement("pre", null, JSON.stringify(state.mode, null, "  ")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "frame:")), /*#__PURE__*/React.createElement("pre", null, JSON.stringify(state.selectedImageFrameTime, null, "  "))));
+  }, React.createElement("div", null, React.createElement("b", null, "region"), ":"), React.createElement("pre", null, JSON.stringify(region, null, "  ")), React.createElement("div", null, React.createElement("b", null, "lastAction"), ":"), React.createElement("pre", null, JSON.stringify(lastAction, null, "  ")), React.createElement("div", null, React.createElement("b", null, "mode"), ":"), React.createElement("pre", null, JSON.stringify(state.mode, null, "  ")), React.createElement("div", null, React.createElement("b", null, "frame:")), React.createElement("pre", null, JSON.stringify(state.selectedImageFrameTime, null, "  "))));
 };
 export default DebugSidebarBox;