@searpent/react-image-annotate 2.1.2 → 2.3.0-cand-2

package/DemoSite/Editor.js

@@ -105,19 +105,19 @@ var Editor = function Editor(_ref) {
       currentJSONValue = _useState8[0],
       changeCurrentJSONValue = _useState8[1];
 
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", null, React.createElement("div", {
     className: c.editBar
-  }, /*#__PURE__*/React.createElement("h3", null, "React Image Annotate"), /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("h3", null, "React Image Annotate"), React.createElement("div", {
     style: {
       flexGrow: 1
     }
-  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }), React.createElement("div", null, React.createElement("div", {
     style: {
       display: "inline-flex"
     }
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, React.createElement(Select, {
     className: c.select,
     value: {
       label: selectedExample,
@@ -133,27 +133,27 @@ var Editor = function Editor(_ref) {
       changeSelectedExample(selectedOption.value);
       changeCurrentJSONValue(JSON.stringify(selectedOption.value === "Custom" ? loadSavedInput() : examples[selectedOption.value](), null, "  "));
     }
-  })), /*#__PURE__*/React.createElement(Button, {
+  })), React.createElement(Button, {
     className: "button",
     disabled: !lastOutput,
     onClick: function onClick() {
       return changeOutputOpen(true);
     }
-  }, "View Output"), /*#__PURE__*/React.createElement(Button, {
+  }, "View Output"), 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", {
+  }, "Open Annotator"))), 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, {
+  }, React.createElement("div", null, React.createElement(MonacoEditor, {
     value: currentJSONValue,
     language: "javascript",
     onChange: function onChange(code) {
@@ -168,23 +168,23 @@ var Editor = function Editor(_ref) {
     },
     width: "100%",
     height: "550px"
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), React.createElement("div", {
     className: c.specificationArea
-  }, /*#__PURE__*/React.createElement("h2", null, "React Image Annotate Format"), /*#__PURE__*/React.createElement(Code, {
+  }, 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")), /*#__PURE__*/React.createElement(Dialog, {
+  }, "\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
-  }, /*#__PURE__*/React.createElement(DialogTitle, null, "React Image Annotate Output"), /*#__PURE__*/React.createElement(DialogContent, {
+  }, React.createElement(DialogTitle, null, "React Image Annotate Output"), React.createElement(DialogContent, {
     style: {
       minWidth: 400
     }
-  }, /*#__PURE__*/React.createElement(MonacoEditor, {
+  }, React.createElement(MonacoEditor, {
     value: JSON.stringify(lastOutput, null, "  "),
     language: "javascript",
     width: "100%",
     height: "550px"
-  })), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(Button, {
+  })), React.createElement(DialogActions, null, React.createElement(Button, {
     onClick: function onClick() {
       return changeOutputOpen(false);
     }

package/DemoSite/ErrorBoundaryDialog.js

@@ -10,7 +10,9 @@ import DialogTitle from "@mui/material/DialogTitle";
 import DialogContent from "@mui/material/DialogContent";
 import DialogActions from "@mui/material/DialogActions";
 
-var ErrorBoundaryDialog = /*#__PURE__*/function (_Component) {
+var ErrorBoundaryDialog =
+/*#__PURE__*/
+function (_Component) {
   _inherits(ErrorBoundaryDialog, _Component);
 
   function ErrorBoundaryDialog() {
@@ -44,10 +46,10 @@ var ErrorBoundaryDialog = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       if (this.state.hasError) {
-        return /*#__PURE__*/React.createElement(Dialog, {
+        return 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, {
+        }, 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")));
       }

package/DemoSite/index.js

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

package/Editor/annotation-plugin/annotation.js

@@ -23,7 +23,9 @@ function HTMLToWhitespaceCharacters() {
 // ================
 
 
-var Annotation = /*#__PURE__*/function () {
+var Annotation =
+/*#__PURE__*/
+function () {
   /**
    * Render plugin`s main Element and fill it with saved data
    *

package/Editor/editor.css

@@ -26,5 +26,3 @@
 .editor-switch input:checked + .slider:before {
   transform: translateX(18px);
 }
-
-

package/Editor/index.js

@@ -7,6 +7,7 @@ import blocksToArticle from '../utils/blocks-to-article';
 import { EDITOR_JS_TOOLS } from './tools';
 import ReadOnly from './readOnly';
 import { isSpellcheckEnabled, setSpellcheckEnabled } from '../utils/spellcheck-nspell';
+import '../PageSelector/page-selector.css';
 import './editor.css';
 var ReactEditorJS = createReactEditorJS();
 
@@ -27,8 +28,12 @@ function Editor(_ref) {
       autoSpellcheck = _useState4[0],
       setAutoSpellcheck = _useState4[1];
 
-  var handleChange = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(instance) {
+  var handleChange =
+  /*#__PURE__*/
+  function () {
+    var _ref2 = _asyncToGenerator(
+    /*#__PURE__*/
+    _regeneratorRuntime.mark(function _callee(instance) {
       var data;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
@@ -71,33 +76,37 @@ function Editor(_ref) {
     });
   };
 
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  if (blocks.length < 1) {
+    return React.createElement("div", {
+      className: "instructions"
+    }, React.createElement("h1", null, "Click article to display text."));
+  }
+
+  return React.createElement("div", null, React.createElement("div", {
     className: "show-metadata-wrapper editor-toggle-wrapper"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", {
+  }, React.createElement("div", null, React.createElement("label", {
     className: "switch mr-2 editor-switch"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, React.createElement("input", {
     id: "automatic-spellcheck",
     type: "checkbox",
     checked: autoSpellcheck,
     onChange: toggleAutoSpellcheck
-  }), /*#__PURE__*/React.createElement("span", {
+  }), React.createElement("span", {
     className: "slider round"
-  })), /*#__PURE__*/React.createElement("label", {
+  })), React.createElement("label", {
     className: "mr-4"
-  }, "Spellcheck")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", {
+  }, "Spellcheck")), React.createElement("div", null, React.createElement("label", {
     className: "switch mr-2 editor-switch"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, React.createElement("input", {
     id: "show-metadata",
     type: "checkbox",
     checked: editMode,
     onChange: toggleEditMode
-  }), /*#__PURE__*/React.createElement("span", {
+  }), React.createElement("span", {
     className: "slider round"
-  })), /*#__PURE__*/React.createElement("label", null, "Edit mode"))), blocks.length < 1 ? /*#__PURE__*/React.createElement("div", {
-    className: "instructions"
-  }, /*#__PURE__*/React.createElement("h1", null, "Click article to display text.")) : !editMode ? /*#__PURE__*/React.createElement(ReadOnly, {
+  })), React.createElement("label", null, "Edit mode"))), !editMode ? React.createElement(ReadOnly, {
     article: blocksToArticle(blocks)
-  }) : /*#__PURE__*/React.createElement(ReactEditorJS, {
+  }) : React.createElement(ReactEditorJS, {
     defaultValue: {
       blocks: blocks
     },

package/Editor/index_bugdemo_15_1.js

@@ -31,8 +31,12 @@ function Editor(_ref) {
       autoSpellcheck = _useState4[0],
       setAutoSpellcheck = _useState4[1];
 
-  var handleChange = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(instance) {
+  var handleChange =
+  /*#__PURE__*/
+  function () {
+    var _ref2 = _asyncToGenerator(
+    /*#__PURE__*/
+    _regeneratorRuntime.mark(function _callee(instance) {
       var data;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
@@ -106,33 +110,33 @@ function Editor(_ref) {
     return (i === null || i === void 0 ? void 0 : (_i$data3 = i.data) === null || _i$data3 === void 0 ? void 0 : _i$data3.groupId) === groupIdForEdit;
   }); // Normal: filter by selected article
 
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", null, React.createElement("div", {
     className: "show-metadata-wrapper editor-toggle-wrapper"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", {
+  }, React.createElement("div", null, React.createElement("label", {
     className: "switch mr-2 editor-switch"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, React.createElement("input", {
     id: "automatic-spellcheck",
     type: "checkbox",
     checked: autoSpellcheck,
     onChange: toggleAutoSpellcheck
-  }), /*#__PURE__*/React.createElement("span", {
+  }), React.createElement("span", {
     className: "slider round"
-  })), /*#__PURE__*/React.createElement("label", {
+  })), React.createElement("label", {
     className: "mr-4"
-  }, "Spellcheck")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("label", {
+  }, "Spellcheck")), React.createElement("div", null, React.createElement("label", {
     className: "switch mr-2 editor-switch"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, React.createElement("input", {
     id: "show-metadata",
     type: "checkbox",
     checked: editMode,
     onChange: toggleEditMode
-  }), /*#__PURE__*/React.createElement("span", {
+  }), React.createElement("span", {
     className: "slider round"
-  })), /*#__PURE__*/React.createElement("label", null, "Edit mode"))), blocksForReadOnly.length < 1 ? /*#__PURE__*/React.createElement("div", {
+  })), React.createElement("label", null, "Edit mode"))), blocksForReadOnly.length < 1 ? React.createElement("div", {
     className: "instructions"
-  }, /*#__PURE__*/React.createElement("h1", null, "Click article to display text.")) : !editMode ? /*#__PURE__*/React.createElement(ReadOnly, {
+  }, React.createElement("h1", null, "Click article to display text.")) : !editMode ? React.createElement(ReadOnly, {
     article: blocksToArticle(blocksForReadOnly)
-  }) : /*#__PURE__*/React.createElement(ReactEditorJS, {
+  }) : React.createElement(ReactEditorJS, {
     defaultValue: {
       blocks: blocksForEdit
     },

package/Editor/readOnly.js

@@ -9,8 +9,12 @@ function ReadOnly(_ref) {
   var containerRef = useRef(null); // Warm up dictionary on component mount
 
   useEffect(function () {
-    var run = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var run =
+    /*#__PURE__*/
+    function () {
+      var _ref2 = _asyncToGenerator(
+      /*#__PURE__*/
+      _regeneratorRuntime.mark(function _callee() {
         var combinedHtml;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -155,8 +159,12 @@ function ReadOnly(_ref) {
   useEffect(function () {
     var cancelled = false;
 
-    var apply = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var apply =
+    /*#__PURE__*/
+    function () {
+      var _ref3 = _asyncToGenerator(
+      /*#__PURE__*/
+      _regeneratorRuntime.mark(function _callee2() {
         var h1, h2, t, a, ab, ap, pa, pc, adv, og, unk, tbl, sec, contRef, coverClip, pageId, contMark, followUp, articleTerm, pageStripe, columnStripe, prevPageRef, sectionSubcat;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
@@ -339,7 +347,7 @@ function ReadOnly(_ref) {
       cancelled = true;
     };
   }, [article]);
-  return /*#__PURE__*/React.createElement("div", {
+  return React.createElement("div", {
     ref: containerRef,
     contentEditable: false,
     suppressContentEditableWarning: true,
@@ -350,117 +358,117 @@ function ReadOnly(_ref) {
       userSelect: 'text',
       minHeight: '100px'
     }
-  }, /*#__PURE__*/React.createElement("style", null, ".spell-error { text-decoration: wavy underline red; text-decoration-skip-ink: auto; }"), /*#__PURE__*/React.createElement("h1", {
+  }, React.createElement("style", null, ".spell-error { text-decoration: wavy underline red; text-decoration-skip-ink: auto; }"), React.createElement("h1", {
     className: "ro-title",
     dangerouslySetInnerHTML: {
       __html: titleHTML
     }
-  }), /*#__PURE__*/React.createElement("h2", {
+  }), React.createElement("h2", {
     className: "ro-subtitle",
     dangerouslySetInnerHTML: {
       __html: subtitleHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-text",
     dangerouslySetInnerHTML: {
       __html: textHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-author",
     dangerouslySetInnerHTML: {
       __html: authorHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-about-author",
     dangerouslySetInnerHTML: {
       __html: aboutHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-appendix",
     dangerouslySetInnerHTML: {
       __html: appendixHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-photo-author",
     dangerouslySetInnerHTML: {
       __html: photoAuthorHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-photo-caption",
     dangerouslySetInnerHTML: {
       __html: photoCaptionHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-advertisment",
     dangerouslySetInnerHTML: {
       __html: adHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-other-graphics",
     dangerouslySetInnerHTML: {
       __html: otherGraphicsHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-unknown",
     dangerouslySetInnerHTML: {
       __html: unknownHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-table",
     dangerouslySetInnerHTML: {
       __html: tableHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-section",
     dangerouslySetInnerHTML: {
       __html: sectionHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-continuation_ref",
     dangerouslySetInnerHTML: {
       __html: continuationRefHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-cover_clip",
     dangerouslySetInnerHTML: {
       __html: coverClipHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-page_id",
     dangerouslySetInnerHTML: {
       __html: pageIdHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-continuation_mark",
     dangerouslySetInnerHTML: {
       __html: continuationMarkHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-follow_up_mark",
     dangerouslySetInnerHTML: {
       __html: followUpMarkHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-article_termination_mark",
     dangerouslySetInnerHTML: {
       __html: articleTerminationMarkHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-page_splitting_stripe",
     dangerouslySetInnerHTML: {
       __html: pageSplittingStripeHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-column_id_stripe",
     dangerouslySetInnerHTML: {
       __html: columnIdStripeHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-prev_page_reference",
     dangerouslySetInnerHTML: {
       __html: prevPageReferenceHTML
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), React.createElement("p", {
     className: "ro-section_subcategory",
     dangerouslySetInnerHTML: {
       __html: sectionSubcategoryHTML

package/Errorer/index.js

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

package/FullImageSegmentationAnnotator/index.js

@@ -1,7 +1,7 @@
 import React from "react";
 import Annotator from "../Annotator";
 export default (function (props) {
-  return /*#__PURE__*/React.createElement(Annotator, Object.assign({}, props, {
+  return React.createElement(Annotator, Object.assign({}, props, {
     fullImageSegmentationMode: true
   }));
 });

package/GroupSelectorSidebarBox/index.js

@@ -25,22 +25,22 @@ export var GroupSelectorSidebarBox = function GroupSelectorSidebarBox(_ref) {
       onSelect = _ref.onSelect,
       selectedGroupId = _ref.selectedGroupId;
   var classes = useStyles();
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
+  }, React.createElement(SidebarBoxContainer, {
     title: title || '',
     subTitle: subtitle || '',
-    icon: /*#__PURE__*/React.createElement(CollectionsIcon, {
+    icon: React.createElement(CollectionsIcon, {
       style: {
         color: grey[700]
       }
     })
-  }, /*#__PURE__*/React.createElement(List, null, groups.map(function (_ref2, i) {
+  }, React.createElement(List, null, groups.map(function (_ref2, i) {
     var id = _ref2.id,
         groupTitle = _ref2.title,
         groupSubtitle = _ref2.subtitle,
         color = _ref2.color;
-    return /*#__PURE__*/React.createElement(ListItem, {
+    return React.createElement(ListItem, {
       button: true,
       onClick: function onClick() {
         return onSelect(id);
@@ -50,8 +50,8 @@ export var GroupSelectorSidebarBox = function GroupSelectorSidebarBox(_ref) {
       style: {
         backgroundColor: id === selectedGroupId ? '#bbdefb' : null
       }
-    }, /*#__PURE__*/React.createElement(ListItemText, {
-      primary: /*#__PURE__*/React.createElement("strong", {
+    }, React.createElement(ListItemText, {
+      primary: React.createElement("strong", {
         style: {
           color: color
         }

package/GroupsEditorSidebarBox/index.js

@@ -23,13 +23,13 @@ var GroupItemDiv = styled("div")(function (_ref) {
 
 var GroupItem = function GroupItem(_ref2) {
   var group = _ref2.group;
-  return /*#__PURE__*/React.createElement(GroupItemDiv, null, uuidToHash(group.id));
+  return React.createElement(GroupItemDiv, null, uuidToHash(group.id));
 };
 
 var GroupList = function GroupList(_ref3) {
   var groups = _ref3.groups;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, "Groups"), groups.map(function (g, idx) {
-    return /*#__PURE__*/React.createElement(GroupItem, {
+  return React.createElement("div", null, React.createElement("h2", null, "Groups"), groups.map(function (g, idx) {
+    return React.createElement(GroupItem, {
       key: "".concat(g, "-").concat(idx),
       group: g
     });
@@ -62,13 +62,13 @@ var AddGroupFrom = function AddGroupFrom(_ref5) {
     setValue('');
   };
 
-  return /*#__PURE__*/React.createElement(AddGroupFormDiv, null, /*#__PURE__*/React.createElement("form", {
+  return React.createElement(AddGroupFormDiv, null, React.createElement("form", {
     onSubmit: handleSubmit,
     style: {
       display: "flex",
       paddingRight: "6px"
     }
-  }, /*#__PURE__*/React.createElement("input", {
+  }, React.createElement("input", {
     type: "text",
     value: value,
     name: "new-group",
@@ -77,7 +77,7 @@ var AddGroupFrom = function AddGroupFrom(_ref5) {
     style: {
       marginRight: "1rem"
     }
-  }), /*#__PURE__*/React.createElement("input", {
+  }), 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 /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
+  }, React.createElement(SidebarBoxContainer, {
     title: "Groups",
-    icon: /*#__PURE__*/React.createElement(FilterNoneIcon, {
+    icon: React.createElement(FilterNoneIcon, {
       style: {
         color: grey[700]
       }
     }),
     expandedByDefault: true
-  }, /*#__PURE__*/React.createElement(DivContainer, null, /*#__PURE__*/React.createElement("h2", null, "Add new group"), /*#__PURE__*/React.createElement(AddGroupFrom, {
+  }, React.createElement(DivContainer, null, React.createElement("h2", null, "Add new group"), React.createElement(AddGroupFrom, {
     onAddGroup: onAddGroup
-  }), /*#__PURE__*/React.createElement(GroupList, {
+  }), 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 /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
+  }, React.createElement(SidebarBoxContainer, {
     title: "Help",
-    icon: /*#__PURE__*/React.createElement(HelpIcon, {
+    icon: React.createElement(HelpIcon, {
       style: {
         color: grey[700]
       }
     }),
     expandedByDefault: help && help !== "" ? false : true
-  }, /*#__PURE__*/React.createElement(MarkdownContainer, null, /*#__PURE__*/React.createElement(Markdown, {
+  }, React.createElement(MarkdownContainer, null, 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 /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement("svg", Object.assign({
+  }, 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)
-  }), /*#__PURE__*/React.createElement("path", {
+  }), React.createElement("path", {
     d: pathD
   })));
 };