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

package/GroupsEditorSidebarBox/index.js

@@ -23,13 +23,13 @@ var GroupItemDiv = styled("div")(function (_ref) {
 
 var GroupItem = function GroupItem(_ref2) {
   var group = _ref2.group;
-  return React.createElement(GroupItemDiv, null, uuidToHash(group.id));
+  return /*#__PURE__*/React.createElement(GroupItemDiv, null, uuidToHash(group.id));
 };
 
 var GroupList = function GroupList(_ref3) {
   var groups = _ref3.groups;
-  return React.createElement("div", null, React.createElement("h2", null, "Groups"), groups.map(function (g, idx) {
-    return React.createElement(GroupItem, {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "Groups"), groups.map(function (g, idx) {
+    return /*#__PURE__*/React.createElement(GroupItem, {
       key: "".concat(g, "-").concat(idx),
       group: g
     });
@@ -62,13 +62,13 @@ var AddGroupFrom = function AddGroupFrom(_ref5) {
     setValue('');
   };
 
-  return React.createElement(AddGroupFormDiv, null, React.createElement("form", {
+  return /*#__PURE__*/React.createElement(AddGroupFormDiv, null, /*#__PURE__*/React.createElement("form", {
     onSubmit: handleSubmit,
     style: {
       display: "flex",
       paddingRight: "6px"
     }
-  }, React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", {
     type: "text",
     value: value,
     name: "new-group",
@@ -77,7 +77,7 @@ var AddGroupFrom = function AddGroupFrom(_ref5) {
     style: {
       marginRight: "1rem"
     }
-  }), React.createElement("input", {
+  }), /*#__PURE__*/React.createElement("input", {
     type: "submit",
     value: "Create group"
   })));
@@ -119,19 +119,19 @@ var DivContainer = styled("div")(function (_ref6) {
 export var GroupsEditorSidebarBox = function GroupsEditorSidebarBox(_ref7) {
   var groups = _ref7.groups,
       onAddGroup = _ref7.onAddGroup;
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(SidebarBoxContainer, {
+  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
     title: "Groups",
-    icon: React.createElement(FilterNoneIcon, {
+    icon: /*#__PURE__*/React.createElement(FilterNoneIcon, {
       style: {
         color: grey[700]
       }
     }),
     expandedByDefault: true
-  }, React.createElement(DivContainer, null, React.createElement("h2", null, "Add new group"), React.createElement(AddGroupFrom, {
+  }, /*#__PURE__*/React.createElement(DivContainer, null, /*#__PURE__*/React.createElement("h2", null, "Add new group"), /*#__PURE__*/React.createElement(AddGroupFrom, {
     onAddGroup: onAddGroup
-  }), React.createElement(GroupList, {
+  }), /*#__PURE__*/React.createElement(GroupList, {
     groups: groups
   }))));
 };

package/HelpSidebarBox/index.js

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

package/HighlightBox/index.js

@@ -67,9 +67,9 @@ export var HighlightBox = function HighlightBox(_ref) {
     height: pbox.h + 10
   };
   var pathD = r.type === "point" ? "M5,5 L".concat(styleCoords.width - 5, " 5L").concat(styleCoords.width - 5, " ").concat(styleCoords.height - 5, "L5 ").concat(styleCoords.height - 5, "Z") : "M5,5 L".concat(pbox.w + 5, ",5 L").concat(pbox.w + 5, ",").concat(pbox.h + 5, " L5,").concat(pbox.h + 5, " Z");
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement("svg", Object.assign({
+  }, /*#__PURE__*/React.createElement("svg", Object.assign({
     key: r.id,
     className: classnames(classes.highlightBox, {
       highlighted: r.highlighted
@@ -95,7 +95,7 @@ export var HighlightBox = function HighlightBox(_ref) {
     }, {
       position: "absolute"
     }, styleCoords)
-  }), React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: pathD
   })));
 };

package/HistorySidebarBox/index.js

@@ -32,34 +32,34 @@ export var HistorySidebarBox = function HistorySidebarBox(_ref) {
   var history = _ref.history,
       onRestoreHistory = _ref.onRestoreHistory;
   var classes = useStyles();
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(SidebarBoxContainer, {
+  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
     title: "History",
-    icon: React.createElement(HistoryIcon, {
+    icon: /*#__PURE__*/React.createElement(HistoryIcon, {
       style: {
         color: grey[700]
       }
     }),
     expandedByDefault: true
-  }, React.createElement(List, null, history.length === 0 && React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(List, null, history.length === 0 && /*#__PURE__*/React.createElement("div", {
     className: classes.emptyText
   }, "No History Yet"), history.map(function (_ref2, i) {
     var name = _ref2.name,
         time = _ref2.time;
-    return React.createElement(ListItem, {
+    return /*#__PURE__*/React.createElement(ListItem, {
       button: true,
       dense: true,
       key: i
-    }, React.createElement(ListItemText, {
+    }, /*#__PURE__*/React.createElement(ListItemText, {
       style: listItemTextStyle,
       primary: name,
       secondary: moment(time).format("LT")
-    }), i === 0 && React.createElement(ListItemSecondaryAction, {
+    }), i === 0 && /*#__PURE__*/React.createElement(ListItemSecondaryAction, {
       onClick: function onClick() {
         return onRestoreHistory();
       }
-    }, React.createElement(IconButton, null, React.createElement(UndoIcon, null))));
+    }, /*#__PURE__*/React.createElement(IconButton, null, /*#__PURE__*/React.createElement(UndoIcon, null))));
   }))));
 };
 export default memo(HistorySidebarBox, function (prevProps, nextProps) {

package/ImageCanvas/index.js

@@ -306,9 +306,9 @@ export var ImageCanvas = function ImageCanvas(_ref2) {
     if (highlightedRegions.length !== 1) return null;
     return highlightedRegions[0];
   }, [regions]);
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: "100%",
       height: "100vh",
@@ -316,10 +316,10 @@ export var ImageCanvas = function ImageCanvas(_ref2) {
       overflow: "hidden",
       cursor: createWithPrimary ? "crosshair" : dragging ? "grabbing" : dragWithPrimary ? "grab" : zoomWithPrimary ? mat.a < 1 ? "zoom-out" : "zoom-in" : undefined
     }
-  }, showCrosshairs && React.createElement(Crosshairs, {
+  }, showCrosshairs && /*#__PURE__*/React.createElement(Crosshairs, {
     key: "crossHairs",
     mousePosition: mousePosition
-  }), imageLoaded && !dragging && React.createElement(RegionSelectAndTransformBoxes, {
+  }), imageLoaded && !dragging && /*#__PURE__*/React.createElement(RegionSelectAndTransformBoxes, {
     key: "regionSelectAndTransformBoxes",
     regions: !modifyingAllowedArea || !allowedArea ? regions : [{
       type: "box",
@@ -347,9 +347,9 @@ export var ImageCanvas = function ImageCanvas(_ref2) {
     onBeginMoveKeypoint: onBeginMoveKeypoint,
     onAddPolygonPoint: onAddPolygonPoint,
     showHighlightBox: showHighlightBox
-  }), imageLoaded && showTags && !dragging && React.createElement(PreventScrollToParents, {
+  }), imageLoaded && showTags && !dragging && /*#__PURE__*/React.createElement(PreventScrollToParents, {
     key: "regionTags"
-  }, React.createElement(RegionTags, {
+  }, /*#__PURE__*/React.createElement(RegionTags, {
     regions: regions,
     projectRegionBox: projectRegionBox,
     mouseEvents: mouseEvents,
@@ -367,10 +367,10 @@ export var ImageCanvas = function ImageCanvas(_ref2) {
     allowComments: allowComments,
     hideNotEditingLabel: hideNotEditingLabel,
     allowedGroups: allowedGroups
-  })), !showTags && highlightedRegion && React.createElement("div", {
+  })), !showTags && highlightedRegion && /*#__PURE__*/React.createElement("div", {
     key: "topLeftTag",
     className: classes.fixedRegionLabel
-  }, React.createElement(RegionLabel, {
+  }, /*#__PURE__*/React.createElement(RegionLabel, {
     disableClose: true,
     allowedClasses: regionClsList,
     allowedTags: regionTagList,
@@ -381,7 +381,7 @@ export var ImageCanvas = function ImageCanvas(_ref2) {
     region: highlightedRegion,
     imageSrc: imageSrc,
     allowComments: allowComments
-  })), zoomWithPrimary && zoomBox !== null && React.createElement("div", {
+  })), zoomWithPrimary && zoomBox !== null && /*#__PURE__*/React.createElement("div", {
     key: "zoomBox",
     style: {
       position: "absolute",
@@ -393,37 +393,37 @@ export var ImageCanvas = function ImageCanvas(_ref2) {
       width: zoomBox.w,
       height: zoomBox.h
     }
-  }), showPointDistances && React.createElement(PointDistances, {
+  }), showPointDistances && /*#__PURE__*/React.createElement(PointDistances, {
     key: "pointDistances",
     regions: regions,
     realSize: realSize,
     projectRegionBox: projectRegionBox,
     pointDistancePrecision: pointDistancePrecision
-  }), React.createElement(PreventScrollToParents, Object.assign({
+  }), /*#__PURE__*/React.createElement(PreventScrollToParents, Object.assign({
     style: {
       width: "100%",
       height: "100%"
     }
-  }, mouseEvents), React.createElement(React.Fragment, null, fullImageSegmentationMode && React.createElement(ImageMask, {
+  }, mouseEvents), /*#__PURE__*/React.createElement(React.Fragment, null, fullImageSegmentationMode && /*#__PURE__*/React.createElement(ImageMask, {
     hide: !showMask,
     autoSegmentationOptions: autoSegmentationOptions,
     imagePosition: imagePosition,
     regionClsList: regionClsList,
     imageSrc: imageSrc,
     regions: regions
-  }), React.createElement("canvas", {
+  }), /*#__PURE__*/React.createElement("canvas", {
     style: {
       opacity: 0.25
     },
     className: classes.canvas,
     ref: canvasEl
-  }), React.createElement(RegionShapes, {
+  }), /*#__PURE__*/React.createElement(RegionShapes, {
     mat: mat,
     keypointDefinitions: keypointDefinitions,
     imagePosition: imagePosition,
     regions: regions,
     fullSegmentationMode: fullImageSegmentationMode
-  }), React.createElement(VideoOrImageCanvasBackground, {
+  }), /*#__PURE__*/React.createElement(VideoOrImageCanvasBackground, {
     videoPlaying: videoPlaying,
     imagePosition: imagePosition,
     mouseEvents: mouseEvents,
@@ -434,7 +434,7 @@ export var ImageCanvas = function ImageCanvas(_ref2) {
     useCrossOrigin: fullImageSegmentationMode,
     onChangeVideoTime: onChangeVideoTime,
     onChangeVideoPlaying: onChangeVideoPlaying
-  }))), React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: classes.zoomIndicator
   }, (1 / mat.a * 100).toFixed(0), "%")));
 };

package/ImageMask/index.js

@@ -123,7 +123,7 @@ export var ImageMask = function ImageMask(_ref3) {
       pointerEvents: "none"
     };
   }, [imagePosition.topLeft.x, imagePosition.topLeft.y, imagePosition.bottomRight.x, imagePosition.bottomRight.y, zIndex, hide]);
-  return React.createElement("canvas", {
+  return /*#__PURE__*/React.createElement("canvas", {
     style: style,
     width: sampleImageData ? sampleImageData.width : 0,
     height: sampleImageData ? sampleImageData.height : 0,

package/ImageSelectorSidebarBox/index.js

@@ -23,28 +23,28 @@ export var ImageSelectorSidebarBox = function ImageSelectorSidebarBox(_ref) {
   var images = _ref.images,
       onSelect = _ref.onSelect;
   var classes = useStyles();
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(SidebarBoxContainer, {
+  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
     title: "Images",
     subTitle: "(".concat(images.length, ")"),
-    icon: React.createElement(CollectionsIcon, {
+    icon: /*#__PURE__*/React.createElement(CollectionsIcon, {
       style: {
         color: grey[700]
       }
     })
-  }, React.createElement("div", null, React.createElement(List, null, images.map(function (img, i) {
-    return React.createElement(ListItem, {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(List, null, images.map(function (img, i) {
+    return /*#__PURE__*/React.createElement(ListItem, {
       button: true,
       onClick: function onClick() {
         return onSelect(img);
       },
       dense: true,
       key: i
-    }, React.createElement("img", {
+    }, /*#__PURE__*/React.createElement("img", {
       className: classes.img,
       src: img.src
-    }), React.createElement(ListItemText, {
+    }), /*#__PURE__*/React.createElement(ListItemText, {
       primary: img.name,
       secondary: "".concat((img.regions || []).length, " Labels")
     }));

package/KeyframeTimeline/index.js

@@ -1,5 +1,12 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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; }
+
 import React, { useMemo, useState, useEffect } from "react";
 import { styled } from "@mui/material/styles";
 import { createTheme, ThemeProvider } from "@mui/material/styles";
@@ -109,17 +116,26 @@ var min = 60000;
 var displayIntervalPairs = [[50, 250], [100, 500], [250, 1000], [1000, 5000], [5000, 30000], [10000, min], [30000, min * 2], [min, min * 5], [min * 5, min * 30], [min * 10, min * 60], [min * 30, min * 60 * 3], [min * 60, min * 60 * 5]];
 
 var getMajorInterval = function getMajorInterval(duration) {
-  for (var _i = 0, _displayIntervalPairs = displayIntervalPairs; _i < _displayIntervalPairs.length; _i++) {
-    var _ref9 = _displayIntervalPairs[_i];
+  var _iterator = _createForOfIteratorHelper(displayIntervalPairs),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _ref9 = _step.value;
 
-    var _ref8 = _slicedToArray(_ref9, 2);
+      var _ref8 = _slicedToArray(_ref9, 2);
 
-    var minor = _ref8[0];
-    var major = _ref8[1];
+      var minor = _ref8[0];
+      var major = _ref8[1];
 
-    if (duration / major < 6 && duration / major > 2) {
-      return [minor, major];
+      if (duration / major < 6 && duration / major > 2) {
+        return [minor, major];
+      }
     }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
   }
 
   return [duration / 4, duration];
@@ -182,20 +198,20 @@ export default (function (_ref10) {
   }); // TODO skeleton
 
   if (!duration) return null;
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(Container, {
+  }, /*#__PURE__*/React.createElement(Container, {
     onMouseMove: onMouseMove,
     onMouseUp: onMouseUp,
     ref: ref
   }, range(0, duration, majorInterval).map(function (a) {
-    return React.createElement(React.Fragment, null, React.createElement(Tick, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tick, {
       key: a,
       style: {
         left: a / duration * bounds.width,
         height: "50%"
       }
-    }), React.createElement(TickText, {
+    }), /*#__PURE__*/React.createElement(TickText, {
       style: {
         left: a / duration * bounds.width + 8,
         bottom: "calc(50% - 12px)"
@@ -204,7 +220,7 @@ export default (function (_ref10) {
   }), range(0, duration, minorInterval).filter(function (a) {
     return !Number.isInteger(a / majorInterval);
   }).map(function (a) {
-    return React.createElement(Tick, {
+    return /*#__PURE__*/React.createElement(Tick, {
       key: a,
       style: {
         left: a / duration * bounds.width,
@@ -212,7 +228,7 @@ export default (function (_ref10) {
       }
     });
   }), keyframeTimes.map(function (kt) {
-    return React.createElement(KeyframeMarker, {
+    return /*#__PURE__*/React.createElement(KeyframeMarker, {
       onClick: function onClick() {
         return onChangeCurrentTime(kt);
       },
@@ -221,7 +237,7 @@ export default (function (_ref10) {
         left: kt / duration * bounds.width
       }
     });
-  }), React.createElement(PositionCursor, {
+  }), /*#__PURE__*/React.createElement(PositionCursor, {
     onMouseDown: function onMouseDown(e) {
       return changeDraggingTime(true);
     },

package/KeyframesSelectorSidebarBox/index.js

@@ -53,12 +53,12 @@ var KeyframesSelectorSidebarBox = function KeyframesSelectorSidebarBox(_ref2) {
   var keyframeTimes = Object.keys(keyframes).map(function (t) {
     return parseInt(t);
   });
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(SidebarBoxContainer, {
+  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
     title: "Keyframes",
     subTitle: "",
-    icon: React.createElement(AddLocationIcon, {
+    icon: /*#__PURE__*/React.createElement(AddLocationIcon, {
       style: {
         color: colors.grey[700]
       }
@@ -67,20 +67,20 @@ var KeyframesSelectorSidebarBox = function KeyframesSelectorSidebarBox(_ref2) {
   }, keyframeTimes.map(function (t) {
     var _keyframes$t;
 
-    return React.createElement(KeyframeRow, {
+    return /*#__PURE__*/React.createElement(KeyframeRow, {
       fullWidth: true,
       key: t,
       className: currentVideoTime === t ? "current" : "",
       onClick: function onClick() {
         return onChangeVideoTime(t);
       }
-    }, React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "time"
-    }, getTimeString(t, 2), React.createElement("span", {
+    }, getTimeString(t, 2), /*#__PURE__*/React.createElement("span", {
       className: "regionCount"
-    }, "(", (((_keyframes$t = keyframes[t]) === null || _keyframes$t === void 0 ? void 0 : _keyframes$t.regions) || []).length, ")")), React.createElement("div", {
+    }, "(", (((_keyframes$t = keyframes[t]) === null || _keyframes$t === void 0 ? void 0 : _keyframes$t.regions) || []).length, ")")), /*#__PURE__*/React.createElement("div", {
       className: "trash"
-    }, React.createElement(TrashIcon, {
+    }, /*#__PURE__*/React.createElement(TrashIcon, {
       onClick: function onClick(e) {
         onDeleteKeyframe(t);
         e.stopPropagation();

package/LandingPage/index.js

@@ -100,7 +100,7 @@ var Section = styled("div")(function (_ref9) {
 var CodeBlock = function CodeBlock(_ref10) {
   var language = _ref10.language,
       value = _ref10.value;
-  return React.createElement(SyntaxHighlighter, {
+  return /*#__PURE__*/React.createElement(SyntaxHighlighter, {
     language: language,
     style: docco
   }, value);
@@ -120,33 +120,33 @@ function HeadingRenderer(props) {
 }
 
 var LandingPage = function LandingPage() {
-  return React.createElement(ThemeProvider, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
     theme: theme
-  }, React.createElement(RootContainer, null, React.createElement(Header, {
+  }, /*#__PURE__*/React.createElement(RootContainer, null, /*#__PURE__*/React.createElement(Header, {
     id: "about"
-  }, React.createElement(ContentContainer, {
+  }, /*#__PURE__*/React.createElement(ContentContainer, {
     style: {
       flexDirection: "row",
       flexGrow: 1
     }
-  }, React.createElement(HeaderButton, {
+  }, /*#__PURE__*/React.createElement(HeaderButton, {
     href: "#features"
-  }, "Features"), React.createElement(HeaderButton, {
+  }, "Features"), /*#__PURE__*/React.createElement(HeaderButton, {
     href: "#usage"
-  }, "Usage"), React.createElement(HeaderButton, {
+  }, "Usage"), /*#__PURE__*/React.createElement(HeaderButton, {
     href: "#props"
-  }, "Props"), React.createElement(HeaderButton, {
+  }, "Props"), /*#__PURE__*/React.createElement(HeaderButton, {
     href: "./demo"
-  }, "Demo Playground"))), React.createElement(Hero, null, React.createElement(ContentContainer, null, React.createElement(HeroMain, null, "React Image Annotate"), React.createElement(HeroSub, null, "Powerful React component for image annotations with bounding boxes, tagging, classification, multiple images and polygon segmentation."), React.createElement(HeroButtons, null, React.createElement(GitHubButton, {
+  }, "Demo Playground"))), /*#__PURE__*/React.createElement(Hero, null, /*#__PURE__*/React.createElement(ContentContainer, null, /*#__PURE__*/React.createElement(HeroMain, null, "React Image Annotate"), /*#__PURE__*/React.createElement(HeroSub, null, "Powerful React component for image annotations with bounding boxes, tagging, classification, multiple images and polygon segmentation."), /*#__PURE__*/React.createElement(HeroButtons, null, /*#__PURE__*/React.createElement(GitHubButton, {
     href: "https://github.com/waoai/react-image-annotate",
     "data-size": "large",
     "data-show-count": "true",
     "aria-label": "Star waoai/react-image-annotate on GitHub"
-  }, "Star")))), React.createElement(ContentContainer, {
+  }, "Star")))), /*#__PURE__*/React.createElement(ContentContainer, {
     className: "markdown-body"
-  }, React.createElement(Section, {
+  }, /*#__PURE__*/React.createElement(Section, {
     className: "markdown-body"
-  }, React.createElement(Markdown, {
+  }, /*#__PURE__*/React.createElement(Markdown, {
     escapeHtml: false,
     source: contentMd,
     renderers: {

package/Locker/index.js

@@ -3,9 +3,9 @@ import LockIcon from '@mui/icons-material/Lock';
 import './locker.css';
 
 function Locker() {
-  return React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "locker"
-  }, React.createElement(LockIcon, null));
+  }, /*#__PURE__*/React.createElement(LockIcon, null));
 }
 
 export default Locker;

package/MainLayout/RightSidebarItemsWrapper.js

@@ -10,7 +10,7 @@ function RightSidebarItemsWrapper(_ref) {
       parentEl.style.overflowY = "scroll";
     }
   }, []);
-  return React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: elementRef,
     id: "right-sidebar"
   }, children);

package/MainLayout/icon-dictionary.js

@@ -11,7 +11,7 @@ var faStyle = {
 };
 export var iconDictionary = {
   select: function select() {
-    return React.createElement(FontAwesomeIcon, {
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       style: faStyle,
       size: "xs",
       fixedWidth: true,
@@ -19,7 +19,7 @@ export var iconDictionary = {
     });
   },
   pan: function pan() {
-    return React.createElement(FontAwesomeIcon, {
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       style: faStyle,
       size: "xs",
       fixedWidth: true,
@@ -27,7 +27,7 @@ export var iconDictionary = {
     });
   },
   zoom: function zoom() {
-    return React.createElement(FontAwesomeIcon, {
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       style: faStyle,
       size: "xs",
       fixedWidth: true,
@@ -35,7 +35,7 @@ export var iconDictionary = {
     });
   },
   "show-tags": function showTags() {
-    return React.createElement(FontAwesomeIcon, {
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       style: faStyle,
       size: "xs",
       fixedWidth: true,
@@ -43,7 +43,7 @@ export var iconDictionary = {
     });
   },
   "create-point": function createPoint() {
-    return React.createElement(FontAwesomeIcon, {
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       style: faStyle,
       size: "xs",
       fixedWidth: true,
@@ -51,7 +51,7 @@ export var iconDictionary = {
     });
   },
   "create-box": function createBox() {
-    return React.createElement(FontAwesomeIcon, {
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       style: faStyle,
       size: "xs",
       fixedWidth: true,
@@ -59,7 +59,7 @@ export var iconDictionary = {
     });
   },
   "create-polygon": function createPolygon() {
-    return React.createElement(FontAwesomeIcon, {
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       style: faStyle,
       size: "xs",
       fixedWidth: true,
@@ -67,7 +67,7 @@ export var iconDictionary = {
     });
   },
   "create-expanding-line": function createExpandingLine() {
-    return React.createElement(FontAwesomeIcon, {
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       style: faStyle,
       size: "xs",
       fixedWidth: true,
@@ -75,7 +75,7 @@ export var iconDictionary = {
     });
   },
   "create-line": function createLine() {
-    return React.createElement(FontAwesomeIcon, {
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       style: faStyle,
       size: "xs",
       fixedWidth: true,
@@ -83,7 +83,7 @@ export var iconDictionary = {
     });
   },
   "show-mask": function showMask() {
-    return React.createElement(FontAwesomeIcon, {
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       style: faStyle,
       size: "xs",
       fixedWidth: true,
@@ -91,7 +91,7 @@ export var iconDictionary = {
     });
   },
   "modify-allowed-area": function modifyAllowedArea() {
-    return React.createElement(FontAwesomeIcon, {
+    return /*#__PURE__*/React.createElement(FontAwesomeIcon, {
       style: faStyle,
       size: "xs",
       fixedWidth: true,