@searpent/react-image-annotate 2.3.3 → 2.3.5

package/ImageSelectorSidebarBox/index.js

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

package/KeyframeTimeline/index.js

@@ -182,52 +182,72 @@ export default (function (_ref10) {
   }); // TODO skeleton
 
   if (!duration) return null;
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, 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, {
-      key: a,
-      style: {
-        left: a / duration * bounds.width,
-        height: "50%"
-      }
-    }), React.createElement(TickText, {
-      style: {
-        left: a / duration * bounds.width + 8,
-        bottom: "calc(50% - 12px)"
-      }
-    }, getTimeString(a)));
-  }), range(0, duration, minorInterval).filter(function (a) {
-    return !Number.isInteger(a / majorInterval);
-  }).map(function (a) {
-    return React.createElement(Tick, {
-      key: a,
-      style: {
-        left: a / duration * bounds.width,
-        height: "25%"
-      }
-    });
-  }), keyframeTimes.map(function (kt) {
-    return React.createElement(KeyframeMarker, {
-      onClick: function onClick() {
-        return onChangeCurrentTime(kt);
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    },
+    /*#__PURE__*/
+    React.createElement(Container, {
+      onMouseMove: onMouseMove,
+      onMouseUp: onMouseUp,
+      ref: ref
+    }, range(0, duration, majorInterval).map(function (a) {
+      return (
+        /*#__PURE__*/
+        React.createElement(React.Fragment, null,
+        /*#__PURE__*/
+        React.createElement(Tick, {
+          key: a,
+          style: {
+            left: a / duration * bounds.width,
+            height: "50%"
+          }
+        }),
+        /*#__PURE__*/
+        React.createElement(TickText, {
+          style: {
+            left: a / duration * bounds.width + 8,
+            bottom: "calc(50% - 12px)"
+          }
+        }, getTimeString(a)))
+      );
+    }), range(0, duration, minorInterval).filter(function (a) {
+      return !Number.isInteger(a / majorInterval);
+    }).map(function (a) {
+      return (
+        /*#__PURE__*/
+        React.createElement(Tick, {
+          key: a,
+          style: {
+            left: a / duration * bounds.width,
+            height: "25%"
+          }
+        })
+      );
+    }), keyframeTimes.map(function (kt) {
+      return (
+        /*#__PURE__*/
+        React.createElement(KeyframeMarker, {
+          onClick: function onClick() {
+            return onChangeCurrentTime(kt);
+          },
+          key: kt,
+          style: {
+            left: kt / duration * bounds.width
+          }
+        })
+      );
+    }),
+    /*#__PURE__*/
+    React.createElement(PositionCursor, {
+      onMouseDown: function onMouseDown(e) {
+        return changeDraggingTime(true);
       },
-      key: kt,
       style: {
-        left: kt / duration * bounds.width
+        cursor: draggingTime ? "grabbing" : "grab",
+        left: instantCurrentTime / duration * bounds.width
       }
-    });
-  }), React.createElement(PositionCursor, {
-    onMouseDown: function onMouseDown(e) {
-      return changeDraggingTime(true);
-    },
-    style: {
-      cursor: draggingTime ? "grabbing" : "grab",
-      left: instantCurrentTime / duration * bounds.width
-    }
-  }, getTimeString(instantCurrentTime))));
+    }, getTimeString(instantCurrentTime))))
+  );
 });

package/KeyframesSelectorSidebarBox/index.js

@@ -54,66 +54,88 @@ var KeyframesSelectorSidebarBox = function KeyframesSelectorSidebarBox(_ref2) {
   var keyframeTimes = Object.keys(keyframes).map(function (t) {
     return parseInt(t);
   });
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, React.createElement(SidebarBoxContainer, {
-    title: "Keyframes",
-    subTitle: "",
-    icon: React.createElement(AddLocationIcon, {
-      style: {
-        color: colors.grey[700]
-      }
-    }),
-    expandedByDefault: true
-  }, keyframeTimes.length > 0 && React.createElement("div", {
-    style: {
-      padding: 8,
-      paddingBottom: 0
-    }
-  }, React.createElement("button", {
-    type: "button",
-    onClick: function onClick(e) {
-      e.stopPropagation();
-
-      if (window.confirm("Are you really sure you want to delete all frames? This will remove all keyframes for this video.")) {
-        if (onDeleteAllKeyframes) {
-          onDeleteAllKeyframes();
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    },
+    /*#__PURE__*/
+    React.createElement(SidebarBoxContainer, {
+      title: "Keyframes",
+      subTitle: "",
+      icon:
+      /*#__PURE__*/
+      React.createElement(AddLocationIcon, {
+        style: {
+          color: colors.grey[700]
         }
+      }),
+      expandedByDefault: true
+    }, keyframeTimes.length > 0 &&
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        padding: 8,
+        paddingBottom: 0
       }
     },
-    style: {
-      fontSize: 12,
-      color: colors.red[700],
-      background: "none",
-      border: "none",
-      cursor: "pointer",
-      padding: 0,
-      textDecoration: "underline"
-    }
-  }, "Delete all frames")), keyframeTimes.map(function (t) {
-    var _keyframes$t;
-
-    return React.createElement(KeyframeRow, {
-      fullWidth: true,
-      key: t,
-      className: currentVideoTime === t ? "current" : "",
-      onClick: function onClick() {
-        return onChangeVideoTime(t);
-      }
-    }, React.createElement("div", {
-      className: "time"
-    }, getTimeString(t, 2), React.createElement("span", {
-      className: "regionCount"
-    }, "(", (((_keyframes$t = keyframes[t]) === null || _keyframes$t === void 0 ? void 0 : _keyframes$t.regions) || []).length, ")")), React.createElement("div", {
-      className: "trash"
-    }, React.createElement(TrashIcon, {
+    /*#__PURE__*/
+    React.createElement("button", {
+      type: "button",
       onClick: function onClick(e) {
-        onDeleteKeyframe(t);
         e.stopPropagation();
+
+        if (window.confirm("Are you really sure you want to delete all frames? This will remove all keyframes for this video.")) {
+          if (onDeleteAllKeyframes) {
+            onDeleteAllKeyframes();
+          }
+        }
       },
-      className: "icon"
-    })));
-  })));
+      style: {
+        fontSize: 12,
+        color: colors.red[700],
+        background: "none",
+        border: "none",
+        cursor: "pointer",
+        padding: 0,
+        textDecoration: "underline"
+      }
+    }, "Delete all frames")), keyframeTimes.map(function (t) {
+      var _keyframes$t;
+
+      return (
+        /*#__PURE__*/
+        React.createElement(KeyframeRow, {
+          fullWidth: true,
+          key: t,
+          className: currentVideoTime === t ? "current" : "",
+          onClick: function onClick() {
+            return onChangeVideoTime(t);
+          }
+        },
+        /*#__PURE__*/
+        React.createElement("div", {
+          className: "time"
+        }, getTimeString(t, 2),
+        /*#__PURE__*/
+        React.createElement("span", {
+          className: "regionCount"
+        }, "(", (((_keyframes$t = keyframes[t]) === null || _keyframes$t === void 0 ? void 0 : _keyframes$t.regions) || []).length, ")")),
+        /*#__PURE__*/
+        React.createElement("div", {
+          className: "trash"
+        },
+        /*#__PURE__*/
+        React.createElement(TrashIcon, {
+          onClick: function onClick(e) {
+            onDeleteKeyframe(t);
+            e.stopPropagation();
+          },
+          className: "icon"
+        })))
+      );
+    })))
+  );
 };
 
 export default KeyframesSelectorSidebarBox;

package/LandingPage/index.js

@@ -100,10 +100,13 @@ var Section = styled("div")(function (_ref9) {
 var CodeBlock = function CodeBlock(_ref10) {
   var language = _ref10.language,
       value = _ref10.value;
-  return React.createElement(SyntaxHighlighter, {
-    language: language,
-    style: docco
-  }, value);
+  return (
+    /*#__PURE__*/
+    React.createElement(SyntaxHighlighter, {
+      language: language,
+      style: docco
+    }, value)
+  );
 };
 
 function flatten(text, child) {
@@ -120,40 +123,75 @@ function HeadingRenderer(props) {
 }
 
 var LandingPage = function LandingPage() {
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, React.createElement(RootContainer, null, React.createElement(Header, {
-    id: "about"
-  }, React.createElement(ContentContainer, {
-    style: {
-      flexDirection: "row",
-      flexGrow: 1
-    }
-  }, React.createElement(HeaderButton, {
-    href: "#features"
-  }, "Features"), React.createElement(HeaderButton, {
-    href: "#usage"
-  }, "Usage"), React.createElement(HeaderButton, {
-    href: "#props"
-  }, "Props"), 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, {
-    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, {
-    className: "markdown-body"
-  }, React.createElement(Section, {
-    className: "markdown-body"
-  }, React.createElement(Markdown, {
-    escapeHtml: false,
-    source: contentMd,
-    renderers: {
-      code: CodeBlock,
-      heading: HeadingRenderer
-    }
-  })))));
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    },
+    /*#__PURE__*/
+    React.createElement(RootContainer, null,
+    /*#__PURE__*/
+    React.createElement(Header, {
+      id: "about"
+    },
+    /*#__PURE__*/
+    React.createElement(ContentContainer, {
+      style: {
+        flexDirection: "row",
+        flexGrow: 1
+      }
+    },
+    /*#__PURE__*/
+    React.createElement(HeaderButton, {
+      href: "#features"
+    }, "Features"),
+    /*#__PURE__*/
+    React.createElement(HeaderButton, {
+      href: "#usage"
+    }, "Usage"),
+    /*#__PURE__*/
+    React.createElement(HeaderButton, {
+      href: "#props"
+    }, "Props"),
+    /*#__PURE__*/
+    React.createElement(HeaderButton, {
+      href: "./demo"
+    }, "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")))),
+    /*#__PURE__*/
+    React.createElement(ContentContainer, {
+      className: "markdown-body"
+    },
+    /*#__PURE__*/
+    React.createElement(Section, {
+      className: "markdown-body"
+    },
+    /*#__PURE__*/
+    React.createElement(Markdown, {
+      escapeHtml: false,
+      source: contentMd,
+      renderers: {
+        code: CodeBlock,
+        heading: HeadingRenderer
+      }
+    })))))
+  );
 };
 
 export default LandingPage;

package/Locker/index.js

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

package/MainLayout/RightSidebarItemsWrapper.js

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