@searpent/react-image-annotate 2.0.13 → 2.0.14

package/MainLayout/index.js

@@ -362,19 +362,19 @@ export var MainLayout = function MainLayout(_ref4) {
     iconSidebarItems: !state.enabledTools ? [] : [{
       name: "select",
       helperText: "Select" + getHotkeyHelpText("select_tool"),
-      alwaysShowing: true
+      alwaysShowing: false
     }, {
       name: "pan",
       helperText: "Drag/Pan (right or middle click)" + getHotkeyHelpText("pan_tool"),
-      alwaysShowing: true
+      alwaysShowing: false
     }, {
       name: "zoom",
       helperText: "Zoom In/Out (scroll)" + getHotkeyHelpText("zoom_tool"),
-      alwaysShowing: true
+      alwaysShowing: false
     }, {
       name: "show-tags",
       helperText: "Show / Hide Tags",
-      alwaysShowing: true
+      alwaysShowing: false
     }, {
       name: "create-point",
       helperText: "Add Point" + getHotkeyHelpText("create_point")
@@ -395,7 +395,7 @@ export var MainLayout = function MainLayout(_ref4) {
       helperText: "Add Keypoints (Pose)"
     }, state.fullImageSegmentationMode && {
       name: "show-mask",
-      alwaysShowing: true,
+      alwaysShowing: false,
       helperText: "Show / Hide Mask"
     }, {
       name: "modify-allowed-area",

package/PageSelector/index.js

@@ -54,7 +54,22 @@ function PageSelector(_ref2) {
     onClick: onSave,
     disabled: !saveActive,
     className: "success"
-  }, "Save")), React.createElement("div", {
+  }, "Save"), React.createElement("div", {
+    className: "show-metadata-wrapper"
+  }, React.createElement("label", {
+    className: "switch mr-2"
+  }, React.createElement("input", {
+    id: "show-metadata",
+    type: "checkbox",
+    value: showMetadata,
+    onChange: function onChange() {
+      return setShowMetadata(function (prev) {
+        return !prev;
+      });
+    }
+  }), React.createElement("span", {
+    className: "slider round"
+  })), React.createElement("label", null, "Metadata"))), React.createElement("div", {
     className: "pages"
   }, pages.map(function (page, idx) {
     var _page$metadata;
@@ -88,24 +103,7 @@ function PageSelector(_ref2) {
         }
       }));
     })));
-  })), React.createElement("div", {
-    className: "bottom-buttons"
-  }, React.createElement("div", {
-    className: "show-metadata-wrapper"
-  }, React.createElement("label", {
-    className: "switch mr-2"
-  }, React.createElement("input", {
-    id: "show-metadata",
-    type: "checkbox",
-    value: showMetadata,
-    onChange: function onChange() {
-      return setShowMetadata(function (prev) {
-        return !prev;
-      });
-    }
-  }), React.createElement("span", {
-    className: "slider round"
-  })), React.createElement("label", null, "Metadata"))));
+  })));
 }
 
 PageSelector.defaultProps = {

package/PageSelector/page-selector.css

@@ -32,7 +32,7 @@
 .page-thumbnail:hover {
   box-shadow: 0 0 2rem 0 #8898aa !important;
   filter: grayscale(0);
-  transform: scale(1.075);
+  transform: scale(1.015);
   cursor: pointer;
   opacity: 1;
 }

package/ShortcutsManager/index.js

@@ -3,7 +3,7 @@ import { HotKeys } from "react-hotkeys";
 export var defaultHotkeys = [{
   id: "select_tool",
   description: "Switch to the Select Tool",
-  binding: "escape"
+  binding: "e"
 }, {
   id: "zoom_tool",
   description: "Select the Zoom Tool",

package/package.json

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