@searpent/react-image-annotate 2.0.76 → 2.0.78

package/src/LandingPage/index.js

@@ -1,147 +0,0 @@
-// @flow
-
-import React from "react"
-import Button from "@mui/material/Button"
-import { styled } from "@mui/material/styles"
-import { createTheme, ThemeProvider } from "@mui/material/styles"
-import * as colors from "@mui/material/colors"
-import Grid from "@mui/material/Grid"
-import Markdown from "react-markdown"
-import GitHubButton from "react-github-btn"
-import "./github-markdown.css"
-import raw from "raw.macro"
-import { Prism as SyntaxHighlighter } from "react-syntax-highlighter"
-import { docco } from "react-syntax-highlighter/dist/cjs/languages/hljs/javascript"
-
-const contentMd = raw("./content.md")
-const theme = createTheme()
-const RootContainer = styled("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-}))
-const ContentContainer = styled("div")(({ theme }) => ({
-  width: "100%",
-  boxSizing: "border-box",
-  display: "flex",
-  flexDirection: "column",
-  maxWidth: 1200,
-}))
-const Header = styled("div")(({ theme }) => ({
-  width: "100%",
-  display: "flex",
-  justifyContent: "center",
-  backgroundColor: colors.blue[600],
-  padding: 8,
-  boxSizing: "border-box",
-}))
-const HeaderButton = styled(Button)(({ theme }) => ({
-  color: "white",
-  margin: 8,
-  padding: 16,
-  paddingLeft: 24,
-  paddingRight: 24,
-}))
-const Hero = styled("div")(({ theme }) => ({
-  display: "flex",
-  justifyContent: "center",
-  width: "100%",
-  backgroundColor: colors.blue[500],
-  padding: 16,
-  color: "white",
-  boxSizing: "border-box",
-}))
-const HeroMain = styled("div")(({ theme }) => ({
-  fontSize: 48,
-  fontWeight: "bold",
-  paddingTop: 64,
-  textShadow: "0px 1px 5px rgba(0,0,0,0.3)",
-}))
-const HeroSub = styled("div")(({ theme }) => ({
-  paddingTop: 32,
-  lineHeight: 1.5,
-  fontSize: 24,
-  textShadow: "0px 1px 3px rgba(0,0,0,0.2)",
-}))
-const HeroButtons = styled("div")(({ theme }) => ({
-  paddingTop: 32,
-  paddingBottom: 48,
-}))
-const Section = styled("div")(({ theme }) => ({
-  display: "flex",
-  padding: 16,
-  paddingTop: 32,
-  flexDirection: "column",
-}))
-
-const CodeBlock = ({ language, value }) => {
-  return (
-    <SyntaxHighlighter language={language} style={docco}>
-      {value}
-    </SyntaxHighlighter>
-  )
-}
-
-function flatten(text, child) {
-  return typeof child === "string"
-    ? text + child
-    : React.Children.toArray(child.props.children).reduce(flatten, text)
-}
-
-function HeadingRenderer(props) {
-  var children = React.Children.toArray(props.children)
-  var text = children.reduce(flatten, "")
-  var slug = text.toLowerCase().replace(/\W/g, "-")
-  return React.createElement("h" + props.level, { id: slug }, props.children)
-}
-
-const LandingPage = () => {
-  return (
-    <ThemeProvider theme={theme}>
-      <RootContainer>
-        <Header id="about">
-          <ContentContainer style={{ flexDirection: "row", flexGrow: 1 }}>
-            <HeaderButton href="#features">Features</HeaderButton>
-            <HeaderButton href="#usage">Usage</HeaderButton>
-            <HeaderButton href="#props">Props</HeaderButton>
-            <HeaderButton href="./demo">Demo Playground</HeaderButton>
-          </ContentContainer>
-        </Header>
-        <Hero>
-          <ContentContainer>
-            <HeroMain>React Image Annotate</HeroMain>
-            <HeroSub>
-              Powerful React component for image annotations with bounding
-              boxes, tagging, classification, multiple images and polygon
-              segmentation.
-            </HeroSub>
-            <HeroButtons>
-              <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
-              </GitHubButton>
-            </HeroButtons>
-          </ContentContainer>
-        </Hero>
-        <ContentContainer className="markdown-body">
-          <Section className="markdown-body">
-            <Markdown
-              escapeHtml={false}
-              source={contentMd}
-              renderers={{
-                code: CodeBlock,
-                heading: HeadingRenderer,
-              }}
-            />
-          </Section>
-        </ContentContainer>
-      </RootContainer>
-    </ThemeProvider>
-  )
-}
-
-export default LandingPage

package/src/Locker/index.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import LockIcon from '@mui/icons-material/Lock';
-import './locker.css';
-
-function Locker() {
-  return (
-    <div className="locker">
-      <LockIcon />
-    </div>
-  );
-}
-
-export default Locker;

package/src/MainLayout/RightSidebarItemsWrapper.js

@@ -1,21 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-
-function RightSidebarItemsWrapper({ children }) {
-  const elementRef = useRef();
-
-  useEffect(() => {
-    if (elementRef) {
-      const divElement = elementRef.current;
-      const parentEl = divElement.parentElement;
-      parentEl.style.overflowY = "scroll";
-    }
-  }, [])
-
-  return (
-    <div ref={elementRef} id="right-sidebar">
-      {children}
-    </div>
-  );
-}
-
-export default RightSidebarItemsWrapper;

package/src/MainLayout/icon-dictionary.js

@@ -1,79 +0,0 @@
-// @flow
-
-import React from "react"
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
-import {
-  faArrowsAlt,
-  faMousePointer,
-  faExpandArrowsAlt,
-  faGripLines,
-  faTag,
-  faPaintBrush,
-  faCrosshairs,
-  faDrawPolygon,
-  faVectorSquare,
-  faHandPaper,
-  faSearch,
-  faMask,
-  faEdit,
-  faChartLine,
-} from "@fortawesome/free-solid-svg-icons"
-import FullscreenIcon from "@mui/icons-material/Fullscreen"
-import AccessibilityNewIcon from "@mui/icons-material/AccessibilityNew"
-
-const faStyle = { marginTop: 4, width: 16, height: 16, marginBottom: 4 }
-
-export const iconDictionary = {
-  select: () => (
-    <FontAwesomeIcon
-      style={faStyle}
-      size="xs"
-      fixedWidth
-      icon={faMousePointer}
-    />
-  ),
-  pan: () => (
-    <FontAwesomeIcon style={faStyle} size="xs" fixedWidth icon={faHandPaper} />
-  ),
-  zoom: () => (
-    <FontAwesomeIcon style={faStyle} size="xs" fixedWidth icon={faSearch} />
-  ),
-  "show-tags": () => (
-    <FontAwesomeIcon style={faStyle} size="xs" fixedWidth icon={faTag} />
-  ),
-  "create-point": () => (
-    <FontAwesomeIcon style={faStyle} size="xs" fixedWidth icon={faCrosshairs} />
-  ),
-  "create-box": () => (
-    <FontAwesomeIcon
-      style={faStyle}
-      size="xs"
-      fixedWidth
-      icon={faVectorSquare}
-    />
-  ),
-  "create-polygon": () => (
-    <FontAwesomeIcon
-      style={faStyle}
-      size="xs"
-      fixedWidth
-      icon={faDrawPolygon}
-    />
-  ),
-  "create-expanding-line": () => (
-    <FontAwesomeIcon style={faStyle} size="xs" fixedWidth icon={faGripLines} />
-  ),
-  "create-line": () => (
-    <FontAwesomeIcon style={faStyle} size="xs" fixedWidth icon={faChartLine} />
-  ),
-  "show-mask": () => (
-    <FontAwesomeIcon style={faStyle} size="xs" fixedWidth icon={faMask} />
-  ),
-  "modify-allowed-area": () => (
-    <FontAwesomeIcon style={faStyle} size="xs" fixedWidth icon={faEdit} />
-  ),
-  "create-keypoints": AccessibilityNewIcon,
-  window: FullscreenIcon,
-}
-
-export default iconDictionary