@openneuro/app 4.2.0 → 4.2.4

package/src/scripts/nav/navbar.navmenu.jsx

@@ -1,106 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { NavLink } from 'react-router-dom'
-import Usermenu from './navbar.usermenu.jsx'
-import UploaderView from '../uploader/uploader-view.jsx'
-import { Navbar } from 'react-bootstrap'
-import withProfile from '../authentication/withProfile.jsx'
-import LoggedIn from '../authentication/logged-in.jsx'
-import LoggedOut from '../authentication/logged-out.jsx'
-import { config } from '../config'
-import { Media } from '../styles/media'
-
-const AdminLinkContent = ({ profile }) => {
-  if (profile.admin) {
-    return (
-      <NavLink className="nav-link" to="/admin">
-        <span className="link-name">admin</span>
-      </NavLink>
-    )
-  }
-  return null
-}
-
-AdminLinkContent.propTypes = {
-  profile: PropTypes.object,
-}
-
-const AdminLink = withProfile(AdminLinkContent)
-
-const FaqLink = () => (
-  <NavLink className="nav-link" to="/faq">
-    <span className="link-name">faq</span>
-  </NavLink>
-)
-
-FaqLink.propTypes = {
-  faq: PropTypes.array,
-}
-
-const SupportLink = ({ supportModal }) => {
-  if (config?.support?.url) {
-    return (
-      <li className="link-support">
-        <a
-          className="nav-link"
-          onClick={() => {
-            supportModal()
-          }}>
-          <span className="link-name">Support</span>
-        </a>
-      </li>
-    )
-  } else {
-    return null
-  }
-}
-
-const NavMenu = ({ supportModal, loginModal }) => (
-  <ul className="nav navbar-nav main-nav">
-    <li className="link-dashboard">
-      <LoggedIn>
-        <NavLink className="nav-link" to="/dashboard/datasets">
-          <span className="link-name">My Dashboard</span>
-        </NavLink>
-      </LoggedIn>
-    </li>
-    <li className="link-public">
-      <NavLink className="nav-link" to="/public/datasets">
-        <span className="link-name">Public Dashboard</span>
-      </NavLink>
-    </li>
-    <SupportLink supportModal={supportModal} />
-    <li className="link-faq">
-      <FaqLink />
-    </li>
-    <li className="link-admin">
-      <AdminLink />
-    </li>
-    <li className="link-dashboard">
-      <Media greaterThanOrEqual="medium">
-        <LoggedIn>
-          <UploaderView />
-        </LoggedIn>
-      </Media>
-    </li>
-    <li>
-      <Navbar.Collapse>
-        <Usermenu />
-        <LoggedOut>
-          <div className="navbar-right sign-in-nav-btn">
-            <button className="btn-blue" onClick={() => loginModal()}>
-              <span>Sign in</span>
-            </button>
-          </div>
-        </LoggedOut>
-      </Navbar.Collapse>
-    </li>
-  </ul>
-)
-
-NavMenu.propTypes = {
-  supportModal: PropTypes.func,
-  loginModal: PropTypes.func,
-}
-
-export default NavMenu

package/src/scripts/nav/navbar.usermenu.jsx

@@ -1,52 +0,0 @@
-// dependencies ------------------------------------------------------------------
-
-import React from 'react'
-import PropTypes from 'prop-types'
-import { withRouter, Link } from 'react-router-dom'
-import Avatar from '../user/avatar.jsx'
-import { DropdownButton } from '../components/dropdown-button'
-import withProfile from '../authentication/withProfile.jsx'
-import signOut from '../refactor_2021/authentication/signOut'
-
-const signOutAndRedirect = history => {
-  signOut()
-  history.push('/')
-}
-
-// component setup ---------------------------------------------------------------
-
-const Usermenu = ({ profile, history }) => {
-  const username = profile.name
-  const gear = <i className="fa fa-gear" />
-
-  return (
-    <ul className="clearfix user-wrap">
-      <Avatar profile={profile} />
-      <DropdownButton id="user-menu" title={gear}>
-        <li role="presentation" className="dropdown-header">
-          Hello <br />
-          {username}
-        </li>
-        <li role="separator" className="divider" />
-        <li>
-          <Link to="/keygen"> Obtain an API Key </Link>
-        </li>
-        <li role="separator" className="divider" />
-        <li>
-          <a
-            onClick={() => signOutAndRedirect(history)}
-            className="btn-submit-other">
-            Sign Out
-          </a>
-        </li>
-      </DropdownButton>
-    </ul>
-  )
-}
-
-Usermenu.propTypes = {
-  profile: PropTypes.object,
-  history: PropTypes.object,
-}
-
-export default withRouter(withProfile(Usermenu))

package/src/scripts/pages/citation-page.jsx

@@ -1,43 +0,0 @@
-import React from 'react'
-import { frontPage } from '../front-page/front-page-content'
-import styled from '@emotion/styled'
-import Footer from '../common/partials/footer.jsx'
-
-const CitationPageStyle = styled.div`
-  background: white;
-
-  .container {
-    max-width: 60em;
-    min-height: calc(100vh - 125px);
-  }
-`
-
-export default function CitationPage() {
-  return (
-    <CitationPageStyle>
-      <div className="container">
-        <h2>How to Cite OpenNeuro</h2>
-        <p>
-          When referring to the database, the preferred style is
-          &quot;OpenNeuro&quot; (not OpenNeuro.org). The first usage should be
-          cited in a references section according to the style preferences of
-          the venue.
-        </p>
-        <p>
-          When referring a specific dataset, the dataset may be referred to as
-          &quot;OpenNeuro Dataset ds00WXYZ&quot;, optionally followed by the
-          dataset name in parentheses. The first usage of each dataset should be
-          cited according to the style preferences of the venue.
-        </p>
-        <p>
-          See &quot;How to Cite&quot; on each dataset page for examples
-          generated for each dataset snapshot.
-        </p>
-        <div className="privacy-detail">
-          <span>{frontPage.titlePanel.privacyDetail}</span>
-        </div>
-      </div>
-      <Footer />
-    </CitationPageStyle>
-  )
-}

package/src/scripts/pet/__tests__/__snapshots__/dummy.spec.jsx.snap

@@ -1,70 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`pet/dummy.jsx renders successfully 1`] = `
-<span
-  className="front-page is-front"
->
-  <div
-    className="intro pet-block"
-  >
-    <div
-      className="container"
-    >
-      <div
-        className="intro-inner fade-in clearfix"
-      >
-        <div
-          className="clearfix welcome-block"
-        >
-          <h1
-            className="pet-header"
-          >
-            Coming soon!
-          </h1>
-          <h2>
-            A section of OpenNeuro dedicated entirely to PET scans is currently under development.
-             
-          </h2>
-          <h3>
-            In the meantime, feel free to explore
-             
-            <Link
-              to="/"
-            >
-              OpenNeuro
-            </Link>
-             or visit existing hosted PET datasets
-             
-            <Link
-              to="/datasets/ds001421"
-            >
-              [11C]SB207145 PET Cimbi database example
-            </Link>
-            ,
-             
-            <Link
-              to="/datasets/ds001420"
-            >
-              [11C]DASB PET Cimbi database example
-            </Link>
-            , or
-             
-            <Link
-              to="/datasets/ds000204"
-            >
-              Imaging [18F]AV-1451 and [18F]AV-45 in acute and chronic traumatic brain injury
-            </Link>
-            .
-          </h3>
-          <div
-            className="privacy-detail"
-          >
-            <span />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <Footer />
-</span>
-`;

package/src/scripts/pet/__tests__/dummy.spec.jsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import PETDummy from '../dummy.jsx'
-
-describe('pet/dummy.jsx', () => {
-  it('renders successfully', () => {
-    const wrapper = shallow(<PETDummy />)
-    expect(wrapper).toMatchSnapshot()
-  })
-})

package/src/scripts/pet/dummy.jsx

@@ -1,61 +0,0 @@
-// dependencies -------------------------------------------------------
-
-import React from 'react'
-import { Link } from 'react-router-dom'
-import Footer from '../common/partials/footer.jsx'
-//configurables
-import { frontPage } from '../front-page/front-page-content'
-
-// component setup ----------------------------------------------------
-
-class PETDummy extends React.Component {
-  constructor(props) {
-    super(props)
-  }
-
-  // life cycle events --------------------------------------------------
-
-  render() {
-    return (
-      <span className="front-page is-front">
-        <div className="intro pet-block">
-          <div className="container">
-            <div className="intro-inner fade-in clearfix">
-              <div className="clearfix welcome-block">
-                <h1 className="pet-header">Coming soon!</h1>
-                <h2>
-                  A section of OpenNeuro dedicated entirely to PET scans is
-                  currently under development.{' '}
-                </h2>
-                <h3>
-                  In the meantime, feel free to explore{' '}
-                  <Link to="/">OpenNeuro</Link> or visit existing hosted PET
-                  datasets{' '}
-                  <Link to="/datasets/ds001421">
-                    [11C]SB207145 PET Cimbi database example
-                  </Link>
-                  ,{' '}
-                  <Link to="/datasets/ds001420">
-                    [11C]DASB PET Cimbi database example
-                  </Link>
-                  , or{' '}
-                  <Link to="/datasets/ds000204">
-                    Imaging [18F]AV-1451 and [18F]AV-45 in acute and chronic
-                    traumatic brain injury
-                  </Link>
-                  .
-                </h3>
-                <div className="privacy-detail">
-                  <span>{frontPage.titlePanel.privacyDetail}</span>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <Footer />
-      </span>
-    )
-  }
-}
-
-export default PETDummy

package/src/scripts/refactor_2021/dataset/dataset-pre-refactor-container.tsx

@@ -1,12 +0,0 @@
-import React from 'react'
-import Dataset from '../../datalad/dataset/dataset'
-import '../../../sass/pre-refactor-with-wrapper-main.scss'
-
-const PreRefactorDatasetProps: React.FC = () => {
-  return (
-    <span className="pre-refactor-styles">
-      <Dataset />
-    </span>
-  )
-}
-export default PreRefactorDatasetProps

package/src/scripts/routes.tsx

@@ -1,36 +0,0 @@
-import React from 'react'
-import { Route, Switch } from 'react-router-dom'
-
-// TODO - Re-enable code splitting these when we can
-import Dataset from './datalad/dataset/dataset'
-import FrontPage from './front-page/front-page'
-import Faq from './faq/faq'
-import Admin from './admin/admin'
-import Dashboard from './datalad/dashboard/dashboard'
-import SearchResults from './search/search-results'
-import APIKey from './user/api.jsx'
-import ErrorRoute from './errors/errorRoute'
-import PETDummy from './pet/dummy'
-import Citation from './pages/citation-page'
-
-const PublicDashboard = (): React.ReactElement => <Dashboard public />
-const SavedDashboard = (): React.ReactElement => <Dashboard saved />
-
-const appRoutes = () => (
-  <Switch>
-    <Route name="front-page" exact path="/" component={FrontPage} />
-    <Route name="faq" exact path="/faq" component={Faq} />
-    <Route name="api-key" exact path="/keygen" component={APIKey} />
-    <Route name="dashboard" path="/dashboard" component={Dashboard} />
-    <Route name="saved" path="/saved" component={SavedDashboard} />
-    <Route name="public" path="/public" component={PublicDashboard} />
-    <Route name="dataset" path="/datasets" component={Dataset} />
-    <Route name="search" path="/search/:query?" component={SearchResults} />
-    <Route name="admin" path="/admin" component={Admin} />
-    <Route name="error" path="/error" component={ErrorRoute} />
-    <Route name="pet-landing" path="/pet" component={PETDummy} />
-    <Route name="citation" path="/cite" component={Citation} />
-  </Switch>
-)
-
-export default appRoutes

package/src/scripts/search/search-input.tsx

@@ -1,42 +0,0 @@
-import React, { useEffect, useRef } from 'react'
-import { useHistory } from 'react-router-dom'
-
-const SearchInput: React.FC = () => {
-  const inputRef = useRef(null)
-  const history = useHistory()
-
-  useEffect((): void => {
-    inputRef.current.focus()
-  })
-
-  const onSearch = (event): void => {
-    event.preventDefault()
-    // Don't submit unless there's a value entered
-    if (inputRef.current.value) {
-      const value: string = inputRef.current.value
-      history.push(`/search/${value}`)
-    }
-  }
-
-  return (
-    <div className="search-group admin">
-      <form className="form-inline" onSubmit={onSearch}>
-        <div className="form-group float-label-input full-width">
-          <input
-            type="text"
-            name="q"
-            placeholder="Search Datasets"
-            ref={inputRef}
-          />
-        </div>
-        <div className="form-group full-width float-label-input">
-          <button className="btn-blue" onClick={onSearch}>
-            <i className="fa fa-search"></i>
-          </button>
-        </div>
-      </form>
-    </div>
-  )
-}
-
-export default SearchInput

package/src/scripts/search/search-results.tsx

@@ -1,114 +0,0 @@
-import React from 'react'
-import { gql, useQuery } from '@apollo/client'
-import { useParams } from 'react-router-dom'
-
-import { datasetQueryDisplay } from '../datalad/dashboard/datasets/dataset-query.jsx'
-
-const searchQuery = gql`
-  query searchDatasets($q: String!, $cursor: String) {
-    datasets: search(q: $q, first: 25, after: $cursor) {
-      edges {
-        node {
-          id
-          created
-          uploader {
-            id
-            name
-          }
-          public
-          permissions {
-            id
-            userPermissions {
-              userId
-              level
-              access: level
-              user {
-                id
-                name
-                email
-                provider
-              }
-            }
-          }
-          draft {
-            id
-            summary {
-              modalities
-              secondaryModalities
-              sessions
-              subjects
-              subjectMetadata {
-                participantId
-                age
-                sex
-                group
-              }
-              tasks
-              size
-              totalFiles
-              dataProcessed
-              pet {
-                BodyPart
-                ScannerManufacturer
-                ScannerManufacturersModelName
-                TracerName
-                TracerRadionuclide
-              }
-            }
-            issues {
-              severity
-            }
-            description {
-              Name
-            }
-          }
-          analytics {
-            views
-            downloads
-          }
-          stars {
-            userId
-            datasetId
-          }
-          followers {
-            userId
-            datasetId
-          }
-          snapshots {
-            id
-            created
-            tag
-          }
-        }
-      }
-      pageInfo {
-        startCursor
-        endCursor
-        hasPreviousPage
-        hasNextPage
-        count
-      }
-    }
-  }
-`
-
-/**
- * This component is responsible for obtaining results from Elastic based
- * on the URL string and forwarding the data to the dashboard component
- */
-const SearchResultsQuery: React.FC = () => {
-  const { query } = useParams() as { query: string }
-  return datasetQueryDisplay(
-    true,
-    false,
-  )(
-    useQuery(searchQuery, {
-      variables: {
-        q: query,
-      },
-      errorPolicy: 'ignore',
-    }),
-  )
-}
-
-export default SearchResultsQuery

package/src/scripts/styles/capitalized.jsx

@@ -1,6 +0,0 @@
-import styled from '@emotion/styled'
-
-const Capitalized = styled.span`
-  text-transform: capitalize;
-`
-export default Capitalized

package/src/scripts/styles/uppercase.jsx

@@ -1,6 +0,0 @@
-import styled from '@emotion/styled'
-
-const Uppercase = styled.span`
-  text-transform: uppercase;
-`
-export default Uppercase

package/src/scripts/uploader/__tests__/add-path-to-files.spec.js

@@ -1,29 +0,0 @@
-import { addPathToFiles } from '../add-path-to-files.js'
-
-const fileListFactory = () => {
-  const mockFileA = new Blob(['file one'], { type: 'text/plain' })
-  const mockFileB = new Blob(['file two'], { type: 'text/plain' })
-  mockFileA.name = 'one.txt'
-  mockFileA.webkitRelativePath = 'sub-01/one.txt'
-  mockFileB.name = 'two.txt'
-  mockFileB.webkitRelativePath = 'sub-01/two.txt'
-  return [mockFileA, mockFileB]
-}
-describe('addPathToFiles()', () => {
-  it('returns a new array', () => {
-    const mockFileList = fileListFactory()
-    const result = addPathToFiles(mockFileList, 'derivatives')
-    expect(Array.isArray(result)).toBe(true)
-  })
-  it('returns corrected webkitRelativePath for all items', () => {
-    const mockFileList = fileListFactory()
-    const result = addPathToFiles(mockFileList, 'derivatives')
-    expect(result).toHaveLength(2)
-    expect(result[0].webkitRelativePath).toBe('/derivatives/sub-01/one.txt')
-  })
-  it('returns the original FileList if path is falsy', () => {
-    const mockFileList = fileListFactory()
-    const result = addPathToFiles(mockFileList)
-    expect(result).toBe(mockFileList)
-  })
-})