@searpent/react-image-annotate 2.3.4 → 2.3.6

package/SettingsDialog/index.js

@@ -10,43 +10,56 @@ export var SettingsDialog = function SettingsDialog(_ref) {
   var open = _ref.open,
       onClose = _ref.onClose;
   var settings = useSettings();
-  return React.createElement(Dialog, {
-    open: open || false,
-    onClose: onClose
-  }, React.createElement(DialogTitle, null, "Settings"), React.createElement(DialogContent, {
-    style: {
-      minWidth: 400
-    }
-  }, React.createElement(Survey, {
-    variant: "flat",
-    noActions: true,
-    defaultAnswers: settings,
-    onQuestionChange: function onQuestionChange(q, a, answers) {
-      return settings.changeSetting(q, a);
+  return (
+    /*#__PURE__*/
+    React.createElement(Dialog, {
+      open: open || false,
+      onClose: onClose
     },
-    form: {
-      questions: [{
-        type: "boolean",
-        title: "Show Crosshairs",
-        name: "showCrosshairs"
-      }, {
-        type: "boolean",
-        title: "Show Highlight Box",
-        name: "showHighlightBox"
-      }, {
-        type: "boolean",
-        title: "WASD Mode",
-        name: "wasdMode"
-      }, {
-        type: "dropdown",
-        title: "Video Playback Speed",
-        name: "videoPlaybackSpeed",
-        defaultValue: "1x",
-        choices: ["0.25x", "0.5x", "1x", "2x"]
-      }]
-    }
-  })), React.createElement(DialogActions, null, React.createElement(Button, {
-    onClick: onClose
-  }, "Close")));
+    /*#__PURE__*/
+    React.createElement(DialogTitle, null, "Settings"),
+    /*#__PURE__*/
+    React.createElement(DialogContent, {
+      style: {
+        minWidth: 400
+      }
+    },
+    /*#__PURE__*/
+    React.createElement(Survey, {
+      variant: "flat",
+      noActions: true,
+      defaultAnswers: settings,
+      onQuestionChange: function onQuestionChange(q, a, answers) {
+        return settings.changeSetting(q, a);
+      },
+      form: {
+        questions: [{
+          type: "boolean",
+          title: "Show Crosshairs",
+          name: "showCrosshairs"
+        }, {
+          type: "boolean",
+          title: "Show Highlight Box",
+          name: "showHighlightBox"
+        }, {
+          type: "boolean",
+          title: "WASD Mode",
+          name: "wasdMode"
+        }, {
+          type: "dropdown",
+          title: "Video Playback Speed",
+          name: "videoPlaybackSpeed",
+          defaultValue: "1x",
+          choices: ["0.25x", "0.5x", "1x", "2x"]
+        }]
+      }
+    })),
+    /*#__PURE__*/
+    React.createElement(DialogActions, null,
+    /*#__PURE__*/
+    React.createElement(Button, {
+      onClick: onClose
+    }, "Close")))
+  );
 };
 export default SettingsDialog;

package/SettingsProvider/index.js

@@ -51,10 +51,13 @@ export var SettingsProvider = function SettingsProvider(_ref) {
     window.localStorage.setItem("settings_".concat(setting), JSON.stringify(value));
   };
 
-  return React.createElement(SettingsContext.Provider, {
-    value: _objectSpread({}, state, {
-      changeSetting: changeSetting
-    })
-  }, children);
+  return (
+    /*#__PURE__*/
+    React.createElement(SettingsContext.Provider, {
+      value: _objectSpread({}, state, {
+        changeSetting: changeSetting
+      })
+    }, children)
+  );
 };
 export default SettingsProvider;

package/Shortcuts/ShortcutField.js

@@ -27,20 +27,27 @@ var ShortcutField = function ShortcutField(_ref) {
       keyName = _ref.keyName,
       onChangeShortcut = _ref.onChangeShortcut;
   var classes = useStyles();
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, React.createElement("div", {
-    className: classes.shortcutKeyFieldWrapper
-  }, React.createElement(TextField, {
-    variant: "outlined",
-    label: actionName,
-    className: classes.shortcutTextfield,
-    value: keyName,
-    onKeyPress: function onKeyPress(e) {
-      onChangeShortcut(actionId, e.key);
-      e.stopPropagation();
-    }
-  })));
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: classes.shortcutKeyFieldWrapper
+    },
+    /*#__PURE__*/
+    React.createElement(TextField, {
+      variant: "outlined",
+      label: actionName,
+      className: classes.shortcutTextfield,
+      value: keyName,
+      onKeyPress: function onKeyPress(e) {
+        onChangeShortcut(actionId, e.key);
+        e.stopPropagation();
+      }
+    })))
+  );
 };
 
 export default ShortcutField;

package/Shortcuts/index.js

@@ -118,16 +118,22 @@ export default (function (_ref) {
       document.activeElement.blur();
     };
   }, [shortcuts]);
-  return React.createElement(SidebarBoxContainer, {
-    title: "Shortcuts"
-  }, Object.keys(shortcuts).map(function (actionId, index) {
-    if (!shortcuts[actionId]) return null;
-    return React.createElement(ShortcutField, {
-      key: actionId,
-      actionId: actionId,
-      actionName: shortcuts[actionId].name,
-      keyName: shortcuts[actionId].key || "",
-      onChangeShortcut: onChangeShortcut
-    });
-  }).filter(Boolean));
+  return (
+    /*#__PURE__*/
+    React.createElement(SidebarBoxContainer, {
+      title: "Shortcuts"
+    }, Object.keys(shortcuts).map(function (actionId, index) {
+      if (!shortcuts[actionId]) return null;
+      return (
+        /*#__PURE__*/
+        React.createElement(ShortcutField, {
+          key: actionId,
+          actionId: actionId,
+          actionName: shortcuts[actionId].name,
+          keyName: shortcuts[actionId].key || "",
+          onChangeShortcut: onChangeShortcut
+        })
+      );
+    }).filter(Boolean))
+  );
 });

package/ShortcutsManager/index.js

@@ -148,8 +148,11 @@ export default (function (_ref3) {
   var handlers = useDispatchHotkeyHandlers({
     dispatch: dispatch
   });
-  return React.createElement(HotKeys, {
-    allowChanges: true,
-    handlers: handlers
-  }, children);
+  return (
+    /*#__PURE__*/
+    React.createElement(HotKeys, {
+      allowChanges: true,
+      handlers: handlers
+    }, children)
+  );
 });

package/Sidebar/index.js

@@ -36,34 +36,51 @@ export var Sidebar = function Sidebar(_ref2) {
       onDeleteKeyframe = _ref2.onDeleteKeyframe,
       onShortcutActionDispatched = _ref2.onShortcutActionDispatched;
   if (!regions) regions = emptyArr;
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, React.createElement(Container, null, debug && React.createElement(DebugBox, {
-    state: debug,
-    lastAction: debug.lastAction
-  }), taskDescription && (taskDescription || "").length > 1 && React.createElement(TaskDescription, {
-    description: taskDescription
-  }), labelImages && React.createElement(TagsSidebarBox, {
-    currentImage: currentImage,
-    imageClsList: imageClsList,
-    imageTagList: imageTagList,
-    onChangeImage: onChangeImage,
-    expandedByDefault: true
-  }), React.createElement(RegionSelector, {
-    regions: regions,
-    onSelectRegion: onSelectRegion,
-    onChangeRegion: onChangeRegion,
-    onDeleteRegion: onDeleteRegion
-  }), keyframes && React.createElement(KeyframesSelector, {
-    currentVideoTime: currentVideoTime,
-    keyframes: keyframes,
-    onChangeVideoTime: onChangeVideoTime,
-    onDeleteKeyframe: onDeleteKeyframe
-  }), React.createElement(History, {
-    history: history,
-    onRestoreHistory: function onRestoreHistory() {
-      return _onRestoreHistory();
-    }
-  })));
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    },
+    /*#__PURE__*/
+    React.createElement(Container, null, debug &&
+    /*#__PURE__*/
+    React.createElement(DebugBox, {
+      state: debug,
+      lastAction: debug.lastAction
+    }), taskDescription && (taskDescription || "").length > 1 &&
+    /*#__PURE__*/
+    React.createElement(TaskDescription, {
+      description: taskDescription
+    }), labelImages &&
+    /*#__PURE__*/
+    React.createElement(TagsSidebarBox, {
+      currentImage: currentImage,
+      imageClsList: imageClsList,
+      imageTagList: imageTagList,
+      onChangeImage: onChangeImage,
+      expandedByDefault: true
+    }),
+    /*#__PURE__*/
+    React.createElement(RegionSelector, {
+      regions: regions,
+      onSelectRegion: onSelectRegion,
+      onChangeRegion: onChangeRegion,
+      onDeleteRegion: onDeleteRegion
+    }), keyframes &&
+    /*#__PURE__*/
+    React.createElement(KeyframesSelector, {
+      currentVideoTime: currentVideoTime,
+      keyframes: keyframes,
+      onChangeVideoTime: onChangeVideoTime,
+      onDeleteKeyframe: onDeleteKeyframe
+    }),
+    /*#__PURE__*/
+    React.createElement(History, {
+      history: history,
+      onRestoreHistory: function onRestoreHistory() {
+        return _onRestoreHistory();
+      }
+    })))
+  );
 };
 export default Sidebar;

package/SidebarBoxContainer/index.js

@@ -69,7 +69,9 @@ export var SidebarBoxContainer = function SidebarBoxContainer(_ref) {
       _ref$expandedByDefaul = _ref.expandedByDefault,
       expandedByDefault = _ref$expandedByDefaul === void 0 ? false : _ref$expandedByDefaul;
   var classes = useStyles();
-  var content = React.createElement("div", {
+  var content =
+  /*#__PURE__*/
+  React.createElement("div", {
     className: classnames(classes.expandedContent, noScroll && "noScroll")
   }, children);
 
@@ -81,12 +83,17 @@ export var SidebarBoxContainer = function SidebarBoxContainer(_ref) {
   var toggleExpanded = useEventCallback(function () {
     return changeExpanded(!expanded);
   });
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, React.createElement(SidebarBox, {
-    icon: icon,
-    title: title
-  }, children));
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    },
+    /*#__PURE__*/
+    React.createElement(SidebarBox, {
+      icon: icon,
+      title: title
+    }, children))
+  );
 };
 export default memo(SidebarBoxContainer, function (prev, next) {
   return prev.title === next.title && prev.children === next.children;

package/SmallToolButton/index.js

@@ -19,23 +19,30 @@ export var SmallToolButton = function SmallToolButton(_ref) {
 
   if (!enabledTools.includes(id) && !alwaysShowing) return null;
   selected = selected || selectedTool === id;
-  return React.createElement(Tooltip, {
-    placement: "right",
-    title: name
-  }, React.createElement("div", null, React.createElement(IconButton, {
-    disabled: !togglable ? selected : undefined,
-    "aria-label": name,
-    onClick: function onClick() {
-      return onClickTool(id);
+  return (
+    /*#__PURE__*/
+    React.createElement(Tooltip, {
+      placement: "right",
+      title: name
     },
-    size: "small",
-    style: {
-      width: 50,
-      height: 50,
-      margin: 1,
-      color: selected ? blue[500] : undefined
-    }
-  }, icon)));
+    /*#__PURE__*/
+    React.createElement("div", null,
+    /*#__PURE__*/
+    React.createElement(IconButton, {
+      disabled: !togglable ? selected : undefined,
+      "aria-label": name,
+      onClick: function onClick() {
+        return onClickTool(id);
+      },
+      size: "small",
+      style: {
+        width: 50,
+        height: 50,
+        margin: 1,
+        color: selected ? blue[500] : undefined
+      }
+    }, icon)))
+  );
 };
 export default memo(SmallToolButton, function (prevProps, nextProps) {
   return prevProps.togglable === nextProps.togglable && prevProps.selected === nextProps.selected && prevProps.name === nextProps.name && prevProps.id === nextProps.id;

package/TagsSidebarBox/index.js

@@ -69,36 +69,49 @@ export var TagsSidebarBox = function TagsSidebarBox(_ref) {
     });
   }, [tags]);
   if (!currentImage) return null;
-  return React.createElement(SidebarBoxContainer, {
-    title: "Image Tags",
-    expandedByDefault: true,
-    noScroll: true,
-    icon: React.createElement(StyleIcon, {
+  return (
+    /*#__PURE__*/
+    React.createElement(SidebarBoxContainer, {
+      title: "Image Tags",
+      expandedByDefault: true,
+      noScroll: true,
+      icon:
+      /*#__PURE__*/
+      React.createElement(StyleIcon, {
+        style: {
+          color: grey[700]
+        }
+      })
+    }, imageClsList.length > 0 &&
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        padding: 8
+      }
+    },
+    /*#__PURE__*/
+    React.createElement(Select, {
+      placeholder: "Image Classification",
+      onChange: onChangeClassification,
+      value: selectValue,
+      options: memoImgClsList
+    })), imageTagList.length > 0 &&
+    /*#__PURE__*/
+    React.createElement("div", {
       style: {
-        color: grey[700]
+        padding: 8,
+        paddingTop: 0
       }
-    })
-  }, imageClsList.length > 0 && React.createElement("div", {
-    style: {
-      padding: 8
-    }
-  }, React.createElement(Select, {
-    placeholder: "Image Classification",
-    onChange: onChangeClassification,
-    value: selectValue,
-    options: memoImgClsList
-  })), imageTagList.length > 0 && React.createElement("div", {
-    style: {
-      padding: 8,
-      paddingTop: 0
-    }
-  }, React.createElement(Select, {
-    isMulti: true,
-    placeholder: "Image Tags",
-    onChange: onChangeTags,
-    value: memoCurrentTags,
-    options: memoImgTagList
-  })));
+    },
+    /*#__PURE__*/
+    React.createElement(Select, {
+      isMulti: true,
+      placeholder: "Image Tags",
+      onChange: onChangeTags,
+      value: memoCurrentTags,
+      options: memoImgTagList
+    })))
+  );
 };
 export default memo(TagsSidebarBox, function (prevProps, nextProps) {
   return prevProps.currentImage.cls === nextProps.currentImage.cls && prevProps.currentImage.tags === nextProps.currentImage.tags && prevProps.imageClsList === nextProps.imageClsList && prevProps.imageTagList === nextProps.imageTagList;

package/TaskDescriptionSidebarBox/index.js

@@ -41,18 +41,29 @@ var MarkdownContainer = styled("div")(function (_ref) {
 });
 export var TaskDescriptionSidebarBox = function TaskDescriptionSidebarBox(_ref2) {
   var description = _ref2.description;
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, React.createElement(SidebarBoxContainer, {
-    title: "Task Description",
-    icon: React.createElement(DescriptionIcon, {
-      style: {
-        color: grey[700]
-      }
-    }),
-    expandedByDefault: description && description !== "" ? false : true
-  }, React.createElement(MarkdownContainer, null, React.createElement(Markdown, {
-    source: description
-  }))));
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    },
+    /*#__PURE__*/
+    React.createElement(SidebarBoxContainer, {
+      title: "Task Description",
+      icon:
+      /*#__PURE__*/
+      React.createElement(DescriptionIcon, {
+        style: {
+          color: grey[700]
+        }
+      }),
+      expandedByDefault: description && description !== "" ? false : true
+    },
+    /*#__PURE__*/
+    React.createElement(MarkdownContainer, null,
+    /*#__PURE__*/
+    React.createElement(Markdown, {
+      source: description
+    }))))
+  );
 };
 export default memo(TaskDescriptionSidebarBox);

package/Theme/index.js

@@ -23,8 +23,13 @@ var theme = createTheme({
 export var Theme = function Theme(_ref) {
   var children = _ref.children;
   var classes = useStyles();
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, React.createElement("div", null, children));
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    },
+    /*#__PURE__*/
+    React.createElement("div", null, children))
+  );
 };
 export default Theme;

package/VideoOrImageCanvasBackground/index.js

@@ -131,21 +131,34 @@ export default (function (_ref4) {
       height: isNaN(height) ? 0 : height
     };
   }, [imagePosition.topLeft.x, imagePosition.topLeft.y, imagePosition.bottomRight.x, imagePosition.bottomRight.y]);
-  if (!videoSrc && !imageSrc) return React.createElement(Error, null, "No imageSrc or videoSrc provided");
-  if (error) return React.createElement(Error, null, error);
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, imageSrc && videoTime === undefined ? React.createElement(StyledImage, Object.assign({}, mouseEvents, {
-    src: imageSrc,
-    ref: imageRef,
-    style: stylePosition,
-    onLoad: onImageLoaded,
-    onError: onImageError,
-    crossOrigin: useCrossOrigin ? "anonymous" : undefined
-  })) : React.createElement(Video, Object.assign({}, mouseEvents, {
-    ref: videoRef,
-    style: stylePosition,
-    onLoadedMetadata: onLoadedVideoMetadata,
-    src: videoSrc || imageSrc
-  })));
+  if (!videoSrc && !imageSrc) return (
+    /*#__PURE__*/
+    React.createElement(Error, null, "No imageSrc or videoSrc provided")
+  );
+  if (error) return (
+    /*#__PURE__*/
+    React.createElement(Error, null, error)
+  );
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    }, imageSrc && videoTime === undefined ?
+    /*#__PURE__*/
+    React.createElement(StyledImage, Object.assign({}, mouseEvents, {
+      src: imageSrc,
+      ref: imageRef,
+      style: stylePosition,
+      onLoad: onImageLoaded,
+      onError: onImageError,
+      crossOrigin: useCrossOrigin ? "anonymous" : undefined
+    })) :
+    /*#__PURE__*/
+    React.createElement(Video, Object.assign({}, mouseEvents, {
+      ref: videoRef,
+      style: stylePosition,
+      onLoadedMetadata: onLoadedVideoMetadata,
+      src: videoSrc || imageSrc
+    })))
+  );
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@searpent/react-image-annotate",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "dependencies": {
     "@editorjs/editorjs": "^2.25.0",
     "@editorjs/paragraph": "^2.8.0",

package/utils/spellcheck-nspell.js

@@ -214,9 +214,9 @@ var AVAILABLE_DICTIONARIES = {
   'pt_BR': 'pt_BR',
   'pt': 'pt_BR',
   'mk-MK': 'mk_MK',
-  'mk': 'mk_MK' // Spellcheck language setting (can be set by user)
+  'mk': 'mk_MK'
+}; // Spellcheck language setting (can be set by user)
 
-};
 var spellcheckLanguageSetting = null; // Spellcheck enabled/disabled flag
 // Defaults to false (disabled) for performance. Enable via REACT_APP_SPELLCHECK_ENABLED=true or setSpellcheckEnabled()