@searpent/react-image-annotate 2.0.80 → 2.0.82-cand-2

package/MainLayout/index.js

@@ -53,7 +53,7 @@ var HotkeyDiv = withHotKeys(function (_ref) {
       divRef = _ref.divRef,
       props = _objectWithoutProperties(_ref, ["hotKeys", "children", "divRef"]);
 
-  return React.createElement("div", Object.assign({}, _objectSpread({}, hotKeys, props), {
+  return /*#__PURE__*/React.createElement("div", Object.assign({}, _objectSpread({}, hotKeys, props), {
     ref: divRef
   }), children);
 });
@@ -201,7 +201,7 @@ export var MainLayout = function MainLayout(_ref5) {
   var allowedGroups = useMemo(function () {
     return regionsGroups(state.images[state.selectedImage].regions);
   }, [state.images, state.selectedImage]);
-  var canvas = React.createElement(ImageCanvas, Object.assign({}, settings, {
+  var canvas = /*#__PURE__*/React.createElement(ImageCanvas, Object.assign({}, settings, {
     showCrosshairs: settings.showCrosshairs && !["select", "pan", "zoom"].includes(state.selectedTool),
     key: state.selectedImage,
     showMask: state.showMask,
@@ -330,9 +330,9 @@ export var MainLayout = function MainLayout(_ref5) {
   var selectedFrame = ((_state$images$state$s4 = state.images[state.selectedImage]) === null || _state$images$state$s4 === void 0 ? void 0 : (_state$images$state$s5 = _state$images$state$s4.regions.find(function (i) {
     return i.highlighted === true;
   })) === null || _state$images$state$s5 === void 0 ? void 0 : _state$images$state$s5.id) || '';
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(FullScreenContainer, null, React.createElement(FullScreen, {
+  }, /*#__PURE__*/React.createElement(FullScreenContainer, null, /*#__PURE__*/React.createElement(FullScreen, {
     handle: fullScreenHandle,
     onChange: function onChange(open) {
       if (!open) {
@@ -340,7 +340,7 @@ export var MainLayout = function MainLayout(_ref5) {
         action("HEADER_BUTTON_CLICKED", "buttonName")("Window");
       }
     }
-  }, React.createElement(HotkeyDiv, {
+  }, /*#__PURE__*/React.createElement(HotkeyDiv, {
     tabIndex: -1,
     divRef: innerContainerRef,
     onMouseDown: refocusOnMouseEvent,
@@ -348,18 +348,18 @@ export var MainLayout = function MainLayout(_ref5) {
     allowChanges: true,
     handlers: hotkeyHandlers,
     className: classnames(classes.container, state.fullScreen && "Fullscreen")
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex',
       flexDirection: 'row'
     }
-  }, showPageSelector && React.createElement(PageSelector, {
+  }, showPageSelector && /*#__PURE__*/React.createElement(PageSelector, {
     pages: pages,
     onPageClick: handlePageClick,
     onMetadataChange: onMetadataChange,
     metadataConfigs: state.metadataConfigs || [],
     onRecalcClick: onRecalcClick
-  }), React.createElement(WorkspaceWrapper, null, React.createElement(Workspace, {
+  }), /*#__PURE__*/React.createElement(WorkspaceWrapper, null, /*#__PURE__*/React.createElement(Workspace, {
     style: {
       width: "auto"
     },
@@ -367,12 +367,12 @@ export var MainLayout = function MainLayout(_ref5) {
     iconDictionary: iconDictionary,
     hideHeader: hideHeader,
     hideHeaderText: hideHeaderText,
-    headerLeftSide: [state.annotationType === "video" ? React.createElement(KeyframeTimeline, {
+    headerLeftSide: [state.annotationType === "video" ? /*#__PURE__*/React.createElement(KeyframeTimeline, {
       currentTime: state.currentVideoTime,
       duration: state.videoDuration,
       onChangeCurrentTime: action("CHANGE_VIDEO_TIME", "newTime"),
       keyframes: state.keyframes
-    }) : activeImage ? React.createElement("div", {
+    }) : activeImage ? /*#__PURE__*/React.createElement("div", {
       className: classes.headerTitle
     }, activeImage.name) : null].filter(Boolean),
     headerItems: [!hidePrev && {
@@ -441,29 +441,31 @@ export var MainLayout = function MainLayout(_ref5) {
     }].filter(Boolean).filter(function (a) {
       return a.alwaysShowing || state.enabledTools.includes(a.name);
     }),
-    rightSidebarItems: [React.createElement(RightSidebarItemsWrapper, null, [isSelectedImageLocked && React.createElement(Locker, null), debugModeOn && React.createElement(DebugBox, {
+    rightSidebarItems: [/*#__PURE__*/React.createElement(RightSidebarItemsWrapper, null, [isSelectedImageLocked && /*#__PURE__*/React.createElement(Locker, null), debugModeOn && /*#__PURE__*/React.createElement(DebugBox, {
       state: debugModeOn,
       lastAction: state.lastAction,
       key: "debug-box"
-    }), state.taskDescription && React.createElement(TaskDescription, {
+    }), state.taskDescription && /*#__PURE__*/React.createElement(TaskDescription, {
       description: state.taskDescription,
       key: "task-description"
-    }), state.help && React.createElement(Help, {
+    }), state.help && /*#__PURE__*/React.createElement(Help, {
       help: state.help,
       key: "help"
-    }), state.regionClsList && React.createElement(ClassSelectionMenu, {
+    }), state.regionClsList && /*#__PURE__*/React.createElement(ClassSelectionMenu, {
       selectedCls: state.selectedCls,
       regionClsList: state.regionClsList,
       onSelectCls: action("SELECT_CLASSIFICATION", "cls"),
       key: "class-selection-menu"
-    }), state.labelImages && React.createElement(TagsSidebarBox, {
+    }), state.labelImages && /*#__PURE__*/React.createElement(TagsSidebarBox, {
       currentImage: activeImage,
       imageClsList: state.imageClsList,
       imageTagList: state.imageTagList,
       onChangeImage: action("CHANGE_IMAGE", "delta"),
       expandedByDefault: true,
       key: "tags-sidebar-box"
-    }),, // (state.images?.length || 0) > 1 && (
+    }),,
+    /*#__PURE__*/
+    // (state.images?.length || 0) > 1 && (
     //   <ImageSelector
     //     onSelect={action("SELECT_REGION", "region")}
     //     images={state.images}
@@ -483,7 +485,7 @@ export var MainLayout = function MainLayout(_ref5) {
       onDeleteRegion: action("DELETE_REGION", "region"),
       onChangeRegion: action("CHANGE_REGION", "region"),
       key: "region-selector"
-    }), state.keyframes && React.createElement(KeyframesSelector, {
+    }), state.keyframes && /*#__PURE__*/React.createElement(KeyframesSelector, {
       onChangeVideoTime: action("CHANGE_VIDEO_TIME", "newTime"),
       onDeleteKeyframe: action("DELETE_KEYFRAME", "time"),
       onChangeCurrentTime: action("CHANGE_VIDEO_TIME", "newTime"),
@@ -491,29 +493,29 @@ export var MainLayout = function MainLayout(_ref5) {
       duration: state.videoDuration,
       keyframes: state.keyframes,
       key: "key-frame-selector"
-    }), !hideHistory && React.createElement(HistorySidebarBox, {
+    }), !hideHistory && /*#__PURE__*/React.createElement(HistorySidebarBox, {
       history: state.history,
       onRestoreHistory: action("RESTORE_HISTORY"),
       key: "history-sidebar"
-    }), React.createElement(MetadataEditor, {
+    }), /*#__PURE__*/React.createElement(MetadataEditor, {
       state: state,
       onMetadataChange: onMetadataChange,
       key: "metadata-editor"
-    }), React.createElement(GroupsEditor, {
+    }), /*#__PURE__*/React.createElement(GroupsEditor, {
       groups: allowedGroups,
       onAddGroup: onAddGroup,
       key: "groups-editor"
     })].filter(Boolean))]
-  }, isSelectedImageLocked && React.createElement(Locker, null), canvas)), showEditor && !isSelectedImageLocked && React.createElement(EditorWrapper, {
+  }, isSelectedImageLocked && /*#__PURE__*/React.createElement(Locker, null), canvas)), showEditor && !isSelectedImageLocked && /*#__PURE__*/React.createElement(EditorWrapper, {
     id: "editor-wrapper"
-  }, React.createElement(Editor, {
+  }, /*#__PURE__*/React.createElement(Editor, {
     id: "editor",
     blocks: blocks,
     imageIndex: state.selectedImage,
     key: "".concat(state.selectedImage, "#").concat(selectedGroupId),
     selectedFrame: selectedFrame,
     onChange: handleEditorChange
-  }))), React.createElement(SettingsDialog, {
+  }))), /*#__PURE__*/React.createElement(SettingsDialog, {
     open: state.settingsOpen,
     onClose: function onClose() {
       return dispatch({

package/MetadataEditorSidebarBox/index.js

@@ -51,13 +51,13 @@ var MetadataItem = function MetadataItem(_ref2) {
     });
   };
 
-  return React.createElement(MetadataItemDiv, null, React.createElement("label", {
+  return /*#__PURE__*/React.createElement(MetadataItemDiv, null, /*#__PURE__*/React.createElement("label", {
     for: name
-  }, name), React.createElement("div", {
+  }, name), /*#__PURE__*/React.createElement("div", {
     style: {
       width: "50%"
     }
-  }, (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) !== true && React.createElement(React.Fragment, null, React.createElement("input", {
+  }, (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) !== true && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
     type: "text",
     value: value,
     name: name,
@@ -67,21 +67,21 @@ var MetadataItem = function MetadataItem(_ref2) {
     style: {
       width: "100%"
     }
-  }), React.createElement("datalist", {
+  }), /*#__PURE__*/React.createElement("datalist", {
     id: "".concat(name, "-list")
   }, metadataConfig === null || metadataConfig === void 0 ? void 0 : (_metadataConfig$optio = metadataConfig.options) === null || _metadataConfig$optio === void 0 ? void 0 : _metadataConfig$optio.map(function (opt) {
     if (opt.value && opt.label) {
-      return React.createElement("option", {
+      return /*#__PURE__*/React.createElement("option", {
         key: opt.value,
         value: opt.value
       }, opt.label);
     }
 
-    return React.createElement("option", {
+    return /*#__PURE__*/React.createElement("option", {
       key: opt,
       value: opt
     });
-  }))), (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) === true && React.createElement("select", {
+  }))), (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) === true && /*#__PURE__*/React.createElement("select", {
     name: name,
     id: name,
     onChange: handleChange,
@@ -90,14 +90,14 @@ var MetadataItem = function MetadataItem(_ref2) {
     }
   }, metadataConfig === null || metadataConfig === void 0 ? void 0 : (_metadataConfig$optio2 = metadataConfig.options) === null || _metadataConfig$optio2 === void 0 ? void 0 : _metadataConfig$optio2.map(function (opt) {
     if (opt.value && opt.label) {
-      return React.createElement("option", {
+      return /*#__PURE__*/React.createElement("option", {
         key: opt.value,
         value: opt.value,
         selected: opt.value === value
       }, opt.label);
     }
 
-    return React.createElement("option", {
+    return /*#__PURE__*/React.createElement("option", {
       key: opt,
       value: opt
     });
@@ -112,11 +112,11 @@ var MetadataList = function MetadataList(_ref3) {
       _ref3$metadataConfigs = _ref3.metadataConfigs,
       metadataConfigs = _ref3$metadataConfigs === void 0 ? [] : _ref3$metadataConfigs,
       groupId = _ref3.groupId;
-  return React.createElement("div", null, React.createElement("h2", null, title), metadata && metadata.map(function (_ref4) {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, title), metadata && metadata.map(function (_ref4) {
     var key = _ref4.key,
         value = _ref4.value,
         metadataId = _ref4.metadataId;
-    return React.createElement(MetadataItem, {
+    return /*#__PURE__*/React.createElement(MetadataItem, {
       name: key,
       value: value,
       imageIndex: imageIndex,
@@ -187,21 +187,21 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     }
   }
 
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(SidebarBoxContainer, {
+  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
     title: "Metadata",
-    icon: React.createElement(DescriptionIcon, {
+    icon: /*#__PURE__*/React.createElement(DescriptionIcon, {
       style: {
         color: grey[700]
       }
     }),
     expandedByDefault: true
-  }, React.createElement(DivContainer, {
+  }, /*#__PURE__*/React.createElement(DivContainer, {
     style: {
       height: "600px"
     }
-  }, articleMetadata.length > 0 && React.createElement(MetadataList, {
+  }, articleMetadata.length > 0 && /*#__PURE__*/React.createElement(MetadataList, {
     title: "Article",
     metadata: articleMetadata,
     imageIndex: state.selectedImage,
@@ -210,7 +210,7 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     metadataConfigs: metadataConfigs.filter(function (mfc) {
       return mfc.level === 'photo_metadata-engine';
     })
-  }), selectedPhotoMetadata && React.createElement(MetadataList, {
+  }), selectedPhotoMetadata && /*#__PURE__*/React.createElement(MetadataList, {
     title: "Page",
     metadata: selectedPhotoMetadata,
     imageIndex: state.selectedImage,
@@ -218,7 +218,7 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     metadataConfigs: metadataConfigs.filter(function (mfc) {
       return mfc.level === 'photo';
     })
-  }), React.createElement(MetadataList, {
+  }), /*#__PURE__*/React.createElement(MetadataList, {
     title: "Issue",
     metadata: state.albumMetadata,
     onMetadataChange: onMetadataChange,

package/PageSelector/index.js

@@ -46,40 +46,40 @@ function PageThumbnail(_ref) {
   var pageNumber = metadata === null || metadata === void 0 ? void 0 : (_metadata$find = metadata.find) === null || _metadata$find === void 0 ? void 0 : (_metadata$find$call = _metadata$find.call(metadata, function (md) {
     return md.key === 'pageNumber';
   })) === null || _metadata$find$call === void 0 ? void 0 : _metadata$find$call.value;
-  return React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     role: "button",
     tabIndex: 0,
     className: classnames('ps-page-thumbnail', {
       'ps-page-thumbnail-is-active': isActive
     }),
     onClick: onClick
-  }, isLocked && React.createElement(Locker, null), error && React.createElement(Errorer, {
+  }, isLocked && /*#__PURE__*/React.createElement(Locker, null), error && /*#__PURE__*/React.createElement(Errorer, {
     errorMessage: error.message
-  }), React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "ps-page-thumbnail-image-wrapper"
-  }, isRecalcReady && React.createElement("div", {
+  }, isRecalcReady && /*#__PURE__*/React.createElement("div", {
     className: "ps-page-thumbnail-recalc-wrapper"
-  }, React.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     className: "recalc-button",
     onClick: handleRecalcClick
-  }, "Extract")), React.createElement("img", {
+  }, "Extract")), /*#__PURE__*/React.createElement("img", {
     src: src,
     alt: "",
     className: "ps-page-thumbnail-image"
-  }), React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "page-number-wrapper"
-  }, pageNumber !== undefined && !showMetadata && React.createElement("span", {
+  }, pageNumber !== undefined && !showMetadata && /*#__PURE__*/React.createElement("span", {
     className: "page-number"
-  }, pageNumber))), React.createElement("div", {
+  }, pageNumber))), /*#__PURE__*/React.createElement("div", {
     className: "ps-page-thumbnail-metadata-wrapper"
   }, metadata.map(function (_ref2) {
     var _metadataConfigs$find;
 
     var key = _ref2.key,
         value = _ref2.value;
-    return React.createElement(React.Fragment, null, React.createElement("label", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", {
       for: key
-    }, key), React.createElement("input", {
+    }, key), /*#__PURE__*/React.createElement("input", {
       type: "text",
       value: value,
       name: key,
@@ -89,12 +89,12 @@ function PageThumbnail(_ref) {
       },
       id: key,
       list: "".concat(key, "-list")
-    }), React.createElement("datalist", {
+    }), /*#__PURE__*/React.createElement("datalist", {
       id: "".concat(key, "-list")
     }, (_metadataConfigs$find = metadataConfigs.find(function (mcf) {
       return mcf.key === key;
     })) === null || _metadataConfigs$find === void 0 ? void 0 : _metadataConfigs$find.options.map(function (opt) {
-      return React.createElement("option", {
+      return /*#__PURE__*/React.createElement("option", {
         key: opt,
         value: opt
       });
@@ -126,17 +126,17 @@ function PageSelector(_ref3) {
       showMetadata = _useState2[0],
       setShowMetadata = _useState2[1];
 
-  return React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classnames('page-selector', {
       'page-selector--opened': showMetadata
     })
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "top-buttons"
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "show-metadata-wrapper"
-  }, React.createElement("label", {
+  }, /*#__PURE__*/React.createElement("label", {
     className: "switch mr-2"
-  }, React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     id: "show-metadata",
     type: "checkbox",
     value: showMetadata,
@@ -145,12 +145,12 @@ function PageSelector(_ref3) {
         return !prev;
       });
     }
-  }), React.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "slider round"
-  })), React.createElement("label", null, "Metadata"))), React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("label", null, "Metadata"))), /*#__PURE__*/React.createElement("div", {
     className: "pages"
   }, pages.map(function (page, idx) {
-    return React.createElement(PageThumbnail, {
+    return /*#__PURE__*/React.createElement(PageThumbnail, {
       key: "".concat(page.id),
       isLocked: isLocked(page),
       error: page.syncError,

package/PointDistances/index.js

@@ -34,9 +34,9 @@ export var PointDistances = function PointDistances(_ref2) {
       regions = _ref2.regions,
       pointDistancePrecision = _ref2.pointDistancePrecision,
       realSize = _ref2.realSize;
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(Svg, null, regions.filter(function (r1) {
+  }, /*#__PURE__*/React.createElement(Svg, null, regions.filter(function (r1) {
     return r1.type === "point";
   }).flatMap(function (r1, i1) {
     return regions.filter(function (r2, i2) {
@@ -61,9 +61,9 @@ export var PointDistances = function PointDistances(_ref2) {
         displayDistance = (Math.sqrt(Math.pow(r1.x - r2.x, 2) + Math.pow(r1.y - r2.y, 2)) * 100).toFixed(pointDistancePrecision) + "%";
       }
 
-      return React.createElement(Fragment, null, React.createElement("path", {
+      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("path", {
         d: "M".concat(pr1.x + pr1.w / 2, ",").concat(pr1.y + pr1.h / 2, " L").concat(pr2.x + pr2.w / 2, ",").concat(pr2.y + pr2.h / 2)
-      }), React.createElement("text", {
+      }), /*#__PURE__*/React.createElement("text", {
         x: prm.x,
         y: prm.y
       }, displayDistance));

package/PreventScrollToParents/index.js

@@ -38,12 +38,12 @@ export var PreventScrollToParents = function PreventScrollToParents(_ref2) {
       }
     }, 100);
   });
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(Container, Object.assign({}, otherProps, {
+  }, /*#__PURE__*/React.createElement(Container, Object.assign({}, otherProps, {
     onMouseMove: onMouseMove,
     onMouseLeave: onMouseLeave
-  }), React.createElement(RemoveScroll, {
+  }), /*#__PURE__*/React.createElement(RemoveScroll, {
     enabled: mouseOver,
     removeScrollBar: false
   }, children)));

package/RegionLabel/index.js

@@ -50,39 +50,39 @@ export var RegionLabel = function RegionLabel(_ref) {
       label: g.label || uuidToHash(g.id)
     };
   }) : [];
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(Paper, {
+  }, /*#__PURE__*/React.createElement(Paper, {
     onClick: function onClick() {
       return !editing ? onOpen(region) : null;
     },
     className: classnames(classes.regionInfo, {
       highlighted: region.highlighted
     })
-  }, !editing ? React.createElement("div", null, region.cls && React.createElement("div", {
+  }, !editing ? /*#__PURE__*/React.createElement("div", null, region.cls && /*#__PURE__*/React.createElement("div", {
     className: "name"
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "circle",
     style: {
       backgroundColor: region.color
     }
-  }), region.cls), region.tags && React.createElement("div", {
+  }), region.cls), region.tags && /*#__PURE__*/React.createElement("div", {
     className: "tags"
   }, region.tags.map(function (t) {
-    return React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       key: t,
       className: "tag"
     }, t);
-  }))) : React.createElement("div", {
+  }))) : /*#__PURE__*/React.createElement("div", {
     style: {
       width: 200
     }
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "row"
     }
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       backgroundColor: region.color || "#888",
@@ -94,11 +94,11 @@ export var RegionLabel = function RegionLabel(_ref) {
       fontWeight: "bold",
       textShadow: "0px 0px 5px rgba(0,0,0,0.4)"
     }
-  }, region.type), React.createElement("div", {
+  }, region.type), /*#__PURE__*/React.createElement("div", {
     style: {
       flexGrow: 1
     }
-  }), React.createElement(IconButton, {
+  }), /*#__PURE__*/React.createElement(IconButton, {
     onClick: function onClick() {
       return onDelete(region);
     },
@@ -109,13 +109,13 @@ export var RegionLabel = function RegionLabel(_ref) {
     },
     size: "small",
     variant: "outlined"
-  }, React.createElement(DeleteOutlineIcon, {
+  }, /*#__PURE__*/React.createElement(DeleteOutlineIcon, {
     style: {
       marginTop: -8,
       width: 16,
       height: 16
     }
-  })), React.createElement(IconButton, {
+  })), /*#__PURE__*/React.createElement(IconButton, {
     onClick: function onClick() {
       return onDeleteGroup(region.groupId);
     },
@@ -126,17 +126,17 @@ export var RegionLabel = function RegionLabel(_ref) {
     },
     size: "small",
     variant: "outlined"
-  }, React.createElement(DeleteForeverIcon, {
+  }, /*#__PURE__*/React.createElement(DeleteForeverIcon, {
     style: {
       marginTop: -8,
       width: 16,
       height: 16
     }
-  }))), (allowedClasses || []).length > 0 && React.createElement("div", {
+  }))), (allowedClasses || []).length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: 6
     }
-  }, React.createElement(CreatableSelect, {
+  }, /*#__PURE__*/React.createElement(CreatableSelect, {
     placeholder: "Classification",
     onChange: function onChange(o, actionMeta) {
       if (actionMeta.action == "create-option") {
@@ -157,7 +157,7 @@ export var RegionLabel = function RegionLabel(_ref) {
         label: c
       };
     }))
-  })), (allowedGroups || []).length > 0 && React.createElement(Select, {
+  })), (allowedGroups || []).length > 0 && /*#__PURE__*/React.createElement(Select, {
     onChange: function onChange(newGroup) {
       return _onChange(_objectSpread({}, region, {
         groupId: newGroup.value
@@ -168,11 +168,11 @@ export var RegionLabel = function RegionLabel(_ref) {
       return g.value === region.groupId;
     }),
     options: _toConsumableArray(allowedGroupsForSelect)
-  }), (allowedTags || []).length > 0 && React.createElement("div", {
+  }), (allowedTags || []).length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: 4
     }
-  }, React.createElement(Select, {
+  }, /*#__PURE__*/React.createElement(Select, {
     onChange: function onChange(newTags) {
       return _onChange(_objectSpread({}, region, {
         tags: newTags.map(function (t) {
@@ -194,7 +194,7 @@ export var RegionLabel = function RegionLabel(_ref) {
         label: c
       };
     }))
-  })), allowComments && React.createElement(TextField, {
+  })), allowComments && /*#__PURE__*/React.createElement(TextField, {
     InputProps: {
       className: classes.commentBox
     },
@@ -209,23 +209,23 @@ export var RegionLabel = function RegionLabel(_ref) {
         comment: event.target.value
       }));
     }
-  }), onClose && React.createElement("div", {
+  }), onClose && /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: 4,
       display: "flex"
     }
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       flexGrow: 1
     }
-  }), React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Button, {
     onClick: function onClick() {
       return onClose(region);
     },
     size: "small",
     variant: "contained",
     color: "primary"
-  }, React.createElement(CheckIcon, null))))));
+  }, /*#__PURE__*/React.createElement(CheckIcon, null))))));
 };
 export default memo(RegionLabel, function (prevProps, nextProps) {
   return prevProps.editing === nextProps.editing && prevProps.region === nextProps.region;

package/RegionSelectAndTransformBoxes/index.js

@@ -46,9 +46,9 @@ export var RegionSelectAndTransformBox = memo(function (_ref2) {
   var _layoutParams$current = layoutParams.current,
       iw = _layoutParams$current.iw,
       ih = _layoutParams$current.ih;
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(Fragment, null, React.createElement(PreventScrollToParents, null, showHighlightBox && r.type !== "polygon" && React.createElement(HighlightBox, {
+  }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(PreventScrollToParents, null, showHighlightBox && r.type !== "polygon" && /*#__PURE__*/React.createElement(HighlightBox, {
     region: r,
     mouseEvents: mouseEvents,
     dragWithPrimary: dragWithPrimary,
@@ -62,7 +62,7 @@ export var RegionSelectAndTransformBox = memo(function (_ref2) {
         px = _ref4[0],
         py = _ref4[1];
 
-    return React.createElement(TransformGrabber, Object.assign({
+    return /*#__PURE__*/React.createElement(TransformGrabber, Object.assign({
       key: i
     }, mouseEvents, {
       onMouseDown: function onMouseDown(e) {
@@ -82,7 +82,7 @@ export var RegionSelectAndTransformBox = memo(function (_ref2) {
         py = _ref6[1];
 
     var proj = mat.clone().inverse().applyToPoint(px * iw, py * ih);
-    return React.createElement(TransformGrabber, Object.assign({
+    return /*#__PURE__*/React.createElement(TransformGrabber, Object.assign({
       key: i
     }, mouseEvents, {
       onMouseDown: function onMouseDown(e) {
@@ -107,7 +107,7 @@ export var RegionSelectAndTransformBox = memo(function (_ref2) {
     return [(p1[0] + p2[0]) / 2, (p1[1] + p2[1]) / 2];
   }).map(function (pa, i) {
     var proj = mat.clone().inverse().applyToPoint(pa[0] * iw, pa[1] * ih);
-    return React.createElement(TransformGrabber, Object.assign({
+    return /*#__PURE__*/React.createElement(TransformGrabber, Object.assign({
       key: i
     }, mouseEvents, {
       onMouseDown: function onMouseDown(e) {
@@ -131,10 +131,10 @@ export var RegionSelectAndTransformBox = memo(function (_ref2) {
         py = _ref10$.y;
 
     var proj = mat.clone().inverse().applyToPoint(px * iw, py * ih);
-    return React.createElement(Tooltip, {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       title: keypointId,
       key: i
-    }, React.createElement(TransformGrabber, Object.assign({
+    }, /*#__PURE__*/React.createElement(TransformGrabber, Object.assign({
       key: i
     }, mouseEvents, {
       onMouseDown: function onMouseDown(e) {
@@ -157,7 +157,7 @@ export var RegionSelectAndTransformBoxes = memo(function (props) {
   }).filter(function (r) {
     return !r.locked;
   }).map(function (r, i) {
-    return React.createElement(RegionSelectAndTransformBox, Object.assign({
+    return /*#__PURE__*/React.createElement(RegionSelectAndTransformBox, Object.assign({
       key: r.id
     }, props, {
       region: r