@rcsb/rcsb-statistics 0.3.36 → 0.3.37-dev.1

package/build/static/js/630.6dc1fc20.chunk.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_rcsb_rcsb_statistics=self.webpackChunk_rcsb_rcsb_statistics||[]).push([[630],{1630:(e,t,n)=>{n.r(t),n.d(t,{default:()=>O});var r,l,a=n(6540),o=n(4976),i=n(7581);function s(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}const c=i.Ay.ul(r||(r=s(["\n  padding: 10px;\n  max-height: 300px;\n  overflow-y: auto;\n"]))),d=(0,i.Ay)(o.N_).attrs({className:"list-group-item"})(l||(l=s(["\n  padding: 0;\n  margin-bottom: 10px;\n  border: none;\n  color: #337ab7 !important;\n  font-weight: 400;\n  font-size: 14px;\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline !important;\n    background: none !important; \n  }\n"]))),p=e=>{let{items:t}=e;return a.createElement(c,null,t.map(((e,t)=>a.createElement(d,{key:t,to:e.link},e.display_title))))};var u,m,f,h,b,g,w,x,y;function E(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}i.Ay.label(u||(u=E(["\n  display: block;\n  font-size: 1.2em;\n  margin-bottom: 0.5em;\n"])));const v=i.Ay.div(m||(m=E(["\n  width: 700px;\n"]))),k=i.Ay.input(f||(f=E(["\n  flex: 1;\n  width: 100%;\n  height: 45px;\n  padding: 6px 12px;\n  font-size: 16px;\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);\n  line-height: 1.42857143;\n  color: #555;\n  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n  &::placeholder {\n    font-style: italic;\n  }\n"]))),D=i.Ay.div(h||(h=E(["\n  background-color: #f7f7f7;\n  padding: 10px;\n  display: flex;\n  justify-content: center;\n  margin-bottom: 1em;\n"]))),_=i.Ay.div(b||(b=E(["\n  padding-top: 15px;\n"]))),S=i.Ay.div(g||(g=E(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 20px;\n  justify-content: flex-start;\n  padding: 10px;\n"]))),j=i.Ay.div(w||(w=E(["\n  flex: 1 1 calc(33.333% - 20px);\n  max-width: calc(33.333% - 20px);\n  min-height: 150px;\n  position: relative;\n  overflow: hidden;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n"]))),A=i.Ay.h2(x||(x=E(["\n  font-size: 24px;\n  font-weight: bold;\n  margin: 20px 0;\n  color: #333;\n  margin-bottom: -5px;\n"]))),C=i.Ay.h3(y||(y=E(["\n  background-color: #325880;\n  color: #fff;  \n  padding: 10px;\n  margin: 0;\n  font-weight: bold;\n  font-size: 1.1em;\n  border-bottom: 1px solid #ddd;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n  font-size: 16px;\n  font-weight: bold;\n"])));var z=n(637);const O=()=>{const[e,t]=(0,a.useState)(""),[n,r]=(0,a.useState)({}),l=(0,a.useRef)(null);(0,a.useEffect)((()=>{const t=z._1.filter((t=>{var n;return(null!==(n=t.display_title)&&void 0!==n?n:"").toLowerCase().includes(e.toLowerCase())})).reduce(((e,t)=>{const n=t.displayCategory;return n&&(e[n]||(e[n]=[]),e[n].push(t)),e}),{});r(t)}),[e]),(0,a.useEffect)((()=>{const e=setTimeout((()=>{l.current&&l.current.focus()}),0),t=setInterval((()=>{l.current&&(l.current.focus(),clearInterval(t))}),100);return()=>{clearTimeout(e),clearInterval(t)}}),[]);const o=Object.entries(n).some((e=>{let[t,n]=e;return n.some((e=>"Released Structures"===e.displaySection))})),i=Object.entries(n).some((e=>{let[t,n]=e;return n.some((e=>"Small Molecules"===e.displaySection))}));return a.createElement("article",null,a.createElement(D,null,a.createElement(v,null,a.createElement(k,{id:"statistics-filter",type:"text",placeholder:"Enter keywords to filter statistics",value:e,onChange:e=>t(e.target.value),ref:l}))),a.createElement(S,null,o&&a.createElement(a.Fragment,null,a.createElement(A,null,"Released Structures Statistics"),a.createElement("p",null,"These statistics are generated for all structures currently released in the PDB archive. Detailed information about each structure is stored in the"," ",a.createElement("a",{href:"https://mmcif.wwpdb.org/",target:"_blank",rel:"noopener noreferrer"},"wwPDB PDBx/mmCIF Dictionary"))),Object.entries(n).map((e=>{let[t,n]=e;const r=n.filter((e=>"Released Structures"===e.displaySection));return r.length>0?a.createElement(j,{key:t},a.createElement(C,null,r[0].category_text),a.createElement(p,{items:r})):null}))),a.createElement(S,null,i&&a.createElement(a.Fragment,null,a.createElement(A,null,"Small Molecule Statistics"),a.createElement("p",null,"These statistics are generated for all residue and small molecule components currently released in the PDB archive. Detailed information about each chemical component is stored in the wwPDB"," ",a.createElement("a",{href:"https://www.wwpdb.org/data/ccd",target:"_blank",rel:"noopener noreferrer"},"Chemical Component Dictionary (CCD)")," ","and/or"," ",a.createElement("a",{href:"https://www.wwpdb.org/data/bird",target:"_blank",rel:"noopener noreferrer"},"Biologically Interesting Molecule Reference Dictionary (BIRD)"))),Object.entries(n).map((e=>{let[t,n]=e;const r=n.filter((e=>"Small Molecules"===e.displaySection));return r.length>0?a.createElement(j,{key:t},a.createElement(C,null,r[0].category_text),a.createElement(p,{items:r})):null}))),a.createElement(_,null,a.createElement("p",null,"These statistics are generated using ",a.createElement("a",{href:"/pages/webservices"},"Web Services")," and represent the current holdings of the archive."),a.createElement("p",null,"wwPDB hosts statistics on PDB ",a.createElement("a",{href:"https://www.wwpdb.org/stats/deposition",target:"_blank",rel:"noopener"},"Data Deposited")," and ",a.createElement("a",{href:"https://www.wwpdb.org/stats/download",target:"_blank",rel:"noopener"},"Data Downloaded"),".")))}}}]);