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

package/MetadataEditorSidebarBox/index_repr.js

@@ -63,15 +63,15 @@ var MetadataItem = function MetadataItem(_ref2) {
     });
   };
 
-  return /*#__PURE__*/React.createElement(MetadataItemDiv, null, /*#__PURE__*/React.createElement("label", {
+  return React.createElement(MetadataItemDiv, null, React.createElement("label", {
     for: name
-  }, name), /*#__PURE__*/React.createElement("div", {
+  }, name), React.createElement("div", {
     style: {
       width: "50%"
     }
-  }, (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) !== true && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
+  }, (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) !== true && React.createElement(React.Fragment, null, React.createElement("input", {
     type: "text",
-    value: allowUncontrolledForDebug ? value : value ?? "",
+    value: allowUncontrolledForDebug ? value : value !== null && value !== void 0 ? value : "",
     name: name,
     onChange: handleChange,
     id: name,
@@ -79,21 +79,21 @@ var MetadataItem = function MetadataItem(_ref2) {
     style: {
       width: "100%"
     }
-  }), /*#__PURE__*/React.createElement("datalist", {
+  }), 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 /*#__PURE__*/React.createElement("option", {
+      return React.createElement("option", {
         key: opt.value,
         value: opt.value
       }, opt.label);
     }
 
-    return /*#__PURE__*/React.createElement("option", {
+    return React.createElement("option", {
       key: opt,
       value: opt
     });
-  }))), (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) === true && /*#__PURE__*/React.createElement("select", {
+  }))), (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) === true && React.createElement("select", {
     name: name,
     id: name,
     value: value || '',
@@ -103,13 +103,13 @@ 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 /*#__PURE__*/React.createElement("option", {
+      return React.createElement("option", {
         key: opt.value,
         value: opt.value
       }, opt.label);
     }
 
-    return /*#__PURE__*/React.createElement("option", {
+    return React.createElement("option", {
       key: opt,
       value: opt
     });
@@ -124,7 +124,7 @@ var MetadataList = function MetadataList(_ref3) {
       _ref3$metadataConfigs = _ref3.metadataConfigs,
       metadataConfigs = _ref3$metadataConfigs === void 0 ? [] : _ref3$metadataConfigs,
       groupId = _ref3.groupId;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, title), metadata && metadata.map(function (_ref4) {
+  return React.createElement("div", null, React.createElement("h2", null, title), metadata && metadata.map(function (_ref4) {
     var key = _ref4.key,
         value = _ref4.value,
         metadataId = _ref4.metadataId;
@@ -132,7 +132,7 @@ var MetadataList = function MetadataList(_ref3) {
     // In Storybook hang repro mode, deliberately remove React keys so React is
     // more likely to reuse the same DOM <input> across article switches.
     if (isStorybookHangReproModeEnabled()) {
-      return /*#__PURE__*/React.createElement(MetadataItem, {
+      return React.createElement(MetadataItem, {
         name: key,
         value: value,
         imageIndex: imageIndex,
@@ -145,7 +145,7 @@ var MetadataList = function MetadataList(_ref3) {
       });
     }
 
-    return /*#__PURE__*/React.createElement(MetadataItem, {
+    return React.createElement(MetadataItem, {
       key: "".concat(groupId, "-").concat(key),
       name: key,
       value: value,
@@ -217,21 +217,21 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
+  }, React.createElement(SidebarBoxContainer, {
     title: "Metadata",
-    icon: /*#__PURE__*/React.createElement(DescriptionIcon, {
+    icon: React.createElement(DescriptionIcon, {
       style: {
         color: grey[700]
       }
     }),
     expandedByDefault: true
-  }, /*#__PURE__*/React.createElement(DivContainer, {
+  }, React.createElement(DivContainer, {
     style: {
       height: "600px"
     }
-  }, articleMetadata.length > 0 && (isStorybookHangReproModeEnabled() ? /*#__PURE__*/React.createElement(MetadataList, {
+  }, articleMetadata.length > 0 && (isStorybookHangReproModeEnabled() ? React.createElement(MetadataList, {
     title: "Article",
     metadata: articleMetadata,
     imageIndex: state.selectedImage,
@@ -240,7 +240,7 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     metadataConfigs: metadataConfigs.filter(function (mfc) {
       return mfc.level === 'photo_metadata-engine';
     })
-  }) : /*#__PURE__*/React.createElement(MetadataList, {
+  }) : React.createElement(MetadataList, {
     key: "article-".concat(selectedGroupId),
     title: "Article",
     metadata: articleMetadata,
@@ -250,7 +250,7 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     metadataConfigs: metadataConfigs.filter(function (mfc) {
       return mfc.level === 'photo_metadata-engine';
     })
-  })), selectedPhotoMetadata && /*#__PURE__*/React.createElement(MetadataList, {
+  })), selectedPhotoMetadata && React.createElement(MetadataList, {
     title: "Page",
     metadata: selectedPhotoMetadata,
     imageIndex: state.selectedImage,
@@ -258,7 +258,7 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     metadataConfigs: metadataConfigs.filter(function (mfc) {
       return mfc.level === 'photo';
     })
-  }), /*#__PURE__*/React.createElement(MetadataList, {
+  }), 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 /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     role: "button",
     tabIndex: 0,
     className: classnames('ps-page-thumbnail', {
       'ps-page-thumbnail-is-active': isActive
     }),
     onClick: onClick
-  }, isLocked && /*#__PURE__*/React.createElement(Locker, null), error && /*#__PURE__*/React.createElement(Errorer, {
+  }, isLocked && React.createElement(Locker, null), error && React.createElement(Errorer, {
     errorMessage: error.message
-  }), /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", {
     className: "ps-page-thumbnail-image-wrapper"
-  }, isRecalcReady && /*#__PURE__*/React.createElement("div", {
+  }, isRecalcReady && React.createElement("div", {
     className: "ps-page-thumbnail-recalc-wrapper"
-  }, /*#__PURE__*/React.createElement("button", {
+  }, React.createElement("button", {
     className: "recalc-button",
     onClick: handleRecalcClick
-  }, "Extract")), /*#__PURE__*/React.createElement("img", {
+  }, "Extract")), React.createElement("img", {
     src: src,
     alt: "",
     className: "ps-page-thumbnail-image"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", {
     className: "page-number-wrapper"
-  }, pageNumber !== undefined && !showMetadata && /*#__PURE__*/React.createElement("span", {
+  }, pageNumber !== undefined && !showMetadata && React.createElement("span", {
     className: "page-number"
-  }, pageNumber))), /*#__PURE__*/React.createElement("div", {
+  }, pageNumber))), React.createElement("div", {
     className: "ps-page-thumbnail-metadata-wrapper"
   }, metadata.map(function (_ref2) {
     var _metadataConfigs$find;
 
     var key = _ref2.key,
         value = _ref2.value;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", {
+    return React.createElement(React.Fragment, null, React.createElement("label", {
       for: key
-    }, key), /*#__PURE__*/React.createElement("input", {
+    }, key), React.createElement("input", {
       type: "text",
       value: value,
       name: key,
@@ -89,12 +89,12 @@ function PageThumbnail(_ref) {
       },
       id: key,
       list: "".concat(key, "-list")
-    }), /*#__PURE__*/React.createElement("datalist", {
+    }), 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 /*#__PURE__*/React.createElement("option", {
+      return React.createElement("option", {
         key: opt,
         value: opt
       });
@@ -126,17 +126,17 @@ function PageSelector(_ref3) {
       showMetadata = _useState2[0],
       setShowMetadata = _useState2[1];
 
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     className: classnames('page-selector', {
       'page-selector--opened': showMetadata
     })
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     className: "top-buttons"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     className: "show-metadata-wrapper"
-  }, /*#__PURE__*/React.createElement("label", {
+  }, React.createElement("label", {
     className: "switch mr-2"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, React.createElement("input", {
     id: "show-metadata",
     type: "checkbox",
     value: showMetadata,
@@ -145,12 +145,12 @@ function PageSelector(_ref3) {
         return !prev;
       });
     }
-  }), /*#__PURE__*/React.createElement("span", {
+  }), React.createElement("span", {
     className: "slider round"
-  })), /*#__PURE__*/React.createElement("label", null, "Metadata"))), /*#__PURE__*/React.createElement("div", {
+  })), React.createElement("label", null, "Metadata"))), React.createElement("div", {
     className: "pages"
   }, pages.map(function (page, idx) {
-    return /*#__PURE__*/React.createElement(PageThumbnail, {
+    return 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 /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(Svg, null, regions.filter(function (r1) {
+  }, 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 /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("path", {
+      return React.createElement(Fragment, null, 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)
-      }), /*#__PURE__*/React.createElement("text", {
+      }), 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 /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(Container, Object.assign({}, otherProps, {
+  }, React.createElement(Container, Object.assign({}, otherProps, {
     onMouseMove: onMouseMove,
     onMouseLeave: onMouseLeave
-  }), /*#__PURE__*/React.createElement(RemoveScroll, {
+  }), 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 /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(Paper, {
+  }, React.createElement(Paper, {
     onClick: function onClick() {
       return !editing ? onOpen(region) : null;
     },
     className: classnames(classes.regionInfo, {
       highlighted: region.highlighted
     })
-  }, !editing ? /*#__PURE__*/React.createElement("div", null, region.cls && /*#__PURE__*/React.createElement("div", {
+  }, !editing ? React.createElement("div", null, region.cls && React.createElement("div", {
     className: "name"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     className: "circle",
     style: {
       backgroundColor: region.color
     }
-  }), region.cls), region.tags && /*#__PURE__*/React.createElement("div", {
+  }), region.cls), region.tags && React.createElement("div", {
     className: "tags"
   }, region.tags.map(function (t) {
-    return /*#__PURE__*/React.createElement("div", {
+    return React.createElement("div", {
       key: t,
       className: "tag"
     }, t);
-  }))) : /*#__PURE__*/React.createElement("div", {
+  }))) : React.createElement("div", {
     style: {
       width: 200
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     style: {
       display: "flex",
       flexDirection: "row"
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, 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), /*#__PURE__*/React.createElement("div", {
+  }, region.type), React.createElement("div", {
     style: {
       flexGrow: 1
     }
-  }), /*#__PURE__*/React.createElement(IconButton, {
+  }), React.createElement(IconButton, {
     onClick: function onClick() {
       return onDelete(region);
     },
@@ -109,13 +109,13 @@ export var RegionLabel = function RegionLabel(_ref) {
     },
     size: "small",
     variant: "outlined"
-  }, /*#__PURE__*/React.createElement(DeleteOutlineIcon, {
+  }, React.createElement(DeleteOutlineIcon, {
     style: {
       marginTop: -8,
       width: 16,
       height: 16
     }
-  })), /*#__PURE__*/React.createElement(IconButton, {
+  })), React.createElement(IconButton, {
     onClick: function onClick() {
       return onDeleteGroup(region.groupId);
     },
@@ -126,17 +126,17 @@ export var RegionLabel = function RegionLabel(_ref) {
     },
     size: "small",
     variant: "outlined"
-  }, /*#__PURE__*/React.createElement(DeleteForeverIcon, {
+  }, React.createElement(DeleteForeverIcon, {
     style: {
       marginTop: -8,
       width: 16,
       height: 16
     }
-  }))), (allowedClasses || []).length > 0 && /*#__PURE__*/React.createElement("div", {
+  }))), (allowedClasses || []).length > 0 && React.createElement("div", {
     style: {
       marginTop: 6
     }
-  }, /*#__PURE__*/React.createElement(CreatableSelect, {
+  }, 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 && /*#__PURE__*/React.createElement(Select, {
+  })), (allowedGroups || []).length > 0 && 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 && /*#__PURE__*/React.createElement("div", {
+  }), (allowedTags || []).length > 0 && React.createElement("div", {
     style: {
       marginTop: 4
     }
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, 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 && /*#__PURE__*/React.createElement(TextField, {
+  })), allowComments && React.createElement(TextField, {
     InputProps: {
       className: classes.commentBox
     },
@@ -209,23 +209,23 @@ export var RegionLabel = function RegionLabel(_ref) {
         comment: event.target.value
       }));
     }
-  }), onClose && /*#__PURE__*/React.createElement("div", {
+  }), onClose && React.createElement("div", {
     style: {
       marginTop: 4,
       display: "flex"
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     style: {
       flexGrow: 1
     }
-  }), /*#__PURE__*/React.createElement(Button, {
+  }), React.createElement(Button, {
     onClick: function onClick() {
       return onClose(region);
     },
     size: "small",
     variant: "contained",
     color: "primary"
-  }, /*#__PURE__*/React.createElement(CheckIcon, null))))));
+  }, 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 /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(PreventScrollToParents, null, showHighlightBox && r.type !== "polygon" && /*#__PURE__*/React.createElement(HighlightBox, {
+  }, React.createElement(Fragment, null, React.createElement(PreventScrollToParents, null, showHighlightBox && r.type !== "polygon" && 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 /*#__PURE__*/React.createElement(TransformGrabber, Object.assign({
+    return 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 /*#__PURE__*/React.createElement(TransformGrabber, Object.assign({
+    return 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 /*#__PURE__*/React.createElement(TransformGrabber, Object.assign({
+    return 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 /*#__PURE__*/React.createElement(Tooltip, {
+    return React.createElement(Tooltip, {
       title: keypointId,
       key: i
-    }, /*#__PURE__*/React.createElement(TransformGrabber, Object.assign({
+    }, 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 /*#__PURE__*/React.createElement(RegionSelectAndTransformBox, Object.assign({
+    return React.createElement(RegionSelectAndTransformBox, Object.assign({
       key: r.id
     }, props, {
       region: r