Jelajahi Sumber

No icons but Help Back

bioinsilico 4 tahun lalu
induk
melakukan
74c40595d4

+ 37 - 63
package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@rcsb/rcsb-saguaro-3d",
-  "version": "0.0.20",
+  "version": "0.0.23",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -1200,12 +1200,12 @@
       }
     },
     "@graphql-codegen/cli": {
-      "version": "1.21.2",
-      "resolved": "https://registry.npmjs.org/@graphql-codegen/cli/-/cli-1.21.2.tgz",
-      "integrity": "sha512-Jt1sJzTD1/0PZ4JIgZZgswTNu+LxJBS706rOo4ol5NsjkD3Wzk3cUvZsBUYTrYc9Zh6XArZzRm5EBLImLRjHlQ==",
+      "version": "1.21.3",
+      "resolved": "https://registry.npmjs.org/@graphql-codegen/cli/-/cli-1.21.3.tgz",
+      "integrity": "sha512-jwg0mKhseg0QI4/T4IQcttTBCZgnahiTWqnYWIK+E8nrbXCE9o2hxvaYin/Kq9+5oFtxDePED56cjVs/ESRw6g==",
       "requires": {
         "@graphql-codegen/core": "1.17.9",
-        "@graphql-codegen/plugin-helpers": "^1.18.3",
+        "@graphql-codegen/plugin-helpers": "^1.18.4",
         "@graphql-tools/apollo-engine-loader": "^6",
         "@graphql-tools/code-file-loader": "^6",
         "@graphql-tools/git-loader": "^6",
@@ -1218,7 +1218,7 @@
         "@graphql-tools/utils": "^7.0.0",
         "ansi-escapes": "^4.3.1",
         "chalk": "^4.1.0",
-        "change-case-all": "^1.0.12",
+        "change-case-all": "1.0.12",
         "chokidar": "^3.4.3",
         "common-tags": "^1.8.0",
         "cosmiconfig": "^7.0.0",
@@ -1393,9 +1393,9 @@
       }
     },
     "@graphql-codegen/plugin-helpers": {
-      "version": "1.18.3",
-      "resolved": "https://registry.npmjs.org/@graphql-codegen/plugin-helpers/-/plugin-helpers-1.18.3.tgz",
-      "integrity": "sha512-+LVxWFlcZW+FB32CyvkdaMN/tIMajO42pCg0Cy8Z8ZZtGutXW1w6UggrvrEUzMZc9GHZQe49q+w7QQxeooaIlA==",
+      "version": "1.18.4",
+      "resolved": "https://registry.npmjs.org/@graphql-codegen/plugin-helpers/-/plugin-helpers-1.18.4.tgz",
+      "integrity": "sha512-dpfhUmn9GOS8ByoOPIN3V4Nn9HX7sl9NR7Hf26TgN6Clg7cQvkT6XjHdS2e56Q3kWrxZT1zJ1sEa67D3tj9ZtQ==",
       "requires": {
         "@graphql-tools/utils": "^7.0.0",
         "common-tags": "1.8.0",
@@ -1856,9 +1856,9 @@
       }
     },
     "@graphql-tools/utils": {
-      "version": "7.5.2",
-      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-7.5.2.tgz",
-      "integrity": "sha512-/ml6AUCmtjvvxR9JX9/xyV52759SqbFR74K8i+AzyOzqM3Ns0c0ZpBFdIMiKzh6UYULPsoHblzfj0ES1yrrtGw==",
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-7.6.0.tgz",
+      "integrity": "sha512-YCZDDdhfb4Yhie0IH031eGdvQG8C73apDuNg6lqBNbauNw45OG/b8wi3+vuMiDnJTJN32GQUb1Gt9gxDKoRDKw==",
       "requires": {
         "@ardatan/aggregate-error": "0.0.6",
         "camel-case": "4.1.2",
@@ -1925,9 +1925,9 @@
       }
     },
     "@popperjs/core": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.6.0.tgz",
-      "integrity": "sha512-cPqjjzuFWNK3BSKLm0abspP0sp/IGOli4p5I5fKFAzdS8fvjdOwDCfZqAaIiXd9lPkOWi3SUUfZof3hEb7J/uw=="
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.9.1.tgz",
+      "integrity": "sha512-DvJbbn3dUgMxDnJLH+RZQPnXak1h4ZVYQ7CWiFWjQwBFkVajT4rfw2PdpHLTSTwxrYfnoEXkuBiwkDm6tPMQeA=="
     },
     "@ranfdev/deepobj": {
       "version": "1.0.2",
@@ -1940,60 +1940,28 @@
       "integrity": "sha512-tE8QCw4k07EnYwo9RBsvFqwKWu4hLXPIJoQ0NQKt6M7taL0MIltYGvJIO1F0GgoV/wF6Bb6/18TS577NvlqPSA=="
     },
     "@rcsb/rcsb-saguaro": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/@rcsb/rcsb-saguaro/-/rcsb-saguaro-1.0.13.tgz",
-      "integrity": "sha512-xlZlwefR/7gCypgeVojRveXm3xm8zraMyf2XDyX0lj3lYgn/OsvNdo9l94ooxMp5cbxXrzWF8TV8lOSFOYYvZA==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rcsb/rcsb-saguaro/-/rcsb-saguaro-1.1.0.tgz",
+      "integrity": "sha512-G1tpYljH0ehcq/1X+nbWKhk8H5gBkxTwztq0hRbzO38LFlUtZmH6dD5ieOKamjCxBy3IY6N92W2tmoGeX8MfgA==",
       "requires": {
         "@d3fc/d3fc-sample": "^4.1.0",
         "@popperjs/core": "^2.4.4",
         "@types/d3": "^5.7.2",
         "d3": "^5.16.0",
         "d3-shape": "^1.3.7",
-        "react": "^16.13.1",
-        "react-dom": "^16.13.1",
+        "react": "^17.0.1",
+        "react-dom": "^17.0.1",
         "react-transition-group": "^4.4.1",
         "rxjs": "^6.6.0"
-      },
-      "dependencies": {
-        "react": {
-          "version": "16.14.0",
-          "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
-          "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
-          "requires": {
-            "loose-envify": "^1.1.0",
-            "object-assign": "^4.1.1",
-            "prop-types": "^15.6.2"
-          }
-        },
-        "react-dom": {
-          "version": "16.14.0",
-          "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.14.0.tgz",
-          "integrity": "sha512-1gCeQXDLoIqMgqD3IO2Ah9bnf0w9kzhwN5q4FGnHZ67hBm9yePzB5JJAIQCc8x3pFnNlwFq4RidZggNAAkzWWw==",
-          "requires": {
-            "loose-envify": "^1.1.0",
-            "object-assign": "^4.1.1",
-            "prop-types": "^15.6.2",
-            "scheduler": "^0.19.1"
-          }
-        },
-        "scheduler": {
-          "version": "0.19.1",
-          "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
-          "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
-          "requires": {
-            "loose-envify": "^1.1.0",
-            "object-assign": "^4.1.1"
-          }
-        }
       }
     },
     "@rcsb/rcsb-saguaro-app": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@rcsb/rcsb-saguaro-app/-/rcsb-saguaro-app-1.1.1.tgz",
-      "integrity": "sha512-AsEsC+rbU+2pDhTb8kVQafdNSLepKiPv1v6gFecRxMTIcYe8OaM9VvaGa8Bbe7z1jh4ODsvQwH2qKEOZ+cK+0w==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@rcsb/rcsb-saguaro-app/-/rcsb-saguaro-app-1.1.2.tgz",
+      "integrity": "sha512-AKeFJ5yKN7XvWIyW3l48O7fO8b/Xz4TpErK1oC9r6l+gpK93qnFCx81okrTzTCYMHLCHHgZr3PxcFWnYHrvfWg==",
       "requires": {
         "@graphql-codegen/cli": "^1.16.0",
-        "@rcsb/rcsb-saguaro": "^1.0.13",
+        "@rcsb/rcsb-saguaro": "^1.1.0",
         "ideogram": "^1.27.0"
       }
     },
@@ -2377,9 +2345,9 @@
       "integrity": "sha512-q9Q6+eUEGwQkv4Sbst3J4PNgDOvpuVuKj79Hl/qnmBMEIPzB5QoFRUtjcgcg2xNUZyYUGXBk5wYIBKHt0A+Mxw=="
     },
     "@types/jsonwebtoken": {
-      "version": "8.5.0",
-      "resolved": "https://registry.npmjs.org/@types/jsonwebtoken/-/jsonwebtoken-8.5.0.tgz",
-      "integrity": "sha512-9bVao7LvyorRGZCw0VmH/dr7Og+NdjYSsKAxB43OQoComFbBgsEpoR9JW6+qSq/ogwVBg8GI2MfAlk4SYI4OLg==",
+      "version": "8.5.1",
+      "resolved": "https://registry.npmjs.org/@types/jsonwebtoken/-/jsonwebtoken-8.5.1.tgz",
+      "integrity": "sha512-rNAPdomlIUX0i0cg2+I+Q1wOUr531zHBQ+cV/28PJ39bSPKjahatZZ2LMuhiguETkCgLVzfruw/ZvNMNkKoSzw==",
       "requires": {
         "@types/node": "*"
       }
@@ -6795,6 +6763,11 @@
       "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
       "dev": true
     },
+    "is-unicode-supported": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
+      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw=="
+    },
     "is-upper-case": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-upper-case/-/is-upper-case-2.0.2.tgz",
@@ -7381,11 +7354,12 @@
       "integrity": "sha1-DdOXEhPHxW34gJd9UEyI+0cal6w="
     },
     "log-symbols": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.0.0.tgz",
-      "integrity": "sha512-FN8JBzLx6CzeMrB0tg6pqlGU1wCrXW+ZXGH481kfsBqer0hToTIiHdjH4Mq8xJUbvATujKCvaREGWpGUionraA==",
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
+      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
       "requires": {
-        "chalk": "^4.0.0"
+        "chalk": "^4.1.0",
+        "is-unicode-supported": "^0.1.0"
       }
     },
     "log-update": {

+ 3 - 3
package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rcsb/rcsb-saguaro-3d",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "description": "RCSB Molstar/Saguaro Web App",
   "main": "build/dist/RcsbFv3DBuilder.js",
   "files": [
@@ -75,8 +75,8 @@
   },
   "dependencies": {
     "@rcsb/rcsb-molstar": "^1.3.0-beta.saguaro.1",
-    "@rcsb/rcsb-saguaro": "^1.0.13",
-    "@rcsb/rcsb-saguaro-app": "^1.1.1",
+    "@rcsb/rcsb-saguaro": "^1.1.0",
+    "@rcsb/rcsb-saguaro-app": "^1.1.2",
     "@types/react": "^17.0.0",
     "@types/react-select": "^3.0.11",
     "molstar": "^1.3.1",

+ 7 - 3
src/RcsbFvSequence/SequenceViews/AssemblyView/AssemblyView.tsx

@@ -53,10 +53,14 @@ export class AssemblyView extends AbstractView<AssemblyViewInterface & AbstractV
         return (
             <div style={{marginTop:10}}>
                 <div id={RcsbFvDOMConstants.SELECT_INSTANCE_PFV_ID} style={{display:"inline-block"}}/>
-                <div style={{position:"absolute", top:5, right:24, cursor:"pointer"}} >
-                    <a style={{textDecoration:"none", fontWeight:"bold", color:"grey"}} target={"_blank"} href={"/docs/sequence-viewers/3d-protein-feature-view"}>?</a>
+                <div style={{position:"absolute", top:5, right:24}} >
+                    <a style={{textDecoration:"none", color:"#337ab7", cursor:"pointer", marginRight:15}} target={"_blank"} href={"/docs/sequence-viewers/3d-protein-feature-view"}>
+                        Help
+                    </a>
+                    <a style={{textDecoration:"none", color: "#337ab7", cursor:"pointer"}} onClick={()=>{this.props.unmount(true)}}>
+                        Back
+                    </a>
                 </div>
-                <div style={{position:"absolute", top:5, right:7, cursor:"pointer", color: "grey"}} onClick={()=>{this.props.unmount(true)}}>&#10006;</div>
             </div>
         );
     }