{"version":3,"sources":["utils/requests.js","images/cos_center_logo_small.png","components/NavBar.js","components/JournalSearchBar.js","components/Home.js","utils/copy.js","components/JournalPage.js","components/Facet.js","components/Journals.js","hooks/debounce.js","components/SummaryPage.js","components/FaqPage.js","App.js","serviceWorker.js","index.js"],"names":["useGetContent","path","defaultValue","useState","content","setContent","useEffect","a","fetch","result","json","getContent","useStyles","makeStyles","theme","root","backgroundColor","zIndex","drawer","color","height","display","alignItems","banner","fontWeight","textAlign","padding","width","toolbar","flex","title","textTransform","fontSize","textDecoration","palette","primary","main","cosLogo","breakpoints","up","paddingTop","marginRight","down","menuButton","spacing","textSize","NavBar","classes","AppBar","position","className","elevation","Box","Toolbar","href","logo","src","alt","Link","underline","Typography","variant","noWrap","Button","component","target","style","marginLeft","useRootStyles","border","borderRadius","boxShadow","left","top","inputContainer","margin","justifyContent","text","paddingLeft","inputEl","paddingBottom","iconButton","dark","iconEl","marginTop","marginBottom","onInputChange","options","history","event","value","journal","find","name","push","slug","JournalSearchBar","React","open","setOpen","setOptions","loading","length","useHistory","active","response","journals","rootClasses","Autocomplete","fullWidth","autoHighlight","onOpen","onClose","getOptionSelected","option","id","getOptionLabel","renderInput","params","TextField","label","InputProps","disableUnderline","endAdornment","Fragment","CircularProgress","size","IconButton","renderOption","inputValue","matches","match","parts","parse","map","part","index","highlight","flexDirection","overflow","hero","minHeight","boxSizing","subTitle","aboutTitle","aboutContent","aboutLink","searchContainer","minWidth","Hero","subtitle","p","Container","mb","align","mt","Home","description","Helmet","maxWidth","copyTextToClipboard","navigator","clipboard","writeText","then","err","console","error","textArea","document","createElement","body","appendChild","focus","select","execCommand","removeChild","fallbackCopyTextToClipboard","titleBar","shareButton","shareIcon","tableHeader","linkButton","linkButtonText","useShareStyles","ShareText","ref","useRef","buttonRef","anchorEl","setAnchorEl","Boolean","current","InputBase","inputRef","readOnly","onClick","setTimeout","Popover","anchorOrigin","vertical","horizontal","transformOrigin","TitleBar","undefined","journalUrl","window","location","shareData","url","share","e","currentTarget","AboutHero","about","Paper","square","JournalTable","total","journalFactors","TableContainer","Table","TableHead","TableRow","TableCell","TableBody","colSpan","sort","b","factor_id","score","justification","factor","guidelines","JournalSidebar","disciplines","issn","eissn","updated","policyUrl","additionalInfo","discipline","i","JournalPage","useParams","journal_links","author_guideline_url","journal_factors","journal_disciplines","Grid","container","item","md","sm","xs","m","mx","Divider","list","listItem","paddingRight","useRootInputStyles","checked","attrOrder","key","inputType","selected","localeCompare","RadioFacet","items","link","orderBy","defaultSelection","defaultExpanded","onFacetChange","inputClasses","Accordion","AccordionSummary","expandIcon","AccordionDetails","List","facet","replace","toLowerCase","labelId","ListItem","button","disableRipple","filter","f","role","ListItemIcon","Checkbox","inputProps","Radio","ListItemText","defaultParams","createBrowserHistory","searchBar","flexGrow","whiteSpace","useTextRootStyles","useListRecords","record","records","setRecords","getRecords","useSearchJournals","terms","setIsLoading","queryParamsLoaded","publishers","societies","page","perPage","meta","convertValue","toString","URLSearchParams","searchQuery","Object","entries","forEach","val","Array","isArray","v","append","prototype","call","isObject","log","SearchBar","onSearchTermChange","textRootClasses","onChange","JournalResults","factors","isLoading","setPage","setPerPage","selectedFactor","showRank","opacity","keys","Skeleton","px","factor_score","TableFooter","TablePagination","count","rowsPerPage","onPageChange","_event","newPage","onRowsPerPageChange","rowsPerPageOptions","Journals","allFactors","allDisciplines","allPublishers","allSocieties","facets","setFacets","searchTerm","setSearchTerm","debouncedSearch","delay","debouncedValue","setDebouncedValue","handler","clearTimeout","useDebounce","setQueryParamsLoaded","searchParams","queryString","search","every","Number","indexOf","SummaryPage","stickyHeader","defaultOptions","allowedTags","allowedAttributes","sanitize","dirty","__html","sanitizeHtml","useFaqStyles","faqContent","contentClasses","question","answer","my","para","j","dangerouslySetInnerHTML","createTheme","typography","useNextVariants","fontFamily","allVariants","App","CssBaseline","exact","FaqPage","hostname","ReactDOM","render","getElementById","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.4e1b9072.chunk.js","sourcesContent":["import { useEffect, useState } from \"react\"\n\nexport const useGetContent = (path, defaultValue) => {\n  const [content, setContent] = useState(defaultValue)\n\n  useEffect(() => {\n    async function getContent() {\n      const result = await fetch(path)\n      setContent(await result.json())\n    }\n\n    getContent()\n  }, [path])\n\n  return content\n}\n","export default __webpack_public_path__ + \"static/media/cos_center_logo_small.70948a94.png\";","import React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\n\nimport AppBar from \"@material-ui/core/AppBar\"\nimport Toolbar from \"@material-ui/core/Toolbar\"\nimport Link from \"@material-ui/core/Link\"\nimport Button from \"@material-ui/core/Button\"\nimport Typography from \"@material-ui/core/Typography\"\nimport Box from \"@material-ui/core/Box\"\n\nimport logo from \"../images/cos_center_logo_small.png\"\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    backgroundColor: \"white\",\n    zIndex: theme.zIndex.drawer + 1,\n    color: \"black\",\n    height: \"120px\",\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  banner: {\n    backgroundColor: \"#b52b27\",\n    color: \"white\",\n    fontWeight: \"bold\",\n    textAlign: \"center\",\n    padding: \"10px 20px\",\n    width: \"100%\",\n  },\n  toolbar: {\n    flex: \"1 1 50%\",\n    width: \"100%\",\n  },\n  title: {\n    fontWeight: \"800\",\n    textTransform: \"uppercase\",\n    fontSize: \"20px\",\n    textDecoration: \"rgb(38, 57, 71)\",\n    color: \"#263947\",\n    \"&:hover\": {\n      color: theme.palette.primary.main,\n    },\n  },\n  cosLogo: {\n    height: \"40px\",\n    [theme.breakpoints.up(\"sm\")]: {\n      paddingTop: \"5px\",\n      marginRight: \"5px\",\n    },\n    [theme.breakpoints.down(\"xs\")]: {\n      padding: \"8px\",\n    },\n  },\n  menuButton: {\n    marginRight: theme.spacing(2),\n    color: theme.palette.primary.main,\n    fontWeight: \"bold\",\n    textSize: \"14px\",\n  },\n}))\n\nexport default function NavBar() {\n  const classes = useStyles()\n\n  return (\n    <AppBar position=\"fixed\" className={classes.root} elevation={1}>\n      <Box className={classes.banner}>\n        As of February 2025, TOP Factor scores will no longer be added or updated. The information on this page is for general reference only. Please go directly to journal or publisher pages to see their current policies.\n      </Box>\n      <Toolbar className={classes.toolbar}>\n        <a href=\"/\" className={classes.logo}>\n          <img\n            src={logo}\n            className={classes.cosLogo}\n            alt=\"Center for Open Science\"\n          />\n        </a>\n        <Link href=\"/\" underline=\"none\">\n          <Typography variant=\"subtitle1\" noWrap className={classes.title}>\n            TOP Factor\n          </Typography>\n        </Link>\n        <Button\n          className={classes.menuButton}\n          color=\"inherit\"\n          component={Link}\n          href=\"https://cos.io/top\"\n          target=\"_blank\"\n          underline=\"none\"\n          style={{ marginLeft: \"auto\" }}\n        >\n          About\n        </Button>\n        <Button\n          className={classes.menuButton}\n          color=\"inherit\"\n          component={Link}\n          href=\"/journals\"\n          underline=\"none\"\n        >\n          All Journals\n        </Button>\n        <Button\n          className={classes.menuButton}\n          color=\"inherit\"\n          component={Link}\n          href=\"/summary\"\n          underline=\"none\"\n        >\n          Summary Table\n        </Button>\n      </Toolbar>\n    </AppBar>\n  )\n}\n","import React, { useEffect } from \"react\"\nimport { useHistory } from \"react-router-dom\";\nimport parse from \"autosuggest-highlight/parse\"\nimport match from \"autosuggest-highlight/match\"\n\nimport { makeStyles } from \"@material-ui/core/styles\"\n\nimport Autocomplete from \"@material-ui/lab/Autocomplete\"\nimport Box from \"@material-ui/core/Box\"\nimport CircularProgress from \"@material-ui/core/CircularProgress\"\nimport IconButton from \"@material-ui/core/IconButton\"\nimport SearchIcon from \"@material-ui/icons/Search\"\nimport TextField from \"@material-ui/core/TextField\"\n\nconst useRootStyles = makeStyles((theme) => ({\n  root: {\n    backgroundColor: \"white\",\n    border: `2px solid ${theme.palette.primary.main}`,\n    borderRadius: \"5px\",\n    boxShadow: \"0px 0px 15px rgba(21,165,235,0.15)\",\n    \"& .MuiFormLabel-root\": {\n      left: theme.spacing(2),\n      color: \"#757575\",\n      fontSize: 20,\n      \"&.MuiInputLabel-shrink\": {\n        color: \"#757575\",\n        top: \"5px\",\n      },\n    },\n  },\n}))\n\nconst useStyles = makeStyles((theme) => ({\n  inputContainer: {\n    display: \"flex\",\n    margin: 0,\n    padding: 0,\n    justifyContent: \"space-between\",\n  },\n  text: {\n    padding: theme.spacing(0),\n    boxShadow: \"inset 0px 1px 2px rgba(0,0,0,0.2)\",\n    paddingLeft: theme.spacing(2),\n  },\n  inputEl: {\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n  },\n  iconButton: {\n    color: \"#fff\",\n    backgroundColor: theme.palette.primary.main,\n    borderRadius: 0,\n    padding: \"0 15px\",\n    \"&:hover\": {\n      backgroundColor: theme.palette.primary.dark,\n    },\n  },\n  iconEl: {\n    fontSize: 32,\n    marginLeft: 3,\n    marginRight: 3,\n    marginTop: 0,\n    marginBottom: 0,\n  },\n}))\n\nconst onInputChange = ({options, history}) => (event, value) => {\n  const journal = options.find(journal => journal.name === value)\n  if (journal) {\n    history.push(`/journals/${journal.slug}`)\n  }\n\n}\n\nexport default function JournalSearchBar() {\n  const [open, setOpen] = React.useState(false)\n  const [options, setOptions] = React.useState([])\n  const loading = open && options.length === 0\n  const history = useHistory()\n\n  useEffect(() => {\n    let active = true\n\n    if (!loading) {\n      return undefined\n    }\n\n    ;(async () => {\n      const response = await fetch(\"/api/journals/search\")\n      const journals = await response.json()\n\n      if (active) {\n        setOptions(journals)\n      }\n    })()\n\n    return () => {\n      active = false\n    }\n  }, [loading])\n\n  useEffect(() => {\n    if (!open) {\n      setOptions([])\n    }\n  }, [open])\n\n  const rootClasses = useRootStyles()\n  const classes = useStyles()\n\n  return (\n    <Autocomplete\n      classes={rootClasses}\n      fullWidth={true}\n      autoHighlight={true}\n      open={open}\n      onOpen={() => {\n        setOpen(true)\n      }}\n      onClose={() => {\n        setOpen(false)\n      }}\n      getOptionSelected={(option, value) => option.id === value.id}\n      getOptionLabel={(option) => option.name}\n      onInputChange={onInputChange({options, history})}\n      options={options}\n      loading={loading}\n      renderInput={(params) => (\n        <Box className={classes.inputContainer}>\n          <TextField\n            {...params}\n            className={classes.text}\n            label=\"Search journals by title\"\n            variant=\"standard\"\n            InputProps={{\n              ...params.InputProps,\n              className: classes.inputEl,\n              disableUnderline: true,\n              endAdornment: (\n                <React.Fragment>\n                  {loading ? (\n                    <CircularProgress color=\"inherit\" size={20} />\n                  ) : null}\n                </React.Fragment>\n              ),\n            }}\n          />\n          <IconButton className={classes.iconButton} aria-label=\"submit journal search\">\n            <SearchIcon className={classes.iconEl} />\n          </IconButton>\n        </Box>\n      )}\n      renderOption={(option, { inputValue }) => {\n        const matches = match(option.name, inputValue)\n        const parts = parse(option.name, matches)\n\n        return (\n          <div>\n            {parts.map((part, index) => (\n              <span\n                key={index}\n                style={{ fontWeight: part.highlight ? 700 : 400 }}\n              >\n                {part.text}\n              </span>\n            ))}\n          </div>\n        )\n      }}\n    />\n  )\n}\n","import React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport { Helmet } from \"react-helmet\"\n\nimport Box from \"@material-ui/core/Box\"\nimport Container from \"@material-ui/core/Container\"\nimport Link from \"@material-ui/core/Link\"\nimport Typography from \"@material-ui/core/Typography\"\n\nimport { useGetContent } from \"../utils/requests\"\n\nimport NavBar from \"./NavBar\"\nimport JournalSearchBar from \"./JournalSearchBar\"\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100vw\",\n    overflow: \"hidden\",\n    position: \"relative\",\n    top: \"20px\",\n  },\n  hero: {\n    minHeight: \"500px\",\n    backgroundColor: \"rgb(218, 218, 218)\",\n  },\n  content: {\n    minHeight: \"40vh\",\n    position: \"relative\",\n    boxSizing: \"border-box\",\n    flex: \"1 1 50%\",\n\n    overflow: \"hidden\",\n    paddingTop: \"100px\",\n    paddingLeft: \"16px\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  title: {\n    fontWeight: \"bold\",\n    fontSize: \"32px\",\n    [theme.breakpoints.up(\"md\")]: {\n      fontSize: \"48px\",\n    },\n  },\n  subTitle: {\n    fontSize: 18,\n    [theme.breakpoints.up(\"md\")]: {\n      fontSize: \"24px\",\n    },\n  },\n  aboutTitle: {\n    fontWeight: \"bold\",\n    marginBottom: theme.spacing(3),\n    fontSize: \"22px\",\n    [theme.breakpoints.up(\"md\")]: {\n      fontSize: \"32px\",\n    },\n  },\n  aboutContent: {\n    fontSize: \"20px\",\n    marginBottom: theme.spacing(3),\n  },\n  aboutLink: {\n    fontSize: \"20px\",\n    fontWeight: \"bold\",\n  },\n  searchContainer: {\n    marginTop: \"10px\",\n    [theme.breakpoints.up(\"sm\")]: {\n      minWidth: \"420px\",\n      marginTop: \"40px\",\n    },\n    [theme.breakpoints.up(\"md\")]: {\n      minWidth: \"720px\",\n      marginTop: \"60px\",\n    },\n  },\n}))\n\nconst Hero = ({ title, subtitle, classes }) => {\n  return (\n    <Box\n      height=\"100%\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      p={5}\n      className={classes.hero}\n    >\n      <Container className={classes.content}>\n        <Box mb={2}>\n          <Typography\n            variant=\"h3\"\n            component=\"h1\"\n            align=\"center\"\n            className={classes.title}\n          >\n            {title}\n          </Typography>\n        </Box>\n        <Typography\n          variant=\"subtitle1\"\n          align=\"center\"\n          className={classes.subTitle}\n        >\n          {subtitle}\n        </Typography>\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          className={classes.searchContainer}\n        >\n          <JournalSearchBar />\n        </Box>\n        <Box mt={3}>\n          <Typography\n            align=\"center\"\n            style={{ fontSize: 20, fontWeight: \"bold\" }}\n          >\n            <Link href=\"/journals\">Advanced Search by Standard, Discipline, or Publisher</Link>\n          </Typography>\n        </Box>\n      </Container>\n    </Box>\n  )\n}\n\nexport default function Home() {\n  const classes = useStyles()\n\n  // Get home page content\n  const defaultContent = {\n    content: {\n      title: \"Transparency and Openness Promotion\",\n      subtitle:\n        \"Created by journals, funders, and societies to align scientific ideals with practices.\",\n      description:\n        \"Journal policies can be evaluated based on the degree to which they comply with the TOP Guidelines. This TOP Factor is a metric that reports the steps that a journal is taking to implement open science practices, practices that are based on the core principles of the scientific community. It is an alternative way to assess journal qualities, and is an improvement over traditional metrics that measure mean citation rates. The TOP Factor is transparent (see underlying data and the evaluation rubric) and will be responsive to community feedback.\",\n    },\n  }\n  const result = useGetContent(`/api/pages/home`, null)\n  const {\n    content: { title, subtitle, description },\n  } = typeof result !== \"undefined\" ? defaultContent : result\n\n  return (\n    <Box className={classes.root}>\n      <Helmet>\n        <title>TOP Factor - Transparency and Openness Promotion</title>\n      </Helmet>\n      <NavBar style={{ zIndex: \"1000\" }} />\n      <Hero title={title} subtitle={subtitle} classes={classes} />\n      <Box p={5}>\n        <Container maxWidth=\"md\">\n          <Typography variant=\"h4\" className={classes.aboutTitle}>\n            About TOP Factor\n          </Typography>\n          <Typography className={classes.aboutContent}>\n            {description}\n          </Typography>\n          <Box mb={3}>\n            <Typography className={classes.aboutLink}>\n              <Link href=\"https://www.cos.io/initiatives/top-guidelines\">\n                Read more about TOP Factor.\n              </Link>\n            </Typography>\n          </Box>\n          <Typography>\n            For inquiries, please contact{\" \"}\n            <Link style={{ fontWeight: \"bold\", color: \"#3274B4\" }} href=\"mailto:david@cos.io\">David Mellor</Link> or email{\" \"}\n            <Link style={{ fontWeight: \"bold\", color: \"#3274B4\" }} href=\"mailto:top@cos.io\">top@cos.io</Link>\n          </Typography>\n        </Container>\n      </Box>\n    </Box>\n  )\n}\n","function fallbackCopyTextToClipboard(text) {\n  var textArea = document.createElement(\"textarea\")\n  textArea.value = text\n\n  // Avoid scrolling to bottom\n  textArea.style.top = \"0\"\n  textArea.style.left = \"0\"\n  textArea.style.position = \"fixed\"\n\n  document.body.appendChild(textArea)\n  textArea.focus()\n  textArea.select()\n\n  try {\n    document.execCommand(\"copy\")\n  } catch (err) {\n  }\n\n  document.body.removeChild(textArea)\n}\n\nexport function copyTextToClipboard(text) {\n  if (!navigator.clipboard) {\n    fallbackCopyTextToClipboard(text)\n    return\n  }\n\n  navigator.clipboard.writeText(text).then(\n    () => {},  // Success\n    (err) =>  {\n      console.error(\"Async: Could not copy text: \", err)\n    }\n  )\n}\n","import React, { useEffect, useState, useRef } from \"react\"\nimport { useParams } from \"react-router-dom\"\nimport { Helmet } from \"react-helmet\"\n\nimport { makeStyles } from \"@material-ui/core/styles\"\n\nimport Box from \"@material-ui/core/Box\"\nimport Button from \"@material-ui/core/Button\"\nimport Container from \"@material-ui/core/Container\"\nimport Divider from \"@material-ui/core/Divider\"\nimport Grid from \"@material-ui/core/Grid\"\nimport Link from \"@material-ui/core/Link\"\nimport IconButton from \"@material-ui/core/IconButton\"\nimport InputBase from \"@material-ui/core/InputBase\"\nimport Paper from \"@material-ui/core/Paper\"\nimport Popover from \"@material-ui/core/Popover\"\nimport Table from \"@material-ui/core/Table\"\nimport TableBody from \"@material-ui/core/TableBody\"\nimport TableCell from \"@material-ui/core/TableCell\"\nimport TableContainer from \"@material-ui/core/TableContainer\"\nimport TableHead from \"@material-ui/core/TableHead\"\nimport TableRow from \"@material-ui/core/TableRow\"\nimport Typography from \"@material-ui/core/Typography\"\n\nimport ShareIcon from \"@material-ui/icons/Share\"\nimport FileCopyIcon from \"@material-ui/icons/FileCopy\"\n\nimport NavBar from \"./NavBar\"\n\nimport { copyTextToClipboard } from \"../utils/copy\"\nimport { useGetContent } from \"../utils/requests\"\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100vw\",\n    overflow: \"hidden\",\n    position: \"relative\",\n    top: \"20px\",\n  },\n  content: {\n    position: \"relative\",\n    boxSizing: \"border-box\",\n    flex: \"1 1 50%\",\n\n    overflow: \"hidden\",\n    paddingTop: \"100px\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  titleBar: {\n    // backgroundColor: \"#00b5ef\", // COS Logo blue\n    backgroundColor: \"#3A6584\", // Blue from previous version\n    // backgroundColor: \"#207b5d\", // Green\n    display: \"flex\",\n    width: \"100%\",\n    height: \"100%\",\n  },\n  title: {\n    color: \"#fff\",\n    fontSize: 32,\n    paddingTop: theme.spacing(4),\n    paddingBottom: theme.spacing(4),\n    fontWeight: \"bold\",\n  },\n  shareButton: {\n    color: \"#fff\",\n  },\n  shareIcon: {\n    fontSize: 32,\n  },\n  tableHeader: {\n    fontWeight: \"bold\",\n    fontSize: 14,\n    textTransform: \"uppercase\",\n  },\n  linkButton: {\n    backgroundColor: theme.palette.primary.main,\n    borderRadius: \"4px\",\n    \"&:hover\": {\n      backgroundColor: theme.palette.primary.dark,\n    },\n  },\n  linkButtonText: {\n    color: \"#fff\",\n    fontSize: 16,\n    fontWeight: \"bold\",\n    textTransform: \"none\",\n    textAlign: \"center\",\n  },\n}))\n\nconst useShareStyles = makeStyles((theme) => ({\n  iconButton: {\n    color: \"#fff\",\n    backgroundColor: theme.palette.primary.main,\n    borderRadius: 0,\n    padding: \"10px\",\n    \"&:hover\": {\n      color: \"#fff\",\n      backgroundColor: theme.palette.primary.dark,\n    },\n  },\n}))\n\nconst ShareText = ({ text }) => {\n  const classes = useShareStyles()\n  const ref = useRef(null)\n  const buttonRef = useRef(null)\n\n  const [anchorEl, setAnchorEl] = useState(null)\n  const open = Boolean(anchorEl)\n  // const id = open ? \"share-button\" : undefined\n\n  useEffect(() => {\n    if (typeof ref !== \"undefined\" && typeof ref.current !== \"undefined\") {\n      ref.current.select()\n    }\n  }, [ref])\n\n  const handleInputClick = (event) => {\n    const el = event.target\n    el.select()\n  }\n\n  const handleClose = () => setAnchorEl(null)\n\n  const handleCopyClick = (event) => {\n    copyTextToClipboard(text)\n    setAnchorEl(buttonRef.current)\n    setTimeout(() => setAnchorEl(null), 1000)\n  }\n\n  return (\n    <Box display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n      <Box\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        style={{ border: \"1px\" }}\n      >\n        <InputBase\n          inputRef={ref}\n          readOnly={true}\n          defaultValue={text}\n          onClick={handleInputClick}\n          size=\"small\"\n          style={{ fontSize: 12, padding: \"5px\", minWidth: \"200px\" }}\n        />\n        <IconButton\n          className={classes.iconButton}\n          ref={buttonRef}\n          title=\"Copy to clipboard\"\n          size=\"small\"\n          onClick={handleCopyClick}\n        >\n          <FileCopyIcon />\n        </IconButton>\n      </Box>\n      <Popover\n        open={open}\n        anchorEl={anchorEl}\n        onClose={handleClose}\n        anchorOrigin={{\n          vertical: \"top\",\n          horizontal: \"center\",\n        }}\n        transformOrigin={{\n          vertical: \"bottom\",\n          horizontal: \"center\",\n        }}\n      >\n        <Box p={1}>\n          <Typography variant=\"button\" style={{ fontSize: 12 }}>\n            Copied to clipboard\n          </Typography>\n        </Box>\n      </Popover>\n    </Box>\n  )\n}\n\nconst TitleBar = ({ title, history, classes }) => {\n  const [anchorEl, setAnchorEl] = useState(null)\n\n  const open = Boolean(anchorEl)\n  const id = open ? \"share-button\" : undefined\n  const journalUrl = window.location.href\n\n  const handleClick = (event) => {\n    // TODO: If mobile, open web share\n    try {\n      const shareData = { title: title, url: journalUrl }\n      navigator.share(shareData)\n    } catch (e) {\n      // console.log(\"Couldn't share: \", e)\n      setAnchorEl(event.currentTarget)\n    }\n  }\n\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  return (\n    <Box className={classes.titleBar}>\n      <Container>\n        <Box display=\"flex\" justifyContent=\"space-between\">\n          <Typography variant=\"h3\" component=\"h1\" className={classes.title}>\n            {title}\n          </Typography>\n          <Box display=\"flex\" alignItems=\"center\">\n            <IconButton\n              aria-describedby={id}\n              aria-label=\"share page\"\n              onClick={handleClick}\n              className={classes.shareButton}\n            >\n              <ShareIcon className={classes.shareIcon} />\n            </IconButton>\n            <Popover\n              id={id}\n              open={open}\n              anchorEl={anchorEl}\n              onClose={handleClose}\n              anchorOrigin={{\n                vertical: \"bottom\",\n                horizontal: \"center\",\n              }}\n              transformOrigin={{\n                vertical: \"top\",\n                horizontal: \"center\",\n              }}\n            >\n              <ShareText text={journalUrl} />\n            </Popover>\n          </Box>\n        </Box>\n      </Container>\n    </Box>\n  )\n}\n\nconst AboutHero = ({ about, classes }) => {\n  return (\n    <Paper elevation={0} variant=\"outlined\" square>\n      <Box p={4}>\n        <Box mb={2}>\n          <Typography\n            variant=\"h3\"\n            component=\"h2\"\n            style={{\n              fontSize: 14,\n              textTransform: \"uppercase\",\n              fontWeight: \"bold\",\n            }}\n          >\n            Journal Description\n          </Typography>\n        </Box>\n        <Typography style={{ fontSize: 16 }}>{about}</Typography>\n      </Box>\n    </Paper>\n  )\n}\n\nconst JournalTable = ({ total, journalFactors, classes }) => {\n  return (\n    <TableContainer component={Paper} elevation={0} variant=\"outlined\" square>\n      <Table>\n        <TableHead>\n          <TableRow>\n            <TableCell>\n              <Typography className={classes.tableHeader}>Guideline</Typography>\n            </TableCell>\n            <TableCell>\n              <Typography\n                className={classes.tableHeader}\n                style={{ textAlign: \"center\" }}\n              >\n                Level\n              </Typography>\n            </TableCell>\n            <TableCell>\n              <Typography className={classes.tableHeader}>Summary</Typography>\n            </TableCell>\n            <TableCell>\n              <Typography className={classes.tableHeader}>\n                Justification\n              </Typography>\n            </TableCell>\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          <TableRow>\n            <TableCell>\n              <Typography style={{ fontSize: 16, fontWeight: \"bold\" }}>\n                Total\n              </Typography>\n            </TableCell>\n            <TableCell>\n              <Typography\n                style={{\n                  fontSize: 36,\n                  fontWeight: \"bold\",\n                  textAlign: \"center\",\n                }}\n              >\n                {total}\n              </Typography>\n            </TableCell>\n            <TableCell colSpan={2}></TableCell>\n          </TableRow>\n          {journalFactors &&\n            (journalFactors || [])\n              .sort((a, b) => a.factor_id - b.factor_id)\n              .map(({ score, justification, factor: { name, guidelines } }) => {\n                return (\n                  <TableRow key={name}>\n                    <TableCell>\n                      <Typography style={{ fontSize: 16 }}>{name}</Typography>\n                    </TableCell>\n                    <TableCell align=\"center\">\n                      <Typography\n                        style={{\n                          fontSize: 36,\n                          fontWeight: \"bold\",\n                        }}\n                      >\n                        {score || \"0\"}\n                      </Typography>\n                    </TableCell>\n                    <TableCell style={{ minWidth: \"30%\" }}>\n                      <Typography style={{ fontSize: 16 }}>\n                        {guidelines[`${score || 0}`]}\n                      </Typography>\n                    </TableCell>\n                    <TableCell style={{ minWidth: \"30%\" }}>\n                      <Typography style={{ fontSize: 16 }}>\n                        {justification}\n                      </Typography>\n                    </TableCell>\n                  </TableRow>\n                )\n              })}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  )\n}\n\nconst JournalSidebar = ({\n  classes,\n  disciplines,\n  issn,\n  eissn,\n  updated,\n  policyUrl,\n  additionalInfo,\n}) => {\n  return (\n    <Paper elevation={0} variant=\"outlined\" square>\n      <Box display=\"flex\" flexDirection=\"column\" p={3}>\n        {disciplines && disciplines.length > 0 && (\n          <Box mb={3}>\n            <Box mb={1}>\n              <Typography\n                style={{\n                  fontWeight: \"bold\",\n                  fontSize: 14,\n                  textTransform: \"uppercase\",\n                }}\n              >\n                Disciplines\n              </Typography>\n            </Box>\n            {disciplines.map(({ discipline: { name } }) => (\n              <Box mb={1} key={name}>\n                <Typography style={{ fontSize: 16 }}>{name}</Typography>\n              </Box>\n            ))}\n          </Box>\n        )}\n        {issn && (\n          <Box mb={3}>\n            <Box mb={1}>\n              <Typography\n                style={{\n                  fontWeight: \"bold\",\n                  fontSize: 14,\n                  textTransform: \"uppercase\",\n                }}\n              >\n                ISSN Numbers\n              </Typography>\n            </Box>\n            <Typography style={{ fontSize: 16 }}>{issn}</Typography>\n          </Box>\n        )}\n        {eissn && (\n          <Box mb={3}>\n            <Box mb={1}>\n              <Typography\n                style={{\n                  fontWeight: \"bold\",\n                  fontSize: 14,\n                  textTransform: \"uppercase\",\n                }}\n              >\n                eISSN Numbers\n              </Typography>\n            </Box>\n            <Typography style={{ fontSize: 16 }}>{eissn}</Typography>\n          </Box>\n        )}\n        {updated && (\n          <Box mb={3}>\n            <Box mb={1}>\n              <Typography\n                style={{\n                  fontWeight: \"bold\",\n                  fontSize: 14,\n                  textTransform: \"uppercase\",\n                }}\n              >\n                Last Updated\n              </Typography>\n            </Box>\n            <Typography style={{ fontSize: 16 }}>{updated}</Typography>\n          </Box>\n        )}\n        {policyUrl && (\n          <Button\n            className={classes.linkButton}\n            component={Link}\n            href={policyUrl}\n            target=\"_blank\"\n            underline=\"none\"\n          >\n            <Typography className={classes.linkButtonText}>\n              Journal Page\n            </Typography>\n          </Button>\n        )}\n        {additionalInfo && additionalInfo.length > 0 && (\n          <Box mt={3} mb={2}>\n            <Typography\n              style={{\n                fontWeight: \"bold\",\n                fontSize: 14,\n                textTransform: \"uppercase\",\n              }}\n            >\n              Additional Information\n            </Typography>\n            {additionalInfo.map(({ title, url }, i) => (\n              <Box mt={1} key={i}>\n                <Typography style={{ fontSize: 16 }}>\n                  <Link href={url}>{title}</Link>\n                </Typography>\n              </Box>\n            ))}\n          </Box>\n        )}\n      </Box>\n    </Paper>\n  )\n}\n\nexport default function JournalPage(...props) {\n  const classes = useStyles()\n  const { slug } = useParams()\n\n  const {\n    total,\n    description,\n    name,\n    issn,\n    eissn,\n    updated,\n    journal_links: additionalInfo,\n    author_guideline_url: policyUrl,\n    journal_factors: journalFactors,\n    journal_disciplines: disciplines,\n  } = useGetContent(`/api/journals/${slug}`, { content: {} })\n\n  return (\n    <Box className={classes.root}>\n      {name && (\n        <Helmet>\n          <title>{name} | TOP Factor</title>\n        </Helmet>\n      )}\n      <Box className={classes.content}>\n        <NavBar style={{ zIndex: \"1000\" }} />\n        <TitleBar title={name} classes={classes} />\n        <Container>\n          <Grid container>\n            <Grid item md={10} sm={9} xs={12}>\n              {description && (\n                <Box m={2}>\n                  <AboutHero about={description} classes={classes} />\n                </Box>\n              )}\n              <Box m={2}>\n                <JournalTable\n                  total={total}\n                  journalFactors={journalFactors}\n                  classes={classes}\n                />\n              </Box>\n            </Grid>\n            <Grid item md={2} sm={3} xs={12}>\n              <Box m={2}>\n                <JournalSidebar\n                  classes={classes}\n                  disciplines={disciplines}\n                  issn={issn}\n                  eissn={eissn}\n                  updated={updated}\n                  policyUrl={policyUrl}\n                  additionalInfo={additionalInfo}\n                />\n              </Box>\n            </Grid>\n          </Grid>\n          <Box mx={2}>\n            <Divider />\n          </Box>\n          <Box m={2} display=\"flex\" justifyContent=\"space-between\">\n            <Button\n              component={Link}\n              target=\"_blank\"\n              href=\"https://docs.google.com/forms/d/e/1FAIpQLSdU_iDswhIF8PLGEdrc6d2dRkRY6q2nwfKZCMixwCS5I_noJg/viewform\"\n            >\n              <Typography color=\"primary\" variant=\"body2\" align=\"center\">\n                Submit an update or correction\n              </Typography>\n            </Button>\n            <Button component={Link} href=\"/frequently-asked-questions\">\n              <Typography color=\"primary\" variant=\"body2\" align=\"center\">\n                Frequently Asked Questions\n              </Typography>\n            </Button>\n          </Box>\n        </Container>\n      </Box>\n    </Box>\n  )\n}\n","import React from \"react\"\n\nimport { makeStyles } from \"@material-ui/core/styles\"\n\nimport Typography from \"@material-ui/core/Typography\"\nimport Accordion from \"@material-ui/core/Accordion\"\nimport AccordionSummary from \"@material-ui/core/AccordionSummary\"\nimport AccordionDetails from \"@material-ui/core/AccordionDetails\"\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\"\nimport Checkbox from \"@material-ui/core/Checkbox\"\nimport List from \"@material-ui/core/List\"\nimport ListItem from \"@material-ui/core/ListItem\"\nimport ListItemIcon from \"@material-ui/core/ListItemIcon\"\nimport ListItemText from \"@material-ui/core/ListItemText\"\nimport Radio from \"@material-ui/core/Radio\"\n\nconst useStyles = makeStyles((theme) => ({\n  container: {\n    padding: theme.spacing(0),\n    backgroundColor: \"transparent\",\n    width: \"100%\",\n    \"&::before\": {\n      backgroundColor: \"transparent\",\n    },\n  },\n  list: {\n    padding: theme.spacing(0),\n  },\n  listItem: {\n    paddingRight: theme.spacing(2),\n    paddingTop: theme.spacing(0),\n    paddingBottom: theme.spacing(0),\n    width: \"100%\",\n  },\n}))\n\nconst useRootInputStyles = makeStyles((theme) => ({\n  root: {\n    color: \"#263947\",\n  },\n  checked: {\n    color: \"#263947 !important\",\n  },\n}))\n\nconst attrOrder = (key, inputType) => (a, b) => {\n  if (inputType === \"checkbox\") {\n    // Selected, then alpha\n    return b.selected - a.selected || a[key].localeCompare(b[key])\n  } else {\n    if (b[key] < a[key]) return 1\n    if (b[key] > a[key]) return -1\n    return 0\n  }\n}\n\nexport default function RadioFacet({\n  name,\n  items,\n  link,\n  inputType = \"checkbox\",\n  orderBy = \"id\",\n  defaultSelection = false,\n  defaultExpanded = true,\n  onFacetChange = () => {},\n}) {\n  const classes = useStyles()\n  const inputClasses = useRootInputStyles()\n\n  const toggleFacet = (facet) => () => {\n    onFacetChange(\n      [\n        ...items\n          .filter((f) => f.id !== facet.id)\n          .map((f) => ({\n            ...f,\n            selected: inputType === \"radio\" ? false : f.selected,\n          })),\n        { ...facet, selected: inputType === \"radio\" ? true : !facet.selected },\n      ].sort(attrOrder(orderBy))\n    )\n  }\n\n  return (\n    <Accordion\n      defaultExpanded={defaultExpanded}\n      elevation={0}\n      className={classes.container}\n    >\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <Typography>{name}</Typography>\n        {link}\n      </AccordionSummary>\n      <AccordionDetails className={classes.list}>\n        <List style={{ width: \"100%\" }}>\n          {items &&\n            items.sort(attrOrder(orderBy, inputType)).map((item, i) => {\n              const slug = name.replace(/\\s+/g, '-').toLowerCase()\n              const labelId = `${slug}-list-label-${i}`\n              return <ListItem\n                key={i}\n                button\n                disableRipple\n                component=\"li\"\n                onClick={toggleFacet(item)}\n                className={classes.listItem}\n                role={undefined}\n              >\n                <ListItemIcon>\n                  {inputType === \"checkbox\" && (\n                    <Checkbox\n                      disableRipple\n                      checked={item.selected}\n                      classes={inputClasses}\n                      inputProps={{ 'aria-labelledby': labelId }}\n                    />\n                  )}\n                  {inputType === \"radio\" && (\n                    <Radio\n                      checked={item.selected}\n                      classes={inputClasses}\n                      inputProps={{ 'aria-labelledby': labelId }}\n                    />\n                  )}\n                </ListItemIcon>\n                <ListItemText primary={item.name} id={labelId} />\n              </ListItem>\n})}\n        </List>\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n","import React, { useEffect, useState } from \"react\"\nimport { Helmet } from \"react-helmet\"\nimport queryString from \"query-string\"\nimport { createBrowserHistory } from \"history\"\n\nimport { makeStyles } from \"@material-ui/core/styles\"\n\nimport Box from \"@material-ui/core/Box\"\nimport CircularProgress from \"@material-ui/core/CircularProgress\"\nimport Container from \"@material-ui/core/Container\"\nimport Grid from \"@material-ui/core/Grid\"\nimport IconButton from \"@material-ui/core/IconButton\"\nimport Link from \"@material-ui/core/Link\"\nimport Paper from \"@material-ui/core/Paper\"\nimport SearchIcon from \"@material-ui/icons/Search\"\nimport Table from \"@material-ui/core/Table\"\nimport TableBody from \"@material-ui/core/TableBody\"\nimport TableCell from \"@material-ui/core/TableCell\"\nimport TableContainer from \"@material-ui/core/TableContainer\"\nimport TableFooter from \"@material-ui/core/TableFooter\"\nimport TableHead from \"@material-ui/core/TableHead\"\nimport TablePagination from \"@material-ui/core/TablePagination\"\nimport TableRow from \"@material-ui/core/TableRow\"\nimport TextField from \"@material-ui/core/TextField\"\nimport Typography from \"@material-ui/core/Typography\"\n\nimport Skeleton from \"@material-ui/lab/Skeleton\"\n\nimport useDebounce from \"../hooks/debounce\"\n\nimport NavBar from \"./NavBar\"\nimport Facet from \"./Facet\"\n\nconst defaultParams = {\n  page: 0,\n  perPage: 10,\n}\n\nconst history = createBrowserHistory()\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100vw\",\n    overflow: \"hidden\",\n    position: \"relative\",\n    top: \"20px\",\n  },\n  content: {\n    position: \"relative\",\n    boxSizing: \"border-box\",\n    flex: \"1 1 50%\",\n\n    overflow: \"hidden\",\n    paddingTop: \"100px\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  searchBar: {\n    backgroundColor: \"#dadada\",\n    display: \"flex\",\n    width: \"100%\",\n    height: \"100%\",\n  },\n  title: {\n    fontSize: 32,\n    fontWeight: \"bold\",\n    flexGrow: \"1\",\n    textAlign: \"center\",\n    paddingTop: theme.spacing(2),\n    paddingBottom: theme.spacing(2),\n    [theme.breakpoints.up(\"sm\")]: {\n      textAlign: \"left\",\n      paddingTop: theme.spacing(4),\n      paddingBottom: theme.spacing(4),\n    },\n  },\n  inputContainer: {\n    display: \"flex\",\n    margin: theme.spacing(3),\n    padding: 0,\n    justifyContent: \"space-between\",\n    backgroundColor: \"#fff\",\n    border: \"1px solid #aaaaaa\",\n    borderRadius: \"4px\",\n    boxShadow: \"inset 0px 1px 2px rgba(0,0,0,0.2)\",\n    flexGrow: \"2\",\n  },\n  text: {\n    padding: theme.spacing(0),\n    marginLeft: theme.spacing(2),\n    marginBottom: theme.spacing(1),\n    width: \"100%\",\n  },\n  iconButton: {\n    color: \"#fff\",\n    backgroundColor: theme.palette.primary.main,\n    borderRadius: 0,\n    padding: \"0 15px\",\n    \"&:hover\": {\n      backgroundColor: theme.palette.primary.dark,\n    },\n  },\n  iconEl: {\n    fontSize: 32,\n    marginLeft: 3,\n    marginRight: 3,\n    marginTop: 0,\n    marginBottom: 0,\n  },\n  tableHeader: {\n    fontWeight: \"bold\",\n    fontSize: 14,\n    textTransform: \"uppercase\",\n    [theme.breakpoints.up(\"sm\")]: {\n      whiteSpace: \"nowrap\",\n    },\n  },\n}))\n\nconst useTextRootStyles = makeStyles((theme) => ({\n  root: {\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: \"55px\",\n    \"& .MuiFormLabel-root\": {\n      top: \"-6px\",\n      paddingLeft: theme.spacing(2),\n      paddingTop: theme.spacing(-1),\n      color: \"#757575\",\n      width: \"100%\",\n      \"&.MuiInputLabel-shrink\": {\n        color: \"#757575\",\n        top: \"5px\",\n      },\n    },\n    \"& .MuiInput-input\": {\n      padding: theme.spacing(0),\n      width: \"100%\",\n      height: \"100%\",\n      paddingLeft: theme.spacing(2),\n      paddingTop: theme.spacing(1),\n    },\n  },\n}))\n\nconst useListRecords = (record) => {\n  const [records, setRecords] = useState([])\n  useEffect(() => {\n    async function getRecords() {\n      const result = await fetch(`/api/${record}`)\n      setRecords(await result.json())\n    }\n\n    getRecords()\n  }, [record])\n\n  return records\n}\n\nconst isObject = (val) =>\n  Object.prototype.toString.call(val) === \"[object Object]\"\n\nconst useSearchJournals = (terms, { setIsLoading, queryParamsLoaded }) => {\n  const { factor, disciplines, publishers, name, societies, page, perPage } =\n    terms\n  const [records, setRecords] = useState({ journals: [], meta: {} })\n\n  const convertValue = (value, key = \"id\") => {\n    if (typeof value === \"object\") return value[key]\n    return value\n  }\n\n  useEffect(() => {\n    if (queryParamsLoaded) {\n      let params = new URLSearchParams()\n      let searchQuery = new URLSearchParams()\n\n      Object.entries(terms).forEach(([key, val]) => {\n        if (Array.isArray(val) && val) {\n          // Param is an array - disciplines, publishers, etc\n          val.forEach((v) => {\n            if (v) {\n              params.append(`${key}[]`, convertValue(v))\n              searchQuery.append(`${key}`, convertValue(v, \"name\"))\n            }\n          })\n        } else if (isObject(val)) {\n          // Param is an object - factor, mostly\n          if (Object.entries(val).length !== 0)\n            params.append(key, convertValue(val))\n\n          // Skip if default factor\n          if (key === \"factor\" && val[\"id\"] !== 0)\n            searchQuery.append(key, convertValue(val, \"name\"))\n        } else if (val) {\n          params.append(key, convertValue(val))\n\n          if (\n            (key === \"perPage\" && val !== defaultParams.perPage) ||\n            key !== \"perPage\"\n          )\n            searchQuery.append(key, convertValue(val, \"name\"))\n        }\n      })\n\n      async function getRecords() {\n        setIsLoading(true)\n        const result = await fetch(`/api/journals?${params.toString()}`)\n        setRecords(await result.json())\n        setIsLoading(false)\n      }\n\n      getRecords()\n      try {\n        history.push(`/journals?${searchQuery.toString()}`)\n      } catch (e) {\n        console.log(`Couldn't update history: ${e}`)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    queryParamsLoaded,\n    factor.id,\n    disciplines.length,\n    publishers.length,\n    societies.length,\n    name,\n    page,\n    perPage,\n  ])\n\n  return records\n}\n\nconst SearchBar = ({ classes, onSearchTermChange }) => {\n  let loading = false\n  const textRootClasses = useTextRootStyles()\n  return (\n    <Box className={classes.searchBar}>\n      <Container>\n        <Grid container>\n          <Grid item sm={4} xs={12}>\n            <Typography variant=\"h3\" component=\"h1\" className={classes.title}>\n              All Journals\n            </Typography>\n          </Grid>\n          <Grid item sm={8} xs={12}>\n            <Box className={classes.inputContainer}>\n              <TextField\n                id=\"search-journals\"\n                classes={textRootClasses}\n                label=\"Search journals by title\"\n                variant=\"standard\"\n                onChange={(event) => onSearchTermChange(event.target.value)}\n                InputProps={{\n                  disableUnderline: true,\n                  endAdornment: (\n                    <React.Fragment>\n                      {loading ? (\n                        <Box mr={2}>\n                          <CircularProgress color=\"inherit\" size={20} />\n                        </Box>\n                      ) : null}\n                    </React.Fragment>\n                  ),\n                }}\n              />\n              <IconButton className={classes.iconButton}  aria-label=\"submit journal search\">\n                <SearchIcon className={classes.iconEl} />\n              </IconButton>\n            </Box>\n          </Grid>\n        </Grid>\n      </Container>\n    </Box>\n  )\n}\n\nconst JournalResults = ({\n  journals,\n  factors,\n  classes,\n  isLoading,\n  total,\n  page,\n  perPage,\n  setPage,\n  setPerPage,\n}) => {\n  const selectedFactor = factors.find((f) => f.selected)\n  const showRank = selectedFactor && selectedFactor.id < 1\n  return (\n    <TableContainer component={Paper} elevation={0} variant=\"outlined\" square>\n      <Table>\n        <TableHead>\n          <TableRow>\n            <TableCell colSpan={2}>\n              <Typography className={classes.tableHeader}>Journal</Typography>\n            </TableCell>\n            <TableCell>\n              <Typography className={classes.tableHeader} align=\"right\">\n                {(selectedFactor && selectedFactor.name) || \"Total TOP Factor\"}\n              </Typography>\n            </TableCell>\n          </TableRow>\n        </TableHead>\n        <TableBody style={journals && isLoading ? { opacity: \"0.5\" } : {}}>\n          {isLoading &&\n            (!journals || journals.length === 0) &&\n            [...Array(10).keys()].map((i) => (\n              <TableRow key={i}>\n                <TableCell colSpan={2}>\n                  <Skeleton />\n                </TableCell>\n                <TableCell style={{ width: \"20%\" }}>\n                  <Skeleton />\n                </TableCell>\n              </TableRow>\n            ))}\n          {!isLoading && journals && journals.length === 0 && (\n            <TableRow>\n              <TableCell colSpan={3}>\n                <Typography style={{ fontSize: 20 }} align=\"center\">\n                  No results found\n                </Typography>\n              </TableCell>\n            </TableRow>\n          )}\n          {journals &&\n            journals.length > 0 &&\n            journals.map((journal, index) => (\n              <TableRow key={index}>\n                <TableCell>\n                  <Typography align=\"right\" style={{ fontSize: 20 }}>\n                    {showRank && page * perPage + index + 1}\n                  </Typography>\n                </TableCell>\n                <TableCell>\n                  <Typography style={{ fontSize: 20 }}>\n                    <Link href={`/journals/${journal.slug}`}>\n                      {journal.name}\n                    </Link>\n                  </Typography>\n                </TableCell>\n                <TableCell>\n                  <Box px={2}>\n                    <Typography\n                      align=\"right\"\n                      style={{ fontSize: 36, fontWeight: \"bold\" }}\n                    >\n                      {selectedFactor && selectedFactor.id > 0\n                        ? journal.factor_score || \"0\"\n                        : journal.total}\n                    </Typography>\n                  </Box>\n                </TableCell>\n              </TableRow>\n            ))}\n        </TableBody>\n        {journals && journals.length > 0 && (\n          <TableFooter>\n            <TableRow>\n              <TablePagination\n                count={total || 0}\n                page={page}\n                rowsPerPage={perPage}\n                onPageChange={(_event, newPage) => setPage(newPage)}\n                onRowsPerPageChange={(event) => {\n                  setPage(0)\n                  setPerPage(event.target.value)\n                }}\n                rowsPerPageOptions={[10, 25, 50, 100]}\n              />\n            </TableRow>\n          </TableFooter>\n        )}\n      </Table>\n    </TableContainer>\n  )\n}\n\nexport default function Journals({ location }) {\n  const classes = useStyles()\n\n  const [page, setPage] = useState(defaultParams.page)\n  const [perPage, setPerPage] = useState(defaultParams.perPage)\n  const [isLoading, setIsLoading] = useState(true)\n\n  const allFactors = useListRecords(\"factors\")\n  const allDisciplines = useListRecords(\"disciplines\")\n  const allPublishers = useListRecords(\"publishers\")\n  const allSocieties = useListRecords(\"societies\")\n\n  const [facets, setFacets] = useState({\n    factors: [],\n    disciplines: [],\n    publishers: [],\n    societies: [],\n  })\n\n  // Set default facets based on returned results\n  useEffect(() => {\n    setFacets({\n      factors: [\n        { name: \"Total TOP Factor\", id: 0, selected: true },\n        ...allFactors.map((f) => ({ ...f, selected: false })),\n      ],\n      disciplines: allDisciplines.map((f) => ({ ...f, selected: false })),\n      publishers: allPublishers.map((f) => ({ ...f, selected: false })),\n      societies: allSocieties.map((f) => ({ ...f, selected: false })),\n    })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    allFactors.length,\n    allDisciplines.length,\n    allPublishers.length,\n    allSocieties.length,\n  ])\n\n  const { factors, disciplines, publishers, societies } = facets\n  const [searchTerm, setSearchTerm] = useState(null)\n  const debouncedSearch = useDebounce(searchTerm, 300)\n\n  const [queryParamsLoaded, setQueryParamsLoaded] = useState(false)\n  const searchParams = queryString.parse(location.search)\n\n  useEffect(() => {\n    // All data is loaded\n    if (\n      [factors, disciplines, publishers, societies].every(\n        (facet) => facet.length > 0\n      ) &&\n      !queryParamsLoaded\n    ) {\n      setPage(Number(searchParams[\"page\"] || defaultParams.page))\n      setPerPage(Number(searchParams[\"perPage\"] || defaultParams.perPage))\n      setFacets({\n        factors: factors.map((f) => ({\n          ...f,\n          selected: searchParams[\"factor\"]\n            ? f.name === searchParams[\"factor\"]\n            : f.selected,\n        })),\n        publishers: publishers.map((f) => ({\n          ...f,\n          selected: (searchParams[\"publishers\"] || []).indexOf(f.name) >= 0,\n        })),\n        disciplines: disciplines.map((f) => ({\n          ...f,\n          selected: (searchParams[\"disciplines\"] || []).indexOf(f.name) >= 0,\n        })),\n        societies: societies.map((f) => ({\n          ...f,\n          selected: (searchParams[\"societies\"] || []).indexOf(f.name) >= 0,\n        })),\n      })\n\n      setQueryParamsLoaded(true)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchParams, page, setPage, perPage, setPerPage, facets, setFacets])\n\n  const {\n    journals,\n    meta: { total },\n  } = useSearchJournals(\n    {\n      name: debouncedSearch,\n      factor: factors.find((f) => f.selected) || {},\n      disciplines: disciplines.filter((f) => f.selected),\n      publishers: publishers.filter((f) => f.selected),\n      societies: societies.filter((f) => f.selected),\n      page,\n      perPage,\n    },\n    { setIsLoading, queryParamsLoaded }\n  )\n\n  return (\n    <Box className={classes.root}>\n      <Helmet>\n        <title>Journals | TOP Factor</title>\n      </Helmet>\n      <Box className={classes.content}>\n        <NavBar style={{ zIndex: \"1000\" }} />\n        <SearchBar\n          classes={classes}\n          onSearchTermChange={(name) => {\n            setSearchTerm(name)\n            setPage(0)\n          }}\n          page={page}\n          perPage={perPage}\n          setPage={setPage}\n          setPerPage={setPerPage}\n        />\n      </Box>\n      <Container>\n        <Grid container>\n          <Grid item sm={4} xs={12}>\n            <Box m={2}>\n              <Paper variant=\"outlined\" square>\n                <Facet\n                  items={factors}\n                  name=\"TOP Standard\"\n                  onFacetChange={(factors) => {\n                    setFacets({ ...facets, factors })\n                    setPage(0)\n                  }}\n                  inputType=\"radio\"\n                />\n                <Facet\n                  items={disciplines}\n                  name=\"Discipline\"\n                  orderBy=\"name\"\n                  defaultExpanded={\n                    (searchParams[\"disciplines\"] || []).length > 0\n                  }\n                  onFacetChange={(disciplines) => {\n                    setFacets({ ...facets, disciplines })\n                    setPage(0)\n                  }}\n                />\n                <Facet\n                  items={publishers}\n                  name=\"Publisher\"\n                  orderBy=\"name\"\n                  defaultExpanded={\n                    (searchParams[\"publishers\"] || []).length > 0\n                  }\n                  onFacetChange={(publishers) => {\n                    setFacets({ ...facets, publishers })\n                    setPage(0)\n                  }}\n                />\n                <Facet\n                  items={societies}\n                  name=\"Society\"\n                  orderBy=\"name\"\n                  defaultExpanded={(searchParams[\"societies\"] || []).length > 0}\n                  onFacetChange={(societies) =>\n                    setFacets({ ...facets, societies })\n                  }\n                />\n              </Paper>\n            </Box>\n          </Grid>\n          <Grid item sm={8}>\n            <Box m={2}>\n              <JournalResults\n                journals={journals}\n                factors={factors}\n                classes={classes}\n                isLoading={isLoading}\n                total={total}\n                page={page}\n                setPage={setPage}\n                perPage={perPage}\n                setPerPage={setPerPage}\n              />\n            </Box>\n          </Grid>\n        </Grid>\n      </Container>\n    </Box>\n  )\n}\n","import { useState, useEffect } from \"react\"\n\nexport default function useDebounce(value, delay) {\n  const [debouncedValue, setDebouncedValue] = useState(value)\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value)\n    }, delay)\n\n    return () => {\n      clearTimeout(handler)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n","import React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport { Helmet } from \"react-helmet\"\n\nimport Box from \"@material-ui/core/Box\"\nimport Container from \"@material-ui/core/Container\"\nimport Paper from \"@material-ui/core/Paper\"\nimport Table from \"@material-ui/core/Table\"\nimport TableBody from \"@material-ui/core/TableBody\"\nimport TableCell from \"@material-ui/core/TableCell\"\nimport TableContainer from \"@material-ui/core/TableContainer\"\nimport TableHead from \"@material-ui/core/TableHead\"\nimport TableRow from \"@material-ui/core/TableRow\"\nimport Typography from \"@material-ui/core/Typography\"\n\nimport { useGetContent } from \"../utils/requests\"\n\nimport NavBar from \"./NavBar\"\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100vw\",\n    overflow: \"hidden\",\n    position: \"relative\",\n    top: \"20px\",\n  },\n  tableHeader: {\n    fontWeight: \"bold\",\n    fontSize: 14,\n    textTransform: \"uppercase\",\n  },\n}))\n\nexport default function SummaryPage() {\n  const classes = useStyles()\n  const factors = useGetContent(`/api/factors/guidelines`, [])\n  return (\n    <Box className={classes.root}>\n      <Helmet>\n        <title>TOP Factor - Transparency and Openness Promotion</title>\n      </Helmet>\n      <NavBar style={{ zIndex: \"1000\" }} />\n      <Box p={5}>\n        <Container style={{ paddingTop: \"100px\" }}>\n          <Box mb={5}>\n            <Typography variant=\"h3\" component=\"h1\" align=\"center\">\n              TOP Guidelines Summary Table\n            </Typography>\n          </Box>\n          <TableContainer\n            component={Paper}\n            elevation={0}\n            variant=\"outlined\"\n            square\n          >\n            <Table stickyHeader size=\"small\">\n              <TableHead>\n                <TableRow>\n                  <TableCell></TableCell>\n                  {[\"Not Implemented\", \"Level I\", \"Level II\", \"Level III\"].map(\n                    (text) => {\n                      return (\n                        <TableCell key={text}>\n                          <Typography className={classes.tableHeader}>\n                            {text}\n                          </Typography>\n                        </TableCell>\n                      )\n                    }\n                  )}\n                </TableRow>\n              </TableHead>\n              <TableBody>\n                {factors &&\n                  factors.length > 0 &&\n                  factors\n                    .sort(({ id: id1 }, { id: id2 }) => id1 - id2)\n                    .filter(\n                      ({ guidelines }) => Object.keys(guidelines).length > 0\n                    )\n                    .map((factor) => {\n                      return (\n                        <TableRow key={factor.id}>\n                          <TableCell>\n                            {\" \"}\n                            <Typography style={{ fontWeight: \"bold\" }}>\n                              {factor.name}\n                            </Typography>\n                          </TableCell>\n                          <TableCell>\n                            <Typography>{factor.guidelines[0]}</Typography>\n                          </TableCell>\n                          <TableCell>\n                            <Typography>{factor.guidelines[1]}</Typography>\n                          </TableCell>\n                          <TableCell>\n                            <Typography>{factor.guidelines[2]}</Typography>\n                          </TableCell>\n                          <TableCell>\n                            <Typography>{factor.guidelines[3]}</Typography>\n                          </TableCell>\n                        </TableRow>\n                      )\n                    })}\n              </TableBody>\n            </Table>\n          </TableContainer>\n        </Container>\n      </Box>\n    </Box>\n  )\n}\n","import React from \"react\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport { Helmet } from \"react-helmet\"\nimport sanitizeHtml from \"sanitize-html\"\n\nimport Box from \"@material-ui/core/Box\"\nimport Container from \"@material-ui/core/Container\"\nimport Typography from \"@material-ui/core/Typography\"\n\nimport NavBar from \"./NavBar\"\n\n// Allow only a super restricted set of tags and attributes\nconst defaultOptions = {\n  allowedTags: [\"strong\", \"a\"],\n  allowedAttributes: {\n    a: [\"href\"],\n  },\n}\n\nconst sanitize = (dirty, options = {}) => ({\n  __html: sanitizeHtml(dirty, { ...defaultOptions, ...options }),\n})\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    width: \"100vw\",\n    overflow: \"hidden\",\n    position: \"relative\",\n  },\n  tableHeader: {\n    fontWeight: \"bold\",\n    fontSize: 14,\n    textTransform: \"uppercase\",\n  },\n}))\n\nconst useFaqStyles = makeStyles((theme) => ({\n  root: {\n    '& a': {\n      color: theme.palette.primary.main\n    }\n  }}))\n\nconst faqContent = [\n  [\n    \"What does TOP Factor measure?\",\n    \"TOP Factor is a measure of openness and transparency for journals. TOP Factor reports the steps that a journal is taking to implement open science practices --practices that are based on the core principles of the scientific community.\",\n  ],\n  [\n    \"Why is TOP Factor a useful metric?\",\n    \"TOP Factor is a useful metric since it measures a journal’s level of openness and transparency unlike most traditional metrics that measure mean citation rates.\",\n  ],\n  [\n    \"How was your scoring system developed?\",\n    \"The TOP Guidelines were created by journals, funders, and societies to align scientific ideals with practices.\",\n  ],\n  [\n    \"If a journal’s policies already encourage openness and transparency, why isn’t that always reflected in the journal’s TOP Factor score?\",\n    [\n      \"While encouraging openness and transparency are important steps towards increasing open science practices, <a href='https://faseb.onlinelibrary.wiley.com/doi/full/10.1096/fj.12-218164'>research</a> has shown that encouraging these practices alone is not as effective as requiring the practices. This is why level 1 of the TOP standards usually requires disclosure of practices, while level 2 requires adherence to practices.\",\n      \"Another common reason a journal’s policies may not be scored as highly as expected, is that the journal’s policies require adherence to openness and transparency practices but only for certain types of studies or certain subsets of research. The TOP guidelines require adherence to openness and transparency practices across all empirical studies and all research outputs. For example, the “Data Transparency” standard applies to all data underlying reported findings. Likewise, the “Preregistration” standards apply to all inferential research, not just clinical trials, in which registration is already required.\",\n      \"Finally, journal policy language can sometimes be unclear, with language that does not explicitly require adherence. For example, for data transparency, a journal might state that data deposition is “implied” or “expected.” Sometimes, a lower score can be an indication of unclear explicit requirements.\",\n    ],\n  ],\n\n  [\n    \"How can a journal increase its TOP Factor?\",\n    [\n      \"A journal can use our scoring rubric to identify and target which level is most appropriate. Editors can then use our <a href='https://osf.io/edtxm/'>recommended language</a> for journals as a guide when drafting a journal’s updated policies.\",\n      \"Editors can also compare their journal’s policies with other journals in their field by searching on <a href='https://topfactor.org/'>https://topfactor.org/</a> and using high TOP Factor scored policies as examples for good practices.\",\n    ],\n  ],\n  [\n    \"Does a journal have to change all its policies or can it change just a few?\",\n    \"It is not necessary to change all journal policies at once. Even changing one policy can make a difference. For example, if a journal does not currently require authors to declare a data availability statement, requiring one is an easy change that can have a big impact.\",\n  ],\n  [\n    \"How can I suggest a journal to score?\",\n    \"To suggest journals to be included, email <a href='mailto:top@cos.io'>top@cos</a>.\",\n  ],\n]\n\nexport default function SummaryPage() {\n  const classes = useStyles()\n  const contentClasses = useFaqStyles()\n  return (\n    <Box className={classes.root}>\n      <Helmet>\n        <title>\n          Frequently Asked Questions - Transparency and Openness Promotion\n        </title>\n      </Helmet>\n      <NavBar style={{ zIndex: \"1000\" }} />\n      <Box p={5}>\n        <Container style={{ paddingTop: \"100px\" }} maxWidth=\"md\">\n          <Box mb={5}>\n            <Typography variant=\"h3\" component=\"h1\" align=\"center\">\n              Frequently Asked Questions about TOP Factor\n            </Typography>\n          </Box>\n          {faqContent.map(([question, answer], i) => (\n            <Box my={3} key={i}>\n            <Box mb={1}><Typography variant=\"h5\" style={{fontWeight: \"bold\"}}>{question}</Typography></Box>\n              {(typeof answer === \"string\" ? [answer] : answer).map((para, j) => (\n                <Box mb={1} key={j}>\n                  <Typography className={contentClasses.root} variant=\"body1\" component=\"p\" dangerouslySetInnerHTML={sanitize(para)} />\n                </Box>\n              ))}\n            </Box>\n          ))}\n        </Container>\n      </Box>\n    </Box>\n  )\n}\n","import React from \"react\"\nimport { BrowserRouter as Router, Switch, Route } from \"react-router-dom\"\nimport { createTheme, MuiThemeProvider } from \"@material-ui/core/styles\"\nimport CssBaseline from \"@material-ui/core/CssBaseline\"\n\nimport Home from \"./components/Home\"\nimport JournalPage from \"./components/JournalPage\"\nimport Journals from \"./components/Journals\"\nimport SummaryPage from \"./components/SummaryPage\"\nimport FaqPage from \"./components/FaqPage\"\n\nconst theme = createTheme({\n  palette: {\n    primary: {\n      main: \"#337ab7\"\n    },\n  },\n  typography: {\n    useNextVariants: true,\n    fontFamily: \"Open Sans, Roboto, sans-serif\",\n    allVariants: {\n      color: \"#263947\"\n    }\n  }\n})\n\nexport default function App() {\n  return (\n    <React.Fragment>\n      <CssBaseline />\n      <MuiThemeProvider theme={theme}>\n        <Router>\n          <Switch>\n            <Route path=\"/\" component={Home} exact={true} />\n            <Route path=\"/journals/:slug\" component={JournalPage} />\n            <Route path=\"/journals\" component={Journals} />\n            <Route path=\"/summary\" component={SummaryPage} />\n            <Route path=\"/frequently-asked-questions\" component={FaqPage} />\n          </Switch>\n        </Router>\n      </MuiThemeProvider>\n    </React.Fragment>\n  )\n}\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' }\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport App from \"./App\"\nimport * as serviceWorker from \"./serviceWorker\"\n\nReactDOM.render(<App />, document.getElementById(\"root\"))\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister()\n"],"sourceRoot":""}