@openneuro/app 4.2.0 → 4.2.1

package/src/scripts/authentication/admin-user.jsx

@@ -1,23 +0,0 @@
-import { useCookies } from 'react-cookie'
-import { getProfile } from '../refactor_2021/authentication/profile.js'
-
-export const isAdmin = () => {
-  const [cookies] = useCookies()
-  const profile = getProfile(cookies)
-  return profile && profile.admin
-}
-
-/**
- * Render children if this is an admin user
- */
-const AdminUser = ({ children }) => {
-  const [cookies] = useCookies()
-  const profile = getProfile(cookies)
-  if (profile?.admin) {
-    return children
-  } else {
-    return null
-  }
-}
-
-export default AdminUser

package/src/scripts/authentication/buttons.jsx

@@ -1,26 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import GoogleButton from './google-button.jsx'
-import OrcidButton from './orcid-button.jsx'
-import GlobusButton from './globus-button.jsx'
-import { config } from '../config'
-
-/**
- * Display a button for each enabled authentication mechanism
- */
-
-const AuthenticationButtons = ({ min }) => {
-  return (
-    <span>
-      {config.auth.google.clientID ? <GoogleButton min={min} /> : null}
-      {config.auth.globus.clientID ? <GlobusButton min={min} /> : null}
-      {config.auth.orcid.clientID ? <OrcidButton min={min} /> : null}
-    </span>
-  )
-}
-
-AuthenticationButtons.propTypes = {
-  min: PropTypes.bool,
-}
-
-export default AuthenticationButtons

package/src/scripts/authentication/globus-button.jsx

@@ -1,39 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { config } from '../config'
-
-/**
- * Button starts Google oauth2 workflow
- */
-const GlobusButton = ({ min }) => {
-  const btnClass = min ? 'btn-blue' : 'btn-admin'
-  const size = min ? '16' : '20'
-  const btnText = min ? 'Globus' : 'Sign in with Globus'
-  return (
-    <div className="login-btns">
-      <a href={config.api + 'auth/globus'}>
-        <button className={btnClass}>
-          <span className="icon">
-            <img
-              alt="GLOBUS"
-              width={size}
-              height={size}
-              src="https://www.globus.org/sites/all/themes/globus_bootstrap_theme/favicon.ico"
-            />
-          </span>
-          <span>{btnText}</span>
-        </button>
-      </a>
-    </div>
-  )
-}
-
-GlobusButton.propTypes = {
-  min: PropTypes.bool,
-}
-
-GlobusButton.defaultProps = {
-  min: false,
-}
-
-export default GlobusButton

package/src/scripts/authentication/google-button.jsx

@@ -1,32 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { config } from '../config'
-
-/**
- * Button starts Google oauth2 workflow
- */
-const GoogleButton = ({ min }) => {
-  const btnClass = min ? 'btn-blue' : 'btn-admin'
-  const iconClass = min ? 'fa fa-google' : 'icon fa fa-google'
-  const btnText = min ? 'Google' : 'Sign in with Google'
-  return (
-    <div className="login-btns">
-      <a href={config.api + 'auth/google'}>
-        <button className={btnClass}>
-          <i className={iconClass} />
-          <span>{btnText}</span>
-        </button>
-      </a>
-    </div>
-  )
-}
-
-GoogleButton.propTypes = {
-  min: PropTypes.bool,
-}
-
-GoogleButton.defaultProps = {
-  min: false,
-}
-
-export default GoogleButton

package/src/scripts/authentication/logged-in.jsx

@@ -1,12 +0,0 @@
-import { useCookies } from 'react-cookie'
-import { loginCheck } from './loginCheck.js'
-
-/**
- * Render children if logged in
- */
-const LoggedIn = ({ children }) => {
-  const [cookies] = useCookies()
-  return loginCheck(cookies) ? children : null
-}
-
-export default LoggedIn

package/src/scripts/authentication/logged-out.jsx

@@ -1,12 +0,0 @@
-import { useCookies } from 'react-cookie'
-import { loginCheck } from './loginCheck.js'
-
-/**
- * Render children if logged out
- */
-const LoggedOut = ({ children }) => {
-  const [cookies] = useCookies()
-  return loginCheck(cookies) ? null : children
-}
-
-export default LoggedOut

package/src/scripts/authentication/loginCheck.js

@@ -1,7 +0,0 @@
-import {
-  getProfile,
-  guardExpired,
-} from '../refactor_2021/authentication/profile.js'
-
-// Expects a universal cookie
-export const loginCheck = cookies => guardExpired(getProfile(cookies))

package/src/scripts/authentication/orcid-button.jsx

@@ -1,32 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { config } from '../config'
-import orcidLogo from '../../assets/orcid_24x24.png'
-
-const OrcidButton = ({ min }) => {
-  const btnClass = min ? 'btn-blue' : 'btn-admin'
-  const size = min ? '16' : '20'
-  const btnText = min ? 'ORCID' : 'Sign in with ORCID'
-  return (
-    <div className="login-btns">
-      <a href={config.api + 'auth/orcid'}>
-        <button className={btnClass}>
-          <span className="icon">
-            <img alt="ORCID" width={size} height={size} src={orcidLogo} />
-          </span>
-          <span>{btnText}</span>
-        </button>
-      </a>
-    </div>
-  )
-}
-
-OrcidButton.propTypes = {
-  min: PropTypes.bool,
-}
-
-OrcidButton.defaultProps = {
-  min: false,
-}
-
-export default OrcidButton

package/src/scripts/authentication/withProfile.jsx

@@ -1,22 +0,0 @@
-/* eslint-disable */
-import React from 'react'
-import { useCookies } from 'react-cookie'
-import {
-  getProfile,
-  guardExpired,
-} from '../refactor_2021/authentication/profile.js'
-
-const withProfile = WrappedComponent => {
-  return props => {
-    const [cookies] = useCookies(['accessToken'])
-    const profile = getProfile(cookies)
-    // If we have a profile and it is unexpired
-    if (profile && guardExpired(profile)) {
-      return <WrappedComponent profile={profile} {...props} />
-    } else {
-      return null
-    }
-  }
-}
-
-export default withProfile

package/src/scripts/classic.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import Navbar from './nav/navbar.jsx'
-import Routes from './routes'
-import Uploader from './uploader/uploader.jsx'
-
-//import('../sass/main.scss')
-const Classic = (): React.ReactElement => (
-  <Uploader>
-    <div className="page">
-      <div className="main">
-        <Navbar />
-        <Routes />
-      </div>
-    </div>
-  </Uploader>
-)
-
-export default Classic

package/src/scripts/common/forms/file-select.tsx

@@ -1,71 +0,0 @@
-// dependencies -------------------------------------------------------
-
-import React from 'react'
-import PropTypes from 'prop-types'
-
-type UploadProps = {
-  resume?: boolean
-  onClick?: React.MouseEventHandler<HTMLButtonElement>
-  onChange?: (e?: { files: File[] }) => void
-  disabled?: boolean
-}
-
-class Upload extends React.Component<UploadProps> {
-  public static propTypes = {}
-  // life cycle events --------------------------------------------------
-  render(): React.ReactNode {
-    const resumeIcon = (
-      <span>
-        <i className="fa fa-repeat" />
-        &nbsp;
-      </span>
-    )
-    const icon = this.props.resume ? resumeIcon : null
-    const text = this.props.resume ? 'Resume' : 'Select folder'
-
-    return (
-      <div className="fileupload-btn">
-        <span>
-          {icon}
-          {text}
-        </span>
-        <input
-          type="file"
-          id="multifile-select"
-          className="multifile-select-btn"
-          onClick={this._click.bind(this)}
-          onChange={this._onFileSelect.bind(this)}
-          webkitdirectory="true"
-          directory="true"
-          disabled={this.props.disabled}
-        />
-      </div>
-    )
-  }
-
-  // custom methods -----------------------------------------------------
-
-  _click(e): void {
-    e.stopPropagation()
-    e.target.value = null
-    if (this.props.onClick) {
-      this.props.onClick(e)
-    }
-  }
-
-  _onFileSelect(e): void {
-    if (e.target && e.target.files.length > 0) {
-      const files = e.target.files
-      this.props.onChange({ files })
-    }
-  }
-}
-
-Upload.propTypes = {
-  resume: PropTypes.bool,
-  onClick: PropTypes.func,
-  onChange: PropTypes.func,
-  disabled: PropTypes.bool,
-}
-
-export default Upload

package/src/scripts/common/partials/__tests__/__snapshots__/footer.spec.jsx.snap

@@ -1,42 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`common/partials/footer renders successfully 1`] = `
-<span>
-  <footer>
-    <div
-      className="row"
-    >
-      <div
-        className="col-xs-12 col-md-4 version"
-      >
-        <span>
-          OpenNeuro v
-          1.0.0
-        </span>
-      </div>
-      <div
-        className="col-xs-12 col-md-4 privacy-policy"
-      >
-        <span>
-          <a
-            href="https://www.stanford.edu/site/privacy/"
-          >
-            OpenNeuro
-            's Privacy Policy
-          </a>
-        </span>
-      </div>
-      <div
-        className="col-xs-12 col-md-4 copy"
-      >
-        <span>
-          © 
-          2021
-           
-          Stanford Center for Reproducible Neuroscience
-        </span>
-      </div>
-    </div>
-  </footer>
-</span>
-`;

package/src/scripts/common/partials/__tests__/__snapshots__/metric.spec.jsx.snap

@@ -1,101 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Metric component renders for downloads 1`] = `
-<span
-  className="metric"
->
-  <span>
-    <span
-      className="dataset-status ds-primary"
-    >
-      <TooltipTop
-        tooltip="This dataset has 15 downloads."
-      >
-        <span
-          className="icon-wrap"
-        >
-          <i
-            className="fa fa-download"
-          />
-          15
-        </span>
-      </TooltipTop>
-    </span>
-  </span>
-</span>
-`;
-
-exports[`Metric component renders for followers 1`] = `
-<span
-  className="metric"
->
-  <span>
-    <span
-      className="dataset-status ds-primary"
-    >
-      <TooltipTop
-        tooltip="This dataset has 15 followers."
-      >
-        <span
-          className="icon-wrap"
-        >
-          <i
-            className="fa fa-users"
-          />
-          15
-        </span>
-      </TooltipTop>
-    </span>
-  </span>
-</span>
-`;
-
-exports[`Metric component renders for views 1`] = `
-<span
-  className="metric"
->
-  <span>
-    <span
-      className="dataset-status ds-primary"
-    >
-      <TooltipTop
-        tooltip="This dataset has 15 views."
-      >
-        <span
-          className="icon-wrap"
-        >
-          <i
-            className="fa fa-eye"
-          />
-          15
-        </span>
-      </TooltipTop>
-    </span>
-  </span>
-</span>
-`;
-
-exports[`Metric component renders with common props 1`] = `
-<span
-  className="metric"
->
-  <span>
-    <span
-      className="dataset-status ds-primary"
-    >
-      <TooltipTop
-        tooltip="This snapshot has 15 likes."
-      >
-        <span
-          className="icon-wrap"
-        >
-          <i
-            className="fa fa-star"
-          />
-          15
-        </span>
-      </TooltipTop>
-    </span>
-  </span>
-</span>
-`;

package/src/scripts/common/partials/__tests__/footer.spec.jsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import Footer from '../footer'
-
-describe('common/partials/footer', () => {
-  it('renders successfully', () => {
-    const wrapper = shallow(<Footer version="1.0.0" />)
-    expect(wrapper).toMatchSnapshot()
-  })
-})

package/src/scripts/common/partials/__tests__/metric.spec.jsx

@@ -1,31 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import Metric from '../metric.jsx'
-
-describe('Metric component', () => {
-  it('renders with common props', () => {
-    expect(
-      shallow(<Metric type="stars" value={15} display snapshot />),
-    ).toMatchSnapshot()
-  })
-  it('renders for downloads', () => {
-    expect(
-      shallow(<Metric type="downloads" value={15} display />),
-    ).toMatchSnapshot()
-  })
-  it('renders for followers', () => {
-    expect(
-      shallow(<Metric type="followers" value={15} display />),
-    ).toMatchSnapshot()
-  })
-  it('renders for views', () => {
-    expect(
-      shallow(<Metric type="views" value={15} display />),
-    ).toMatchSnapshot()
-  })
-  it('throws an error for unknown types', () => {
-    expect(() =>
-      shallow(<Metric type="spaghetti" value={15} display />),
-    ).toThrowError()
-  })
-})

package/src/scripts/common/partials/footer.jsx

@@ -1,40 +0,0 @@
-// dependencies -------------------------------------------------------
-
-import React from 'react'
-import PropTypes from 'prop-types'
-import { version as openneuroVersion } from '../../../lerna.json'
-import { frontPage } from '../../front-page/front-page-content'
-
-const Footer = props => {
-  const version = props.version ? props.version : openneuroVersion
-  return (
-    <span>
-      <footer>
-        <div className="row">
-          <div className="col-xs-12 col-md-4 version">
-            <span>OpenNeuro v{version}</span>
-          </div>
-          <div className="col-xs-12 col-md-4 privacy-policy">
-            <span>
-              <a href={frontPage.titlePanel.privacyLink}>
-                {frontPage.pageTitle}
-                &#39;s Privacy Policy
-              </a>
-            </span>
-          </div>
-          <div className="col-xs-12 col-md-4 copy">
-            <span>
-              &copy; {new Date().getFullYear()} {frontPage.copyright.holder}
-            </span>
-          </div>
-        </div>
-      </footer>
-    </span>
-  )
-}
-
-Footer.propTypes = {
-  version: PropTypes.string,
-}
-
-export default Footer

package/src/scripts/common/partials/login.jsx

@@ -1,99 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { Modal } from 'react-bootstrap'
-import AuthenticationButtons from '../../authentication/buttons.jsx'
-import { frontPage } from '../../front-page/front-page-content'
-
-const InfoPanel = ({ show, toggle }) => {
-  if (!show) {
-    return null
-  }
-  return (
-    <div className="fade-in panel">
-      <button className="close" onClick={() => toggle(false)}>
-        <span className="close-sym" />
-        <span className="sr-only">close</span>
-      </button>
-      <span className="info">
-        {' '}
-        ORCID users are identified and connected to their contributions and
-        affiliations, across disciplines, borders, and time.{' '}
-        <a href="https://orcid.org/content/about-orcid">Learn more</a>
-      </span>
-    </div>
-  )
-}
-
-InfoPanel.propTypes = {
-  show: PropTypes.bool,
-  toggle: PropTypes.func,
-}
-
-class Login extends React.Component {
-  constructor(props) {
-    super(props)
-    this.state = { infoPanel: false }
-    this.toggleInfoPanel = this._toggleInfoPanel.bind(this)
-  }
-
-  _toggleInfoPanel(val) {
-    this.setState({ infoPanel: val })
-  }
-
-  render() {
-    return (
-      <Modal
-        show={this.props.show}
-        onHide={() => this.props.modalToggle(false)}
-        className="login-modal">
-        <Modal.Header closeButton>
-          <Modal.Title>
-            <div className="logo-text">
-              <span>
-                {frontPage.navBar.brand.text.first}
-                <span className="logo-end">
-                  {frontPage.navBar.brand.text.second}
-                </span>
-              </span>
-            </div>
-          </Modal.Title>
-        </Modal.Header>
-        <Modal.Body>
-          <div className="login-btns">
-            <span className="dropdown-header">Sign in with:</span>
-          </div>
-          <hr className="spacer" />
-          <div className="login-modal">
-            <AuthenticationButtons min={true} />
-            <div className="login-btns">
-              <div className="info-panel">
-                <span
-                  className="help-info"
-                  onClick={() => {
-                    this.toggleInfoPanel(true)
-                  }}>
-                  What is this?
-                </span>
-                <InfoPanel
-                  show={this.state.infoPanel}
-                  toggle={this.toggleInfoPanel.bind(this)}
-                />
-              </div>
-            </div>
-            <a onClick={() => this.props.modalToggle(false)}>Close</a>
-          </div>
-        </Modal.Body>
-      </Modal>
-    )
-  }
-}
-
-Login.propTypes = {
-  modalToggle: PropTypes.func,
-  infoToggle: PropTypes.func,
-  min: PropTypes.bool,
-  show: PropTypes.bool,
-  infoPanel: PropTypes.bool,
-}
-
-export default Login