@searpent/react-image-annotate 2.0.79 → 2.0.82-cand

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

package/Annotator/reducers/combine-reducers.js

@@ -1,12 +1,27 @@
+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) {
-    for (var _i = 0, _reducers = reducers; _i < _reducers.length; _i++) {
-      var reducer = _reducers[_i];
-      state = reducer(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();
     }
 
     return state;

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

@@ -54,20 +54,19 @@ 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/general-reducer.js

@@ -677,8 +677,10 @@ export default (function (state, action) {
                 return r.highlighted === true;
               })) === null || _state4$images$state$3 === void 0 ? void 0 : _state4$images$state$3.groupId;
               var groupSelected = true;
+              var isNewRegion = false;
 
               if (groupId === undefined) {
+                isNewRegion = true;
                 groupId = nextGroupId();
                 groupSelected = false;
               }
@@ -698,6 +700,40 @@ export default (function (state, action) {
                 groupHighlighted: true,
                 groupId: groupId
               };
+
+              if (isNewRegion) {
+                var _state5;
+
+                var selectedImageIdx = state.selectedImage;
+                var metadataTextValue = (_state5 = state) === null || _state5 === void 0 ? void 0 : _state5.metadataConfigs.filter(function (metadataConfig) {
+                  return metadataConfig.level === "photo_metadata-engine";
+                }).map(function (metadataConfig) {
+                  return {
+                    key: metadataConfig.key,
+                    value: "",
+                    metadataId: getRandomId()
+                  };
+                });
+                var newRegionMetadata = {
+                  cls: "metadata",
+                  editingLabels: false,
+                  groupHighlighted: false,
+                  groupId: groupId,
+                  x: 0,
+                  y: 0,
+                  w: 1,
+                  h: 1,
+                  highlighted: false,
+                  id: getRandomId(),
+                  text: JSON.stringify(metadataTextValue),
+                  type: "box",
+                  undefined: false,
+                  visible: false
+                };
+                state = addSaveableAction(state, "ADD_METADATA");
+                state = setIn(state, ["images", selectedImageIdx, "regions"], [].concat(_toConsumableArray(state.images[selectedImageIdx].regions), [newRegionMetadata]));
+              }
+
               state = setIn(state, ["mode"], {
                 mode: "RESIZE_BOX",
                 editLabelEditorAfter: !groupSelected,
@@ -837,12 +873,12 @@ export default (function (state, action) {
         var _x2 = action.x,
             _y2 = action.y;
 
-        var _state5 = state,
-            _state5$mouseDownAt = _state5.mouseDownAt,
-            _mouseDownAt2 = _state5$mouseDownAt === void 0 ? {
+        var _state6 = state,
+            _state6$mouseDownAt = _state6.mouseDownAt,
+            _mouseDownAt2 = _state6$mouseDownAt === void 0 ? {
           x: _x2,
           y: _y2
-        } : _state5$mouseDownAt;
+        } : _state6$mouseDownAt;
 
         if (!state.mode) return state;
         state = setIn(state, ["mouseDownAt"], null);
@@ -1089,8 +1125,8 @@ export default (function (state, action) {
 
     case "CANCEL":
       {
-        var _state6 = state,
-            mode = _state6.mode;
+        var _state7 = state,
+            mode = _state7.mode;
 
         if (mode) {
           switch (mode.mode) {

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

@@ -1,5 +1,12 @@
 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]) {
@@ -32,52 +39,33 @@ export default (function (keyframes, time) {
   var nextKeyframe = keyframes[t2];
   var prevRegionMap = {},
       nextRegionMap = {};
-  var _iteratorNormalCompletion = true;
-  var _didIteratorError = false;
-  var _iteratorError = undefined;
+
+  var _iterator = _createForOfIteratorHelper(prevKeyframe.regions),
+      _step;
 
   try {
-    for (var _iterator = prevKeyframe.regions[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var region = _step.value;
       prevRegionMap[region.id] = region;
     }
   } catch (err) {
-    _didIteratorError = true;
-    _iteratorError = err;
+    _iterator.e(err);
   } finally {
-    try {
-      if (!_iteratorNormalCompletion && _iterator.return != null) {
-        _iterator.return();
-      }
-    } finally {
-      if (_didIteratorError) {
-        throw _iteratorError;
-      }
-    }
+    _iterator.f();
   }
 
-  var _iteratorNormalCompletion2 = true;
-  var _didIteratorError2 = false;
-  var _iteratorError2 = undefined;
+  var _iterator2 = _createForOfIteratorHelper(nextKeyframe.regions),
+      _step2;
 
   try {
-    for (var _iterator2 = nextKeyframe.regions[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
       var _region = _step2.value;
       nextRegionMap[_region.id] = _region;
     }
   } catch (err) {
-    _didIteratorError2 = true;
-    _iteratorError2 = err;
+    _iterator2.e(err);
   } finally {
-    try {
-      if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
-        _iterator2.return();
-      }
-    } finally {
-      if (_didIteratorError2) {
-        throw _iteratorError2;
-      }
-    }
+    _iterator2.f();
   }
 
   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 React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(SidebarBoxContainer, {
+  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
     title: "Classifications",
     subTitle: "",
-    icon: React.createElement(BallotIcon, {
+    icon: /*#__PURE__*/React.createElement(BallotIcon, {
       style: {
         color: muiColors.grey[700]
       }
     }),
     expandedByDefault: true
   }, regionClsList.map(function (label, index) {
-    return React.createElement(LabelContainer, {
+    return /*#__PURE__*/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);
       }
-    }, React.createElement(Circle, {
+    }, /*#__PURE__*/React.createElement(Circle, {
       style: {
         backgroundColor: clsColor(label)
       }
-    }), React.createElement(Label, {
+    }), /*#__PURE__*/React.createElement(Label, {
       className: classnames({
         selected: label === selectedCls
       })
-    }, capitalize(label)), React.createElement(DashSep, null), React.createElement(Number, {
+    }, capitalize(label)), /*#__PURE__*/React.createElement(DashSep, null), /*#__PURE__*/React.createElement(Number, {
       className: classnames({
         selected: label === selectedCls
       })
     }, index < 9 ? "Key [".concat(index + 1, "]") : ""));
-  }), React.createElement(Box, {
+  }), /*#__PURE__*/React.createElement(Box, {
     pb: 2
   })));
 };

package/Crosshairs/index.js

@@ -26,7 +26,7 @@ export var Crosshairs = function Crosshairs(_ref) {
       return clearInterval(interval);
     };
   });
-  return React.createElement(Fragment, null, React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     style: {
       position: "absolute",
       height: "100%",
@@ -37,7 +37,7 @@ export var Crosshairs = function Crosshairs(_ref) {
       pointerEvents: "none",
       top: 0
     }
-  }), React.createElement("div", {
+  }), /*#__PURE__*/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 React.createElement(SidebarBoxContainer, {
+  return /*#__PURE__*/React.createElement(SidebarBoxContainer, {
     title: "Debug",
-    icon: React.createElement("span", null),
+    icon: /*#__PURE__*/React.createElement("span", null),
     expandedByDefault: true
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       padding: 4
     }
-  }, 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, "  "))));
+  }, /*#__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, "  "))));
 };
 export default DebugSidebarBox;

package/DemoSite/Editor.js

@@ -105,19 +105,19 @@ var Editor = function Editor(_ref) {
       currentJSONValue = _useState8[0],
       changeCurrentJSONValue = _useState8[1];
 
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement("div", null, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: c.editBar
-  }, React.createElement("h3", null, "React Image Annotate"), React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("h3", null, "React Image Annotate"), /*#__PURE__*/React.createElement("div", {
     style: {
       flexGrow: 1
     }
-  }), React.createElement("div", null, React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "inline-flex"
     }
-  }, React.createElement(Select, {
+  }, /*#__PURE__*/React.createElement(Select, {
     className: c.select,
     value: {
       label: selectedExample,
@@ -133,27 +133,27 @@ var Editor = function Editor(_ref) {
       changeSelectedExample(selectedOption.value);
       changeCurrentJSONValue(JSON.stringify(selectedOption.value === "Custom" ? loadSavedInput() : examples[selectedOption.value](), null, "  "));
     }
-  })), React.createElement(Button, {
+  })), /*#__PURE__*/React.createElement(Button, {
     className: "button",
     disabled: !lastOutput,
     onClick: function onClick() {
       return changeOutputOpen(true);
     }
-  }, "View Output"), React.createElement(Button, {
+  }, "View Output"), /*#__PURE__*/React.createElement(Button, {
     className: "button",
     variant: "outlined",
     disabled: Boolean(currentError),
     onClick: function onClick() {
       onOpenAnnotator(selectedExample === "Custom" ? loadSavedInput() : examples[selectedExample]);
     }
-  }, "Open Annotator"))), React.createElement("div", {
+  }, "Open Annotator"))), /*#__PURE__*/React.createElement("div", {
     className: c.contentArea,
     style: currentError ? {
       border: "2px solid #f00"
     } : {
       border: "2px solid #fff"
     }
-  }, React.createElement("div", null, React.createElement(MonacoEditor, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MonacoEditor, {
     value: currentJSONValue,
     language: "javascript",
     onChange: function onChange(code) {
@@ -168,23 +168,23 @@ var Editor = function Editor(_ref) {
     },
     width: "100%",
     height: "550px"
-  }))), React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: c.specificationArea
-  }, React.createElement("h2", null, "React Image Annotate Format"), React.createElement(Code, {
+  }, /*#__PURE__*/React.createElement("h2", null, "React Image Annotate Format"), /*#__PURE__*/React.createElement(Code, {
     language: "javascript"
-  }, "\n{\n  taskDescription?: string, // markdown\n  regionTagList?: Array<string>,\n  regionClsList?: Array<string>,\n  imageTagList?: Array<string>,\n  imageClsList?: Array<string>,\n  // all tools are enabled by default\n  enabledTools?: Array< \"select\" | \"create-point\" | \"create-box\" | \"create-polygon\" | \"create-line\">,\n  selectedImage?: string, // initial selected image\n  images: Array<{\n    src: string,\n    thumbnailSrc?: string, // use this if you are using high-res images\n    name: string,\n    regions?: Array<{\n      id: string | number,\n      cls?: string,\n      color?: string,\n      tags?: Array<string>,\n\n      // Point\n      type: \"point\",\n      x: number, // [0-1] % of image width\n      y: number, // [0-1] % of image height\n\n      // Bounding Box\n      type: \"box\",\n      x: number, // [0-1] % of image width\n      y: number, // [0-1] % of image height\n      w: number, // [0-1] % of image width\n      h: number, // [0-1] % of image height\n\n      // Polygon\n      type: \"polygon\",\n      open?: boolean, // should last and first points be connected, default: true\n      points: Array<[number, number]> // [0-1] % of image width/height\n    }>\n  }>,\n}\n")), React.createElement(Dialog, {
+  }, "\n{\n  taskDescription?: string, // markdown\n  regionTagList?: Array<string>,\n  regionClsList?: Array<string>,\n  imageTagList?: Array<string>,\n  imageClsList?: Array<string>,\n  // all tools are enabled by default\n  enabledTools?: Array< \"select\" | \"create-point\" | \"create-box\" | \"create-polygon\" | \"create-line\">,\n  selectedImage?: string, // initial selected image\n  images: Array<{\n    src: string,\n    thumbnailSrc?: string, // use this if you are using high-res images\n    name: string,\n    regions?: Array<{\n      id: string | number,\n      cls?: string,\n      color?: string,\n      tags?: Array<string>,\n\n      // Point\n      type: \"point\",\n      x: number, // [0-1] % of image width\n      y: number, // [0-1] % of image height\n\n      // Bounding Box\n      type: \"box\",\n      x: number, // [0-1] % of image width\n      y: number, // [0-1] % of image height\n      w: number, // [0-1] % of image width\n      h: number, // [0-1] % of image height\n\n      // Polygon\n      type: \"polygon\",\n      open?: boolean, // should last and first points be connected, default: true\n      points: Array<[number, number]> // [0-1] % of image width/height\n    }>\n  }>,\n}\n")), /*#__PURE__*/React.createElement(Dialog, {
     fullScreen: true,
     open: outputDialogOpen
-  }, React.createElement(DialogTitle, null, "React Image Annotate Output"), React.createElement(DialogContent, {
+  }, /*#__PURE__*/React.createElement(DialogTitle, null, "React Image Annotate Output"), /*#__PURE__*/React.createElement(DialogContent, {
     style: {
       minWidth: 400
     }
-  }, React.createElement(MonacoEditor, {
+  }, /*#__PURE__*/React.createElement(MonacoEditor, {
     value: JSON.stringify(lastOutput, null, "  "),
     language: "javascript",
     width: "100%",
     height: "550px"
-  })), React.createElement(DialogActions, null, React.createElement(Button, {
+  })), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       return changeOutputOpen(false);
     }

package/DemoSite/ErrorBoundaryDialog.js

@@ -10,9 +10,7 @@ import DialogTitle from "@mui/material/DialogTitle";
 import DialogContent from "@mui/material/DialogContent";
 import DialogActions from "@mui/material/DialogActions";
 
-var ErrorBoundaryDialog =
-/*#__PURE__*/
-function (_Component) {
+var ErrorBoundaryDialog = /*#__PURE__*/function (_Component) {
   _inherits(ErrorBoundaryDialog, _Component);
 
   function ErrorBoundaryDialog() {
@@ -46,10 +44,10 @@ function (_Component) {
     key: "render",
     value: function render() {
       if (this.state.hasError) {
-        return React.createElement(Dialog, {
+        return /*#__PURE__*/React.createElement(Dialog, {
           open: this.state.hasError,
           onClose: this.props.onClose
-        }, React.createElement(DialogTitle, null, "Error Loading Annotator"), React.createElement(DialogContent, null, React.createElement("pre", null, this.state.err)), React.createElement(DialogActions, null, React.createElement(Button, {
+        }, /*#__PURE__*/React.createElement(DialogTitle, null, "Error Loading Annotator"), /*#__PURE__*/React.createElement(DialogContent, null, /*#__PURE__*/React.createElement("pre", null, this.state.err)), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
           onClick: this.props.onClose
         }, "Close")));
       }

package/DemoSite/index.js

@@ -20,17 +20,17 @@ export default (function () {
       lastOutput = _useState6[0],
       changeLastOutput = _useState6[1];
 
-  return React.createElement("div", null, annotatorOpen ? React.createElement(ErrorBoundaryDialog, {
+  return /*#__PURE__*/React.createElement("div", null, annotatorOpen ? /*#__PURE__*/React.createElement(ErrorBoundaryDialog, {
     onClose: function onClose() {
       changeAnnotatorOpen(false);
     }
-  }, React.createElement(Annotator, Object.assign({}, annotatorProps, {
+  }, /*#__PURE__*/React.createElement(Annotator, Object.assign({}, annotatorProps, {
     onExit: function onExit(output) {
       delete output["lastAction"];
       changeLastOutput(output);
       changeAnnotatorOpen(false);
     }
-  }))) : React.createElement(Editor, {
+  }))) : /*#__PURE__*/React.createElement(Editor, {
     lastOutput: lastOutput,
     onOpenAnnotator: function onOpenAnnotator(props) {
       changeAnnotatorProps(props);

package/Editor/annotation-plugin/annotation.js

@@ -23,9 +23,7 @@ function HTMLToWhitespaceCharacters() {
 // ================
 
 
-var Annotation =
-/*#__PURE__*/
-function () {
+var Annotation = /*#__PURE__*/function () {
   /**
    * Render plugin`s main Element and fill it with saved data
    *