@searpent/react-image-annotate 2.3.3 → 2.3.5

package/Annotator/reducers/convert-expanding-line-to-polygon.js

@@ -54,20 +54,19 @@ export default (function (expandingLine) {
     open: false,
     points: newPoints,
     unfinished: undefined,
-    candidatePoint: undefined // let { expandingWidth = 0.005, points } = region
-    // expandingWidth = points.slice(-1)[0].width || expandingWidth
-    // const lastPoint = points.slice(-1)[0]
-    // return (
-    //   <>
-    //     <polygon
-    //       points={
-    //         .map((p) => `${p.x * iw} ${p.y * ih}`)
-    //         .join(" ")}
-    // return {
-    //   ...expandingLine,
-    //   unfinished: undefined,
-    //   candidatePoint: undefined,
-    // }
-
-  });
+    candidatePoint: undefined
+  }); // let { expandingWidth = 0.005, points } = region
+  // expandingWidth = points.slice(-1)[0].width || expandingWidth
+  // const lastPoint = points.slice(-1)[0]
+  // return (
+  //   <>
+  //     <polygon
+  //       points={
+  //         .map((p) => `${p.x * iw} ${p.y * ih}`)
+  //         .join(" ")}
+  // return {
+  //   ...expandingLine,
+  //   unfinished: undefined,
+  //   candidatePoint: undefined,
+  // }
 });

package/ClassSelectionMenu/index.js

@@ -100,41 +100,61 @@ export var ClassSelectionMenu = function ClassSelectionMenu(_ref6) {
       return window.removeEventListener("keydown", onKeyDown);
     };
   }, [regionClsList, selectedCls]);
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, React.createElement(SidebarBoxContainer, {
-    title: "Classifications",
-    subTitle: "",
-    icon: React.createElement(BallotIcon, {
-      style: {
-        color: muiColors.grey[700]
-      }
-    }),
-    expandedByDefault: true
-  }, regionClsList.map(function (label, index) {
-    return React.createElement(LabelContainer, {
-      key: label,
-      className: classnames({
-        selected: label === selectedCls
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    },
+    /*#__PURE__*/
+    React.createElement(SidebarBoxContainer, {
+      title: "Classifications",
+      subTitle: "",
+      icon:
+      /*#__PURE__*/
+      React.createElement(BallotIcon, {
+        style: {
+          color: muiColors.grey[700]
+        }
       }),
-      onClick: function onClick() {
-        return onSelectCls(label);
-      }
-    }, React.createElement(Circle, {
-      style: {
-        backgroundColor: clsColor(label)
-      }
-    }), React.createElement(Label, {
-      className: classnames({
-        selected: label === selectedCls
-      })
-    }, capitalize(label)), React.createElement(DashSep, null), React.createElement(Number, {
-      className: classnames({
-        selected: label === selectedCls
-      })
-    }, index < 9 ? "Key [".concat(index + 1, "]") : ""));
-  }), React.createElement(Box, {
-    pb: 2
-  })));
+      expandedByDefault: true
+    }, regionClsList.map(function (label, index) {
+      return (
+        /*#__PURE__*/
+        React.createElement(LabelContainer, {
+          key: label,
+          className: classnames({
+            selected: label === selectedCls
+          }),
+          onClick: function onClick() {
+            return onSelectCls(label);
+          }
+        },
+        /*#__PURE__*/
+        React.createElement(Circle, {
+          style: {
+            backgroundColor: clsColor(label)
+          }
+        }),
+        /*#__PURE__*/
+        React.createElement(Label, {
+          className: classnames({
+            selected: label === selectedCls
+          })
+        }, capitalize(label)),
+        /*#__PURE__*/
+        React.createElement(DashSep, null),
+        /*#__PURE__*/
+        React.createElement(Number, {
+          className: classnames({
+            selected: label === selectedCls
+          })
+        }, index < 9 ? "Key [".concat(index + 1, "]") : ""))
+      );
+    }),
+    /*#__PURE__*/
+    React.createElement(Box, {
+      pb: 2
+    })))
+  );
 };
 export default ClassSelectionMenu;

package/Crosshairs/index.js

@@ -26,28 +26,35 @@ export var Crosshairs = function Crosshairs(_ref) {
       return clearInterval(interval);
     };
   });
-  return React.createElement(Fragment, null, React.createElement("div", {
-    style: {
-      position: "absolute",
-      height: "100%",
-      width: 1,
-      zIndex: 10,
-      backgroundColor: "#f00",
-      left: x,
-      pointerEvents: "none",
-      top: 0
-    }
-  }), React.createElement("div", {
-    style: {
-      position: "absolute",
-      width: "100%",
-      zIndex: 10,
-      height: 1,
-      backgroundColor: "#f00",
-      top: y,
-      pointerEvents: "none",
-      left: 0
-    }
-  }));
+  return (
+    /*#__PURE__*/
+    React.createElement(Fragment, null,
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        position: "absolute",
+        height: "100%",
+        width: 1,
+        zIndex: 10,
+        backgroundColor: "#f00",
+        left: x,
+        pointerEvents: "none",
+        top: 0
+      }
+    }),
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        position: "absolute",
+        width: "100%",
+        zIndex: 10,
+        height: 1,
+        backgroundColor: "#f00",
+        top: y,
+        pointerEvents: "none",
+        left: 0
+      }
+    }))
+  );
 };
 export default Crosshairs;

package/DebugSidebarBox/index.js

@@ -7,14 +7,45 @@ export var DebugSidebarBox = function DebugSidebarBox(_ref) {
   var region = image ? (image.regions || []).filter(function (r) {
     return r.highlighted;
   }) : null;
-  return React.createElement(SidebarBoxContainer, {
-    title: "Debug",
-    icon: React.createElement("span", null),
-    expandedByDefault: true
-  }, React.createElement("div", {
-    style: {
-      padding: 4
-    }
-  }, React.createElement("div", null, React.createElement("b", null, "region"), ":"), React.createElement("pre", null, JSON.stringify(region, null, "  ")), React.createElement("div", null, React.createElement("b", null, "lastAction"), ":"), React.createElement("pre", null, JSON.stringify(lastAction, null, "  ")), React.createElement("div", null, React.createElement("b", null, "mode"), ":"), React.createElement("pre", null, JSON.stringify(state.mode, null, "  ")), React.createElement("div", null, React.createElement("b", null, "frame:")), React.createElement("pre", null, JSON.stringify(state.selectedImageFrameTime, null, "  "))));
+  return (
+    /*#__PURE__*/
+    React.createElement(SidebarBoxContainer, {
+      title: "Debug",
+      icon:
+      /*#__PURE__*/
+      React.createElement("span", null),
+      expandedByDefault: true
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        padding: 4
+      }
+    },
+    /*#__PURE__*/
+    React.createElement("div", null,
+    /*#__PURE__*/
+    React.createElement("b", null, "region"), ":"),
+    /*#__PURE__*/
+    React.createElement("pre", null, JSON.stringify(region, null, "  ")),
+    /*#__PURE__*/
+    React.createElement("div", null,
+    /*#__PURE__*/
+    React.createElement("b", null, "lastAction"), ":"),
+    /*#__PURE__*/
+    React.createElement("pre", null, JSON.stringify(lastAction, null, "  ")),
+    /*#__PURE__*/
+    React.createElement("div", null,
+    /*#__PURE__*/
+    React.createElement("b", null, "mode"), ":"),
+    /*#__PURE__*/
+    React.createElement("pre", null, JSON.stringify(state.mode, null, "  ")),
+    /*#__PURE__*/
+    React.createElement("div", null,
+    /*#__PURE__*/
+    React.createElement("b", null, "frame:")),
+    /*#__PURE__*/
+    React.createElement("pre", null, JSON.stringify(state.selectedImageFrameTime, null, "  "))))
+  );
 };
 export default DebugSidebarBox;

package/DemoSite/Editor.js

@@ -105,90 +105,135 @@ var Editor = function Editor(_ref) {
       currentJSONValue = _useState8[0],
       changeCurrentJSONValue = _useState8[1];
 
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, React.createElement("div", null, React.createElement("div", {
-    className: c.editBar
-  }, React.createElement("h3", null, "React Image Annotate"), React.createElement("div", {
-    style: {
-      flexGrow: 1
-    }
-  }), React.createElement("div", null, React.createElement("div", {
-    style: {
-      display: "inline-flex"
-    }
-  }, React.createElement(Select, {
-    className: c.select,
-    value: {
-      label: selectedExample,
-      value: selectedExample
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    },
+    /*#__PURE__*/
+    React.createElement("div", null,
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: c.editBar
     },
-    options: Object.keys(examples).map(function (s) {
-      return {
-        label: s,
-        value: s
-      };
+    /*#__PURE__*/
+    React.createElement("h3", null, "React Image Annotate"),
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        flexGrow: 1
+      }
     }),
-    onChange: function onChange(selectedOption) {
-      changeSelectedExample(selectedOption.value);
-      changeCurrentJSONValue(JSON.stringify(selectedOption.value === "Custom" ? loadSavedInput() : examples[selectedOption.value](), null, "  "));
-    }
-  })), React.createElement(Button, {
-    className: "button",
-    disabled: !lastOutput,
-    onClick: function onClick() {
-      return changeOutputOpen(true);
-    }
-  }, "View Output"), React.createElement(Button, {
-    className: "button",
-    variant: "outlined",
-    disabled: Boolean(currentError),
-    onClick: function onClick() {
-      onOpenAnnotator(selectedExample === "Custom" ? loadSavedInput() : examples[selectedExample]);
-    }
-  }, "Open Annotator"))), React.createElement("div", {
-    className: c.contentArea,
-    style: currentError ? {
-      border: "2px solid #f00"
-    } : {
-      border: "2px solid #fff"
-    }
-  }, React.createElement("div", null, React.createElement(MonacoEditor, {
-    value: currentJSONValue,
-    language: "javascript",
-    onChange: function onChange(code) {
-      try {
-        window.localStorage.setItem("customInput", JSON.stringify(JSON.parse(code)));
-        changeCurrentError(null);
-      } catch (e) {
-        changeCurrentError(e.toString());
+    /*#__PURE__*/
+    React.createElement("div", null,
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        display: "inline-flex"
+      }
+    },
+    /*#__PURE__*/
+    React.createElement(Select, {
+      className: c.select,
+      value: {
+        label: selectedExample,
+        value: selectedExample
+      },
+      options: Object.keys(examples).map(function (s) {
+        return {
+          label: s,
+          value: s
+        };
+      }),
+      onChange: function onChange(selectedOption) {
+        changeSelectedExample(selectedOption.value);
+        changeCurrentJSONValue(JSON.stringify(selectedOption.value === "Custom" ? loadSavedInput() : examples[selectedOption.value](), null, "  "));
       }
+    })),
+    /*#__PURE__*/
+    React.createElement(Button, {
+      className: "button",
+      disabled: !lastOutput,
+      onClick: function onClick() {
+        return changeOutputOpen(true);
+      }
+    }, "View Output"),
+    /*#__PURE__*/
+    React.createElement(Button, {
+      className: "button",
+      variant: "outlined",
+      disabled: Boolean(currentError),
+      onClick: function onClick() {
+        onOpenAnnotator(selectedExample === "Custom" ? loadSavedInput() : examples[selectedExample]);
+      }
+    }, "Open Annotator"))),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: c.contentArea,
+      style: currentError ? {
+        border: "2px solid #f00"
+      } : {
+        border: "2px solid #fff"
+      }
+    },
+    /*#__PURE__*/
+    React.createElement("div", null,
+    /*#__PURE__*/
+    React.createElement(MonacoEditor, {
+      value: currentJSONValue,
+      language: "javascript",
+      onChange: function onChange(code) {
+        try {
+          window.localStorage.setItem("customInput", JSON.stringify(JSON.parse(code)));
+          changeCurrentError(null);
+        } catch (e) {
+          changeCurrentError(e.toString());
+        }
 
-      changeCurrentJSONValue(code);
+        changeCurrentJSONValue(code);
+      },
+      width: "100%",
+      height: "550px"
+    }))),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: c.specificationArea
     },
-    width: "100%",
-    height: "550px"
-  }))), React.createElement("div", {
-    className: c.specificationArea
-  }, React.createElement("h2", null, "React Image Annotate Format"), React.createElement(Code, {
-    language: "javascript"
-  }, "\n{\n  taskDescription?: string, // markdown\n  regionTagList?: Array<string>,\n  regionClsList?: Array<string>,\n  imageTagList?: Array<string>,\n  imageClsList?: Array<string>,\n  // all tools are enabled by default\n  enabledTools?: Array< \"select\" | \"create-point\" | \"create-box\" | \"create-polygon\" | \"create-line\">,\n  selectedImage?: string, // initial selected image\n  images: Array<{\n    src: string,\n    thumbnailSrc?: string, // use this if you are using high-res images\n    name: string,\n    regions?: Array<{\n      id: string | number,\n      cls?: string,\n      color?: string,\n      tags?: Array<string>,\n\n      // Point\n      type: \"point\",\n      x: number, // [0-1] % of image width\n      y: number, // [0-1] % of image height\n\n      // Bounding Box\n      type: \"box\",\n      x: number, // [0-1] % of image width\n      y: number, // [0-1] % of image height\n      w: number, // [0-1] % of image width\n      h: number, // [0-1] % of image height\n\n      // Polygon\n      type: \"polygon\",\n      open?: boolean, // should last and first points be connected, default: true\n      points: Array<[number, number]> // [0-1] % of image width/height\n    }>\n  }>,\n}\n")), React.createElement(Dialog, {
-    fullScreen: true,
-    open: outputDialogOpen
-  }, React.createElement(DialogTitle, null, "React Image Annotate Output"), React.createElement(DialogContent, {
-    style: {
-      minWidth: 400
-    }
-  }, React.createElement(MonacoEditor, {
-    value: JSON.stringify(lastOutput, null, "  "),
-    language: "javascript",
-    width: "100%",
-    height: "550px"
-  })), React.createElement(DialogActions, null, React.createElement(Button, {
-    onClick: function onClick() {
-      return changeOutputOpen(false);
-    }
-  }, "Close")))));
+    /*#__PURE__*/
+    React.createElement("h2", null, "React Image Annotate Format"),
+    /*#__PURE__*/
+    React.createElement(Code, {
+      language: "javascript"
+    }, "\n{\n  taskDescription?: string, // markdown\n  regionTagList?: Array<string>,\n  regionClsList?: Array<string>,\n  imageTagList?: Array<string>,\n  imageClsList?: Array<string>,\n  // all tools are enabled by default\n  enabledTools?: Array< \"select\" | \"create-point\" | \"create-box\" | \"create-polygon\" | \"create-line\">,\n  selectedImage?: string, // initial selected image\n  images: Array<{\n    src: string,\n    thumbnailSrc?: string, // use this if you are using high-res images\n    name: string,\n    regions?: Array<{\n      id: string | number,\n      cls?: string,\n      color?: string,\n      tags?: Array<string>,\n\n      // Point\n      type: \"point\",\n      x: number, // [0-1] % of image width\n      y: number, // [0-1] % of image height\n\n      // Bounding Box\n      type: \"box\",\n      x: number, // [0-1] % of image width\n      y: number, // [0-1] % of image height\n      w: number, // [0-1] % of image width\n      h: number, // [0-1] % of image height\n\n      // Polygon\n      type: \"polygon\",\n      open?: boolean, // should last and first points be connected, default: true\n      points: Array<[number, number]> // [0-1] % of image width/height\n    }>\n  }>,\n}\n")),
+    /*#__PURE__*/
+    React.createElement(Dialog, {
+      fullScreen: true,
+      open: outputDialogOpen
+    },
+    /*#__PURE__*/
+    React.createElement(DialogTitle, null, "React Image Annotate Output"),
+    /*#__PURE__*/
+    React.createElement(DialogContent, {
+      style: {
+        minWidth: 400
+      }
+    },
+    /*#__PURE__*/
+    React.createElement(MonacoEditor, {
+      value: JSON.stringify(lastOutput, null, "  "),
+      language: "javascript",
+      width: "100%",
+      height: "550px"
+    })),
+    /*#__PURE__*/
+    React.createElement(DialogActions, null,
+    /*#__PURE__*/
+    React.createElement(Button, {
+      onClick: function onClick() {
+        return changeOutputOpen(false);
+      }
+    }, "Close")))))
+  );
 };
 
 export default Editor;

package/DemoSite/ErrorBoundaryDialog.js

@@ -46,12 +46,25 @@ function (_Component) {
     key: "render",
     value: function render() {
       if (this.state.hasError) {
-        return React.createElement(Dialog, {
-          open: this.state.hasError,
-          onClose: this.props.onClose
-        }, React.createElement(DialogTitle, null, "Error Loading Annotator"), React.createElement(DialogContent, null, React.createElement("pre", null, this.state.err)), React.createElement(DialogActions, null, React.createElement(Button, {
-          onClick: this.props.onClose
-        }, "Close")));
+        return (
+          /*#__PURE__*/
+          React.createElement(Dialog, {
+            open: this.state.hasError,
+            onClose: this.props.onClose
+          },
+          /*#__PURE__*/
+          React.createElement(DialogTitle, null, "Error Loading Annotator"),
+          /*#__PURE__*/
+          React.createElement(DialogContent, null,
+          /*#__PURE__*/
+          React.createElement("pre", null, this.state.err)),
+          /*#__PURE__*/
+          React.createElement(DialogActions, null,
+          /*#__PURE__*/
+          React.createElement(Button, {
+            onClick: this.props.onClose
+          }, "Close")))
+        );
       }
 
       return this.props.children;

package/DemoSite/index.js

@@ -20,21 +20,30 @@ export default (function () {
       lastOutput = _useState6[0],
       changeLastOutput = _useState6[1];
 
-  return React.createElement("div", null, annotatorOpen ? React.createElement(ErrorBoundaryDialog, {
-    onClose: function onClose() {
-      changeAnnotatorOpen(false);
-    }
-  }, React.createElement(Annotator, Object.assign({}, annotatorProps, {
-    onExit: function onExit(output) {
-      delete output["lastAction"];
-      changeLastOutput(output);
-      changeAnnotatorOpen(false);
-    }
-  }))) : React.createElement(Editor, {
-    lastOutput: lastOutput,
-    onOpenAnnotator: function onOpenAnnotator(props) {
-      changeAnnotatorProps(props);
-      changeAnnotatorOpen(true);
-    }
-  }));
+  return (
+    /*#__PURE__*/
+    React.createElement("div", null, annotatorOpen ?
+    /*#__PURE__*/
+    React.createElement(ErrorBoundaryDialog, {
+      onClose: function onClose() {
+        changeAnnotatorOpen(false);
+      }
+    },
+    /*#__PURE__*/
+    React.createElement(Annotator, Object.assign({}, annotatorProps, {
+      onExit: function onExit(output) {
+        delete output["lastAction"];
+        changeLastOutput(output);
+        changeAnnotatorOpen(false);
+      }
+    }))) :
+    /*#__PURE__*/
+    React.createElement(Editor, {
+      lastOutput: lastOutput,
+      onOpenAnnotator: function onOpenAnnotator(props) {
+        changeAnnotatorProps(props);
+        changeAnnotatorOpen(true);
+      }
+    }))
+  );
 });