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

package/RegionSelectorSidebarBox/index.js

@@ -36,14 +36,14 @@ var Chip = function Chip(_ref2) {
   var color = _ref2.color,
       text = _ref2.text;
   var classes = useStyles();
-  return React.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", {
     className: classes.chip
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "color",
     style: {
       backgroundColor: color
     }
-  }), React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "text"
   }, text));
 };
@@ -66,7 +66,7 @@ var RowLayout = function RowLayout(_ref3) {
       mouseOver = _useState2[0],
       changeMouseOver = _useState2[1];
 
-  return React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     onClick: onClick,
     onMouseEnter: function onMouseEnter() {
       return changeMouseOver(true);
@@ -78,62 +78,62 @@ var RowLayout = function RowLayout(_ref3) {
       header: header,
       highlighted: highlighted
     })
-  }, React.createElement(Grid, {
+  }, /*#__PURE__*/React.createElement(Grid, {
     container: true,
     alignItems: "center"
-  }, React.createElement(Grid, {
+  }, /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 2
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       textAlign: "right",
       paddingRight: 10
     }
-  }, order)), React.createElement(Grid, {
+  }, order)), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 5
-  }, classification), React.createElement(Grid, {
+  }, classification), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 2
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       textAlign: "right",
       paddingRight: 6
     }
-  }, area)), React.createElement(Grid, {
+  }, area)), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 1
-  }, trash), React.createElement(Grid, {
+  }, trash), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 1
-  }, lock), React.createElement(Grid, {
+  }, lock), /*#__PURE__*/React.createElement(Grid, {
     item: true,
     xs: 1
   }, visible)));
 };
 
 var RowHeader = function RowHeader() {
-  return React.createElement(RowLayout, {
+  return /*#__PURE__*/React.createElement(RowLayout, {
     header: true,
     highlighted: false,
-    order: React.createElement(ReorderIcon, {
+    order: /*#__PURE__*/React.createElement(ReorderIcon, {
       className: "icon"
     }),
-    classification: React.createElement("div", {
+    classification: /*#__PURE__*/React.createElement("div", {
       style: {
         paddingLeft: 10
       }
     }, "Class"),
-    area: React.createElement(PieChartIcon, {
+    area: /*#__PURE__*/React.createElement(PieChartIcon, {
       className: "icon"
     }),
-    trash: React.createElement(TrashIcon, {
+    trash: /*#__PURE__*/React.createElement(TrashIcon, {
       className: "icon"
     }),
-    lock: React.createElement(LockIcon, {
+    lock: /*#__PURE__*/React.createElement(LockIcon, {
       className: "icon"
     }),
-    visible: React.createElement(VisibleIcon, {
+    visible: /*#__PURE__*/React.createElement(VisibleIcon, {
       className: "icon"
     })
   });
@@ -157,32 +157,32 @@ var Row = function Row(_ref4) {
       groupColor = _useColors.groupColor;
 
   var gc = groupColor(r.groupId);
-  return React.createElement(RowLayout, {
+  return /*#__PURE__*/React.createElement(RowLayout, {
     header: false,
     highlighted: highlighted,
     onClick: function onClick() {
       return onSelectRegion(r);
     },
     order: "#".concat(index + 1),
-    classification: React.createElement(Chip, {
+    classification: /*#__PURE__*/React.createElement(Chip, {
       text: cls || "",
       color: color || gc || "lime"
     }),
     area: "",
-    trash: React.createElement(TrashIcon, {
+    trash: /*#__PURE__*/React.createElement(TrashIcon, {
       onClick: function onClick() {
         return onDeleteRegion(r);
       },
       className: "icon2"
     }),
-    lock: r.locked ? React.createElement(LockIcon, {
+    lock: r.locked ? /*#__PURE__*/React.createElement(LockIcon, {
       onClick: function onClick() {
         return onChangeRegion(_objectSpread({}, r, {
           locked: false
         }));
       },
       className: "icon2"
-    }) : React.createElement(UnlockIcon, {
+    }) : /*#__PURE__*/React.createElement(UnlockIcon, {
       onClick: function onClick() {
         return onChangeRegion(_objectSpread({}, r, {
           locked: true
@@ -190,14 +190,14 @@ var Row = function Row(_ref4) {
       },
       className: "icon2"
     }),
-    visible: r.visible || r.visible === undefined ? React.createElement(VisibleIcon, {
+    visible: r.visible || r.visible === undefined ? /*#__PURE__*/React.createElement(VisibleIcon, {
       onClick: function onClick() {
         return onChangeRegion(_objectSpread({}, r, {
           visible: false
         }));
       },
       className: "icon2"
-    }) : React.createElement(VisibleOffIcon, {
+    }) : /*#__PURE__*/React.createElement(VisibleOffIcon, {
       onClick: function onClick() {
         return onChangeRegion(_objectSpread({}, r, {
           visible: true
@@ -219,21 +219,21 @@ export var RegionSelectorSidebarBox = function RegionSelectorSidebarBox(_ref5) {
       onChangeRegion = _ref5.onChangeRegion,
       onSelectRegion = _ref5.onSelectRegion;
   var classes = useStyles();
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(SidebarBoxContainer, {
+  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
     title: "Regions",
     subTitle: "",
-    icon: React.createElement(RegionIcon, {
+    icon: /*#__PURE__*/React.createElement(RegionIcon, {
       style: {
         color: grey[700]
       }
     }),
     expandedByDefault: true
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.container
-  }, React.createElement(MemoRowHeader, null), React.createElement(HeaderSep, null), regions.map(function (r, i) {
-    return React.createElement(MemoRow, Object.assign({
+  }, /*#__PURE__*/React.createElement(MemoRowHeader, null), /*#__PURE__*/React.createElement(HeaderSep, null), regions.map(function (r, i) {
+    return /*#__PURE__*/React.createElement(MemoRow, Object.assign({
       key: r.id
     }, r, {
       region: r,

package/RegionShapes/index.js

@@ -12,9 +12,9 @@ var RegionComponents = {
     var region = _ref.region,
         iw = _ref.iw,
         ih = _ref.ih;
-    return React.createElement("g", {
+    return /*#__PURE__*/React.createElement("g", {
       transform: "translate(".concat(region.x * iw, " ").concat(region.y * ih, ")")
-    }, React.createElement("path", {
+    }, /*#__PURE__*/React.createElement("path", {
       d: "M0 8L8 0L0 -8L-8 0Z",
       strokeWidth: 2,
       stroke: region.color,
@@ -25,9 +25,9 @@ var RegionComponents = {
     var region = _ref2.region,
         iw = _ref2.iw,
         ih = _ref2.ih;
-    return React.createElement("g", {
+    return /*#__PURE__*/React.createElement("g", {
       transform: "translate(".concat(region.x1 * iw, " ").concat(region.y1 * ih, ")")
-    }, React.createElement("line", {
+    }, /*#__PURE__*/React.createElement("line", {
       strokeWidth: 2,
       x1: 0,
       y1: 0,
@@ -47,9 +47,9 @@ var RegionComponents = {
         groupColor = _useColors.groupColor;
 
     if (region.groupId !== undefined) {
-      return React.createElement("g", {
+      return /*#__PURE__*/React.createElement("g", {
         transform: "translate(".concat(region.x * iw, " ").concat(region.y * ih, ")")
-      }, React.createElement("rect", {
+      }, /*#__PURE__*/React.createElement("rect", {
         strokeWidth: region.groupHighlighted ? 3 : 0,
         x: 0,
         y: 0,
@@ -59,9 +59,9 @@ var RegionComponents = {
         fill: region.groupHighlighted ? colorAlpha(clsColor(region.cls), 0.15) : colorAlpha(groupColor(region.groupId), 0.5)
       }));
     } else {
-      return React.createElement("g", {
+      return /*#__PURE__*/React.createElement("g", {
         transform: "translate(".concat(region.x * iw, " ").concat(region.y * ih, ")")
-      }, React.createElement("rect", {
+      }, /*#__PURE__*/React.createElement("rect", {
         strokeWidth: 2,
         x: 0,
         y: 0,
@@ -79,7 +79,7 @@ var RegionComponents = {
         fullSegmentationMode = _ref4.fullSegmentationMode;
     var Component = region.open ? "polyline" : "polygon";
     var alphaBase = fullSegmentationMode ? 0.5 : 1;
-    return React.createElement(Component, {
+    return /*#__PURE__*/React.createElement(Component, {
       points: region.points.map(function (_ref5) {
         var _ref6 = _slicedToArray(_ref5, 2),
             x = _ref6[0],
@@ -109,17 +109,17 @@ var RegionComponents = {
     var _keypointDefinitions$ = keypointDefinitions[keypointsDefinitionId],
         landmarks = _keypointDefinitions$.landmarks,
         connections = _keypointDefinitions$.connections;
-    return React.createElement("g", null, Object.entries(points).map(function (_ref8, i) {
+    return /*#__PURE__*/React.createElement("g", null, Object.entries(points).map(function (_ref8, i) {
       var _ref9 = _slicedToArray(_ref8, 2),
           keypointId = _ref9[0],
           _ref9$ = _ref9[1],
           x = _ref9$.x,
           y = _ref9$.y;
 
-      return React.createElement("g", {
+      return /*#__PURE__*/React.createElement("g", {
         key: i,
         transform: "translate(".concat(x * iw, " ").concat(y * ih, ")")
-      }, React.createElement("path", {
+      }, /*#__PURE__*/React.createElement("path", {
         d: "M0 8L8 0L0 -8L-8 0Z",
         strokeWidth: 2,
         stroke: landmarks[keypointId].color,
@@ -136,16 +136,16 @@ var RegionComponents = {
         x: (kp1.x + kp2.x) / 2,
         y: (kp1.y + kp2.y) / 2
       };
-      return React.createElement("g", {
+      return /*#__PURE__*/React.createElement("g", {
         key: "".concat(kp1.x, ",").concat(kp1.y, ".").concat(kp2.x, ",").concat(kp2.y)
-      }, React.createElement("line", {
+      }, /*#__PURE__*/React.createElement("line", {
         x1: kp1.x * iw,
         y1: kp1.y * ih,
         x2: midPoint.x * iw,
         y2: midPoint.y * ih,
         strokeWidth: 2,
         stroke: landmarks[kp1Id].color
-      }), React.createElement("line", {
+      }), /*#__PURE__*/React.createElement("line", {
         x1: kp2.x * iw,
         y1: kp2.y * ih,
         x2: midPoint.x * iw,
@@ -201,7 +201,7 @@ var RegionComponents = {
     }).asMutable();
     secondSection.reverse();
     var lastPoint = points.slice(-1)[0];
-    return React.createElement(React.Fragment, null, React.createElement("polygon", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("polygon", {
       points: firstSection.concat(region.candidatePoint ? [region.candidatePoint] : []).concat(secondSection).map(function (p) {
         return "".concat(p.x * iw, " ").concat(p.y * ih);
       }).join(" "),
@@ -212,10 +212,10 @@ var RegionComponents = {
       var x = _ref18.x,
           y = _ref18.y,
           angle = _ref18.angle;
-      return React.createElement("g", {
+      return /*#__PURE__*/React.createElement("g", {
         key: i,
         transform: "translate(".concat(x * iw, " ").concat(y * ih, ") rotate(").concat(-(angle || 0) * 180 / Math.PI, ")")
-      }, React.createElement("g", null, React.createElement("rect", {
+      }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("rect", {
         x: -5,
         y: -5,
         width: 10,
@@ -224,7 +224,7 @@ var RegionComponents = {
         stroke: colorAlpha(region.color, 0.75),
         fill: colorAlpha(region.color, 0.25)
       })));
-    }), React.createElement("rect", {
+    }), /*#__PURE__*/React.createElement("rect", {
       x: lastPoint.x * iw - 8,
       y: lastPoint.y * ih - 8,
       width: 16,
@@ -248,7 +248,7 @@ export var WrappedRegionList = memo(function (_ref19) {
     return r.visible !== false;
   }).map(function (r) {
     var Component = RegionComponents[r.type];
-    return React.createElement(Component, {
+    return /*#__PURE__*/React.createElement(Component, {
       key: r.id,
       region: r,
       iw: iw,
@@ -270,7 +270,7 @@ export var RegionShapes = function RegionShapes(_ref20) {
   var iw = imagePosition.bottomRight.x - imagePosition.topLeft.x;
   var ih = imagePosition.bottomRight.y - imagePosition.topLeft.y;
   if (isNaN(iw) || isNaN(ih)) return null;
-  return React.createElement("svg", {
+  return /*#__PURE__*/React.createElement("svg", {
     width: iw,
     height: ih,
     style: {
@@ -282,7 +282,7 @@ export var RegionShapes = function RegionShapes(_ref20) {
       width: iw,
       height: ih
     }
-  }, React.createElement(WrappedRegionList, {
+  }, /*#__PURE__*/React.createElement(WrappedRegionList, {
     key: "wrapped-region-list",
     regions: regions,
     iw: iw,

package/RegionTags/index.js

@@ -58,14 +58,14 @@ export var RegionTags = function RegionTags(_ref) {
     };
 
     if (region.locked) {
-      return React.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: region.id,
         style: _objectSpread({
           position: "absolute"
         }, coords, {
           zIndex: 10 + (region.editingLabels ? 5 : 0)
         })
-      }, React.createElement(Paper, {
+      }, /*#__PURE__*/React.createElement(Paper, {
         style: _objectSpread({
           position: "absolute",
           left: 0
@@ -82,7 +82,7 @@ export var RegionTags = function RegionTags(_ref) {
           opacity: 0.5,
           pointerEvents: "none"
         })
-      }, React.createElement(LockIcon, {
+      }, /*#__PURE__*/React.createElement(LockIcon, {
         style: {
           width: 16,
           height: 16,
@@ -91,7 +91,7 @@ export var RegionTags = function RegionTags(_ref) {
       })));
     }
 
-    return React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       key: region.id,
       style: _objectSpread({
         position: "absolute"
@@ -112,7 +112,7 @@ export var RegionTags = function RegionTags(_ref) {
           mouseEvents.onMouseUp(e);
         }
       }
-    }, React.createElement("div", Object.assign({
+    }, /*#__PURE__*/React.createElement("div", Object.assign({
       style: _objectSpread({
         position: "absolute",
         zIndex: 20,
@@ -122,7 +122,7 @@ export var RegionTags = function RegionTags(_ref) {
       } : {
         top: 0
       })
-    }, !region.editingLabels ? copyWithout(mouseEvents, "onMouseDown", "onMouseUp") : {}), React.createElement(RegionLabel, {
+    }, !region.editingLabels ? copyWithout(mouseEvents, "onMouseDown", "onMouseUp") : {}), /*#__PURE__*/React.createElement(RegionLabel, {
       allowedClasses: regionClsList,
       allowedTags: regionTagList,
       onOpen: onBeginRegionEdit,

package/SettingsDialog/index.js

@@ -10,14 +10,14 @@ export var SettingsDialog = function SettingsDialog(_ref) {
   var open = _ref.open,
       onClose = _ref.onClose;
   var settings = useSettings();
-  return React.createElement(Dialog, {
+  return /*#__PURE__*/React.createElement(Dialog, {
     open: open || false,
     onClose: onClose
-  }, React.createElement(DialogTitle, null, "Settings"), React.createElement(DialogContent, {
+  }, /*#__PURE__*/React.createElement(DialogTitle, null, "Settings"), /*#__PURE__*/React.createElement(DialogContent, {
     style: {
       minWidth: 400
     }
-  }, React.createElement(Survey, {
+  }, /*#__PURE__*/React.createElement(Survey, {
     variant: "flat",
     noActions: true,
     defaultAnswers: settings,
@@ -45,7 +45,7 @@ export var SettingsDialog = function SettingsDialog(_ref) {
         choices: ["0.25x", "0.5x", "1x", "2x"]
       }]
     }
-  })), React.createElement(DialogActions, null, React.createElement(Button, {
+  })), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
     onClick: onClose
   }, "Close")));
 };

package/SettingsProvider/index.js

@@ -51,7 +51,7 @@ export var SettingsProvider = function SettingsProvider(_ref) {
     window.localStorage.setItem("settings_".concat(setting), JSON.stringify(value));
   };
 
-  return React.createElement(SettingsContext.Provider, {
+  return /*#__PURE__*/React.createElement(SettingsContext.Provider, {
     value: _objectSpread({}, state, {
       changeSetting: changeSetting
     })

package/Shortcuts/ShortcutField.js

@@ -27,11 +27,11 @@ var ShortcutField = function ShortcutField(_ref) {
       keyName = _ref.keyName,
       onChangeShortcut = _ref.onChangeShortcut;
   var classes = useStyles();
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: classes.shortcutKeyFieldWrapper
-  }, React.createElement(TextField, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     variant: "outlined",
     label: actionName,
     className: classes.shortcutTextfield,

package/Shortcuts/index.js

@@ -118,11 +118,11 @@ export default (function (_ref) {
       document.activeElement.blur();
     };
   }, [shortcuts]);
-  return React.createElement(SidebarBoxContainer, {
+  return /*#__PURE__*/React.createElement(SidebarBoxContainer, {
     title: "Shortcuts"
   }, Object.keys(shortcuts).map(function (actionId, index) {
     if (!shortcuts[actionId]) return null;
-    return React.createElement(ShortcutField, {
+    return /*#__PURE__*/React.createElement(ShortcutField, {
       key: actionId,
       actionId: actionId,
       actionName: shortcuts[actionId].name,

package/ShortcutsManager/index.js

@@ -52,14 +52,14 @@ export var defaultHotkeys = [{
 export var defaultKeyMap = {};
 
 for (var _i = 0, _defaultHotkeys = defaultHotkeys; _i < _defaultHotkeys.length; _i++) {
-  var _ref4 = _defaultHotkeys[_i];
-  var id = _ref4.id;
-  var binding = _ref4.binding;
+  var _ref2 = _defaultHotkeys[_i];
+  var id = _ref2.id;
+  var binding = _ref2.binding;
   defaultKeyMap[id] = binding;
 }
 
-export var useDispatchHotkeyHandlers = function useDispatchHotkeyHandlers(_ref2) {
-  var dispatch = _ref2.dispatch;
+export var useDispatchHotkeyHandlers = function useDispatchHotkeyHandlers(_ref3) {
+  var dispatch = _ref3.dispatch;
   var handlers = useMemo(function () {
     return {
       select_tool: function select_tool() {
@@ -142,13 +142,13 @@ export var useDispatchHotkeyHandlers = function useDispatchHotkeyHandlers(_ref2)
   }, [dispatch]);
   return handlers;
 };
-export default (function (_ref3) {
-  var children = _ref3.children,
-      dispatch = _ref3.dispatch;
+export default (function (_ref4) {
+  var children = _ref4.children,
+      dispatch = _ref4.dispatch;
   var handlers = useDispatchHotkeyHandlers({
     dispatch: dispatch
   });
-  return React.createElement(HotKeys, {
+  return /*#__PURE__*/React.createElement(HotKeys, {
     allowChanges: true,
     handlers: handlers
   }, children);

package/Sidebar/index.js

@@ -36,30 +36,30 @@ export var Sidebar = function Sidebar(_ref2) {
       onDeleteKeyframe = _ref2.onDeleteKeyframe,
       onShortcutActionDispatched = _ref2.onShortcutActionDispatched;
   if (!regions) regions = emptyArr;
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(Container, null, debug && React.createElement(DebugBox, {
+  }, /*#__PURE__*/React.createElement(Container, null, debug && /*#__PURE__*/React.createElement(DebugBox, {
     state: debug,
     lastAction: debug.lastAction
-  }), taskDescription && (taskDescription || "").length > 1 && React.createElement(TaskDescription, {
+  }), taskDescription && (taskDescription || "").length > 1 && /*#__PURE__*/React.createElement(TaskDescription, {
     description: taskDescription
-  }), labelImages && React.createElement(TagsSidebarBox, {
+  }), labelImages && /*#__PURE__*/React.createElement(TagsSidebarBox, {
     currentImage: currentImage,
     imageClsList: imageClsList,
     imageTagList: imageTagList,
     onChangeImage: onChangeImage,
     expandedByDefault: true
-  }), React.createElement(RegionSelector, {
+  }), /*#__PURE__*/React.createElement(RegionSelector, {
     regions: regions,
     onSelectRegion: onSelectRegion,
     onChangeRegion: onChangeRegion,
     onDeleteRegion: onDeleteRegion
-  }), keyframes && React.createElement(KeyframesSelector, {
+  }), keyframes && /*#__PURE__*/React.createElement(KeyframesSelector, {
     currentVideoTime: currentVideoTime,
     keyframes: keyframes,
     onChangeVideoTime: onChangeVideoTime,
     onDeleteKeyframe: onDeleteKeyframe
-  }), React.createElement(History, {
+  }), /*#__PURE__*/React.createElement(History, {
     history: history,
     onRestoreHistory: function onRestoreHistory() {
       return _onRestoreHistory();

package/SidebarBoxContainer/index.js

@@ -69,7 +69,7 @@ export var SidebarBoxContainer = function SidebarBoxContainer(_ref) {
       _ref$expandedByDefaul = _ref.expandedByDefault,
       expandedByDefault = _ref$expandedByDefaul === void 0 ? false : _ref$expandedByDefaul;
   var classes = useStyles();
-  var content = React.createElement("div", {
+  var content = /*#__PURE__*/React.createElement("div", {
     className: classnames(classes.expandedContent, noScroll && "noScroll")
   }, children);
 
@@ -81,9 +81,9 @@ export var SidebarBoxContainer = function SidebarBoxContainer(_ref) {
   var toggleExpanded = useEventCallback(function () {
     return changeExpanded(!expanded);
   });
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(SidebarBox, {
+  }, /*#__PURE__*/React.createElement(SidebarBox, {
     icon: icon,
     title: title
   }, children));

package/SmallToolButton/index.js

@@ -19,10 +19,10 @@ export var SmallToolButton = function SmallToolButton(_ref) {
 
   if (!enabledTools.includes(id) && !alwaysShowing) return null;
   selected = selected || selectedTool === id;
-  return React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(Tooltip, {
     placement: "right",
     title: name
-  }, React.createElement("div", null, React.createElement(IconButton, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconButton, {
     disabled: !togglable ? selected : undefined,
     "aria-label": name,
     onClick: function onClick() {

package/TagsSidebarBox/index.js

@@ -69,30 +69,30 @@ export var TagsSidebarBox = function TagsSidebarBox(_ref) {
     });
   }, [tags]);
   if (!currentImage) return null;
-  return React.createElement(SidebarBoxContainer, {
+  return /*#__PURE__*/React.createElement(SidebarBoxContainer, {
     title: "Image Tags",
     expandedByDefault: true,
     noScroll: true,
-    icon: React.createElement(StyleIcon, {
+    icon: /*#__PURE__*/React.createElement(StyleIcon, {
       style: {
         color: grey[700]
       }
     })
-  }, imageClsList.length > 0 && React.createElement("div", {
+  }, imageClsList.length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
       padding: 8
     }
-  }, React.createElement(Select, {
+  }, /*#__PURE__*/React.createElement(Select, {
     placeholder: "Image Classification",
     onChange: onChangeClassification,
     value: selectValue,
     options: memoImgClsList
-  })), imageTagList.length > 0 && React.createElement("div", {
+  })), imageTagList.length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
       padding: 8,
       paddingTop: 0
     }
-  }, React.createElement(Select, {
+  }, /*#__PURE__*/React.createElement(Select, {
     isMulti: true,
     placeholder: "Image Tags",
     onChange: onChangeTags,

package/TaskDescriptionSidebarBox/index.js

@@ -41,17 +41,17 @@ var MarkdownContainer = styled("div")(function (_ref) {
 });
 export var TaskDescriptionSidebarBox = function TaskDescriptionSidebarBox(_ref2) {
   var description = _ref2.description;
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(SidebarBoxContainer, {
+  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
     title: "Task Description",
-    icon: React.createElement(DescriptionIcon, {
+    icon: /*#__PURE__*/React.createElement(DescriptionIcon, {
       style: {
         color: grey[700]
       }
     }),
     expandedByDefault: description && description !== "" ? false : true
-  }, React.createElement(MarkdownContainer, null, React.createElement(Markdown, {
+  }, /*#__PURE__*/React.createElement(MarkdownContainer, null, /*#__PURE__*/React.createElement(Markdown, {
     source: description
   }))));
 };

package/Theme/index.js

@@ -23,8 +23,8 @@ var theme = createTheme({
 export var Theme = function Theme(_ref) {
   var children = _ref.children;
   var classes = useStyles();
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement("div", null, children));
+  }, /*#__PURE__*/React.createElement("div", null, children));
 };
 export default Theme;