@openneuro/app 4.2.0 → 4.2.1

package/src/scripts/datalad/fragments/__tests__/__snapshots__/edit-list.spec.jsx.snap

@@ -1,34 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EditList component renders with default props 1`] = `
-<EditList>
-  <div
-    className="input-group"
-  >
-    <input
-      className="form-control"
-      onChange={[Function]}
-      type="text"
-      value=""
-    />
-    <span
-      className="input-group-btn"
-    >
-      <Styled(button)
-        className="btn btn-default"
-        onClick={[Function]}
-        type="button"
-      >
-        <button
-          className="btn btn-default css-18r3ojf"
-          onClick={[Function]}
-          type="button"
-        >
-          Add
-        </button>
-      </Styled(button)>
-    </span>
-  </div>
-  <div />
-</EditList>
-`;

package/src/scripts/datalad/fragments/__tests__/__snapshots__/edit-readme.spec.jsx.snap

@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EditReadme component renders with default props 1`] = `<EditReadme />`;

package/src/scripts/datalad/fragments/__tests__/__snapshots__/save-button.spec.jsx.snap

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SaveButton component renders with default props 1`] = `
-<WarnButton
-  action={[Function]}
-  cancel={
-    <i
-      className="fa fa-times"
-    />
-  }
-  confirm={
-    <i
-      className="fa fa-check"
-    />
-  }
-  icon="fa-edit"
-  message="Edit"
-  tooltip={null}
-  warn={false}
-/>
-`;

package/src/scripts/datalad/fragments/__tests__/dataset-analytics.spec.jsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import DatasetAnalytics from '../dataset-analytics.jsx'
-
-describe('DatasetAnalytics component', () => {
-  it('renders with common props', () => {
-    const wrapper = shallow(<DatasetAnalytics downloads={5} views={50} />)
-    expect(wrapper).toMatchSnapshot()
-  })
-  it('renders for snapshots', () => {
-    const wrapper = shallow(
-      <DatasetAnalytics downloads={5} views={50} snapshot />,
-    )
-    expect(wrapper).toMatchSnapshot()
-  })
-})

package/src/scripts/datalad/fragments/__tests__/dataset-authors.spec.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import DatasetAuthors from '../dataset-authors.jsx'
-
-describe('DatasetAuthors component', () => {
-  it('renders with common props', () => {
-    const wrapper = shallow(<DatasetAuthors authors={['One', 'Two']} />)
-    expect(wrapper).toMatchSnapshot()
-  })
-  it('renders when authors is null', () => {
-    const wrapper = shallow(<DatasetAuthors />)
-    expect(wrapper).toMatchSnapshot()
-  })
-
-  it('renders null when authors is not an array', () => {
-    // Catch the expected PropTypes error
-    // eslint-disable-next-line no-console
-    console.error = jest.fn()
-    const wrapper = shallow(<DatasetAuthors authors={''} />)
-    expect(wrapper.getElement()).toBe(null)
-  })
-})

package/src/scripts/datalad/fragments/__tests__/dataset-prominent-links.spec.jsx

@@ -1,32 +0,0 @@
-import React from 'react'
-import { StaticRouter as Router } from 'react-router-dom'
-import { render, screen } from '@testing-library/react'
-import ProminentLinks from '../dataset-prominent-links.jsx'
-import '@testing-library/jest-dom/extend-expect'
-
-describe('DatasetAuthors component', () => {
-  const minDataset = {
-    id: 'fakeid',
-    onBrainlife: null,
-  }
-
-  it('does render brainlife button when onBrainlife', () => {
-    minDataset.onBrainlife = true
-    const wrapper = render(
-      <Router initialEntries={['/']}>
-        <ProminentLinks dataset={minDataset} />
-      </Router>,
-    )
-    expect(screen.getByText('Analyze on brainlife.io')).toBeInTheDocument()
-  })
-
-  it('does not render brainlife button when not onBrainlife', () => {
-    minDataset.onBrainlife = false
-    const wrapper = render(
-      <Router initialEntries={['/']}>
-        <ProminentLinks dataset={minDataset} />
-      </Router>,
-    )
-    expect(screen.queryByText('Analyze on brainlife.io')).toBeNull()
-  })
-})

package/src/scripts/datalad/fragments/__tests__/dataset-readme.spec.jsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import DatasetReadme from '../dataset-readme.jsx'
-
-describe('DatasetReadme component', () => {
-  it('renders with common props', () => {
-    const wrapper = shallow(<DatasetReadme content="markdown goes here" />)
-    expect(wrapper).toMatchSnapshot()
-  })
-})

package/src/scripts/datalad/fragments/__tests__/dataset-summary.spec.jsx

@@ -1,55 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import Summary from '../dataset-summary.jsx'
-
-const mockSummary = {
-  id: 'f187e25d26ed24ab91842499e06c04ba5a35ccec',
-  modalities: ['T1w', 'bold'],
-  sessions: ['meg', 'mri'],
-  subjects: ['01', '02', '03', '04', '05'],
-  tasks: ['one-back task', 'balloon analog risk task'],
-  size: 3364126408,
-  totalFiles: 1359,
-}
-
-describe('Dataset/Summary', () => {
-  it('displays accurate file count', () => {
-    const wrapper = shallow(<Summary summary={mockSummary} />)
-    expect(
-      wrapper.contains(
-        <span>
-          <strong> Files: </strong>
-          {mockSummary.totalFiles}
-        </span>,
-      ),
-    ).toBe(true)
-  })
-  it('displays subject count', () => {
-    const wrapper = shallow(<Summary summary={mockSummary} />)
-    expect(
-      wrapper.contains(
-        <span>
-          <strong> Subjects: </strong>
-          {mockSummary.subjects.length}
-        </span>,
-      ),
-    ).toBe(true)
-  })
-  it('lists all tasks', () => {
-    const wrapper = shallow(<Summary summary={mockSummary} />)
-    expect(wrapper.contains(mockSummary.tasks.join(', '))).toBe(true)
-  })
-  it('lists all modalities', () => {
-    const wrapper = shallow(<Summary summary={mockSummary} />)
-    expect(wrapper.contains(mockSummary.modalities.join(', '))).toBe(true)
-  })
-  it('minimal version renders', () => {
-    const wrapper = shallow(<Summary summary={mockSummary} minimal={true} />)
-    expect(
-      wrapper
-        .find('div.minimal-summary')
-        .children()
-        .find('div').length,
-    ).toBe(6)
-  })
-})

package/src/scripts/datalad/fragments/__tests__/dataset-title.spec.jsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import DatasetTitle from '../dataset-title.jsx'
-
-describe('DatasetTitle component', () => {
-  it('renders with common props', () => {
-    const wrapper = shallow(<DatasetTitle title="Test Dataset" />)
-    expect(wrapper).toMatchSnapshot()
-  })
-})

package/src/scripts/datalad/fragments/__tests__/dataset-tools.spec.jsx

@@ -1,55 +0,0 @@
-import React from 'react'
-import { MemoryRouter } from 'react-router-dom'
-import { render } from '@testing-library/react'
-import DatasetTools from '../dataset-tools.jsx'
-
-describe('DatasetTools component', () => {
-  it('renders tools with common props', () => {
-    const wrapper = render(
-      <MemoryRouter initialEntries={[`/datasets/ds000113`]}>
-        <DatasetTools
-          dataset={{
-            id: 'ds001',
-            public: false,
-            following: true,
-            starred: false,
-            snapshots: [],
-          }}
-        />
-      </MemoryRouter>,
-    )
-    expect(wrapper).toMatchSnapshot()
-  })
-  it('renders tools for public datasets', () => {
-    const wrapper = render(
-      <MemoryRouter initialEntries={[`/datasets/ds000113`]}>
-        <DatasetTools
-          dataset={{
-            id: 'ds001',
-            public: true,
-            following: true,
-            starred: false,
-            snapshots: [],
-          }}
-        />
-      </MemoryRouter>,
-    )
-    expect(wrapper).toMatchSnapshot()
-  })
-  it('renders tools for public snapshots', () => {
-    const wrapper = render(
-      <MemoryRouter initialEntries={[`/datasets/ds000113/versions/1.3.0`]}>
-        <DatasetTools
-          dataset={{
-            id: 'ds001',
-            public: true,
-            following: true,
-            starred: false,
-            snapshots: [{ id: 'ds000113:1.3.0' }],
-          }}
-        />
-      </MemoryRouter>,
-    )
-    expect(wrapper).toMatchSnapshot()
-  })
-})

package/src/scripts/datalad/fragments/__tests__/dataset-uploaded.spec.jsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import DatasetUploaded from '../dataset-uploaded.jsx'
-
-describe('DatasetUploaded component', () => {
-  it('renders with common props', () => {
-    const wrapper = shallow(
-      <DatasetUploaded
-        uploader={{ name: 'Tester' }}
-        created="2016-11-06"
-        testDifference="awhile ago"
-      />,
-    )
-    expect(wrapper).toMatchSnapshot()
-  })
-})

package/src/scripts/datalad/fragments/__tests__/edit-list.spec.jsx

@@ -1,25 +0,0 @@
-import React from 'react'
-import { mount } from 'enzyme'
-import EditList from '../edit-list.jsx'
-
-// Mount is used because enzyme does not yet support hooks
-describe('EditList component', () => {
-  it('renders with default props', () => {
-    const wrapper = mount(<EditList />)
-    expect(wrapper).toMatchSnapshot()
-  })
-  it('calls setElements when an item is added', () => {
-    const setElements = jest.fn()
-    const wrapper = mount(<EditList setElements={setElements} />)
-    wrapper.find('button[children="Add"]').simulate('click')
-    // Added an empty string to an empty list
-    expect(setElements).toHaveBeenCalledWith([''])
-  })
-  it('renders any elements', () => {
-    const wrapper = mount(<EditList elements={['One', 'Two']} />)
-    const values = wrapper.find('span.input-group-addon')
-    expect(values).toHaveLength(2)
-    expect(values.at(0).text()).toBe('One')
-    expect(values.at(1).text()).toBe('Two')
-  })
-})

package/src/scripts/datalad/fragments/__tests__/edit-readme.spec.jsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import { mount } from 'enzyme'
-import EditReadme from '../edit-readme.jsx'
-
-describe('EditReadme component', () => {
-  it('renders with default props', () => {
-    const wrapper = mount(<EditReadme />)
-    expect(wrapper).toMatchSnapshot()
-  })
-})

package/src/scripts/datalad/fragments/cancel-button.jsx

@@ -1,24 +0,0 @@
-import React from 'react'
-import WarnButton from '../../common/forms/warn-button.jsx'
-import PropTypes from 'prop-types'
-
-/**
- * An edit button, calls action when clicked
- */
-const CancelButton = ({ action }) => (
-  <WarnButton
-    message="Cancel"
-    icon="fa-close"
-    warn={false}
-    action={cb => {
-      action()
-      cb()
-    }}
-  />
-)
-
-CancelButton.propTypes = {
-  action: PropTypes.func,
-}
-
-export default CancelButton

package/src/scripts/datalad/fragments/copyable-tooltip.jsx

@@ -1,82 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import styled from '@emotion/styled'
-
-export const TooltipSpan = styled.span`
-  &::before {
-    content: attr(data-tip);
-
-    position: absolute;
-    top: 20px;
-    z-index: 9001;
-    height: 24px;
-    border: 1px solid #ddd;
-    padding: 0px 10px;
-
-    color: #565656;
-    font-size: 12px;
-    white-space: nowrap;
-    line-height: 24px;
-
-    opacity: 0;
-    right: -10000px;
-    box-shadow: 0 0 0 #ddd;
-    transition: opacity 0.4s ease-out, box-shadow 0.4s ease-out;
-  }
-
-  &:hover::before {
-    opacity: 1;
-    right: 15px;
-    box-shadow: 0 2px 5px #ddd;
-    background-color: white;
-  }
-`
-const CopyButton = styled('i')({
-  cursor: 'copy',
-})
-
-function fallbackCopyTextToClipboard(text) {
-  const textArea = document.createElement('textarea')
-  textArea.value = text
-  textArea.style.position = 'fixed'
-  document.body.appendChild(textArea)
-  textArea.focus()
-  textArea.select()
-
-  try {
-    const success = document.execCommand('copy')
-    console.log(
-      `Copying text command was ${success ? 'successful!' : 'unsuccessful.'}`,
-    )
-  } catch (err) {
-    console.error('Could not copy text: ', err)
-  }
-
-  document.body.removeChild(textArea)
-}
-
-function copyTextToClipboard(text) {
-  if (!navigator.clipboard) fallbackCopyTextToClipboard(text)
-  else
-    navigator.clipboard.writeText(text).then(
-      () => console.log('Copying to clipboard was successful!'),
-      err => console.error('Could not copy text: ', err),
-    )
-}
-
-const Tooltip = ({ text, tip }) => (
-  <TooltipSpan data-tip={tip}>
-    {text}&nbsp;
-    <CopyButton
-      className="fa fa-copy"
-      onClick={() => copyTextToClipboard(tip)}
-    />
-  </TooltipSpan>
-)
-
-Tooltip.propTypes = {
-  text: PropTypes.string,
-  tip: PropTypes.string,
-}
-
-export default Tooltip

package/src/scripts/datalad/fragments/dataset-analytics.jsx

@@ -1,27 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import Metric from '../../common/partials/metric.jsx'
-import styled from '@emotion/styled'
-
-const MetricPadding = styled.span`
-  padding: 4px;
-`
-
-const DatasetAnalytics = ({ downloads, views, snapshot }) => (
-  <>
-    <MetricPadding>
-      <Metric type="downloads" value={downloads} display snapshot={snapshot} />
-    </MetricPadding>
-    <MetricPadding>
-      <Metric type="views" value={views} display snapshot={snapshot} />
-    </MetricPadding>
-  </>
-)
-
-DatasetAnalytics.propTypes = {
-  downloads: PropTypes.number,
-  views: PropTypes.number,
-  snapshot: PropTypes.bool,
-}
-
-export default DatasetAnalytics

package/src/scripts/datalad/fragments/dataset-authors.jsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-const DatasetAuthors = ({ authors = [] }) => {
-  if (Array.isArray(authors)) {
-    return <h6>{`authored by ${authors.join(', ')}`}</h6>
-  } else {
-    return null
-  }
-}
-
-DatasetAuthors.propTypes = {
-  authors: PropTypes.array,
-}
-
-export default DatasetAuthors

package/src/scripts/datalad/fragments/dataset-citation.jsx

@@ -1,77 +0,0 @@
-import React, { useState } from 'react'
-import PropTypes from 'prop-types'
-import getYear from 'date-fns/getYear'
-import parseISO from 'date-fns/parseISO'
-import { CopyToClipboard } from 'react-copy-to-clipboard'
-
-export const formatCitation = (snapshot, style) => {
-  const year = getYear(parseISO(snapshot.created))
-  const authors = snapshot.description.Authors
-    ? snapshot.description.Authors.join(' and ')
-    : 'NO AUTHORS FOUND'
-  if (style === 'Text') {
-    return `${authors} (${year}). ${snapshot.description.Name}. OpenNeuro. [Dataset] doi: ${snapshot.description.DatasetDOI}`
-  } else if (style === 'BibTeX') {
-    return `@dataset{${snapshot.id},
-  author = {${authors}},
-  title = {"${snapshot.description.Name}"},
-  year = {${year}},
-  doi = {${snapshot.description.DatasetDOI}},
-  publisher = {OpenNeuro}
-}`
-  }
-}
-
-const DatasetCitation = ({ snapshot }) => {
-  const [style, setStyle] = useState('Text')
-  const [copied, setCopied] = useState(false)
-  const copiedTimeout = () => {
-    setCopied(true)
-    setTimeout(() => {
-      setCopied(false)
-    }, 3000)
-  }
-  const citation = formatCitation(snapshot, style)
-  return (
-    <>
-      <div className="description-item">
-        <button
-          onClick={() => {
-            setStyle('Text')
-            setCopied(false)
-          }}
-          className={style === 'Text' ? 'btn active' : 'btn'}>
-          Text
-        </button>
-        <button
-          onClick={() => {
-            setStyle('BibTeX')
-            setCopied(false)
-          }}
-          className={style === 'BibTeX' ? 'btn active' : 'btn'}>
-          BibTeX
-        </button>
-        <CopyToClipboard
-          text={citation}
-          onCopy={() => copiedTimeout()}
-          className="btn">
-          <span className="copy-key">
-            <i className="fa fa-link" aria-hidden="true" />{' '}
-            {copied ? <span>Copied to clipboard</span> : <span>Copy</span>}
-          </span>
-        </CopyToClipboard>
-        <div className="col-md-12">
-          <div className="row">
-            <h5>{style === 'BibTeX' ? <pre>{citation}</pre> : citation}</h5>
-          </div>
-        </div>
-      </div>
-    </>
-  )
-}
-
-DatasetCitation.propTypes = {
-  snapshot: PropTypes.object,
-}
-
-export default DatasetCitation

package/src/scripts/datalad/fragments/dataset-files.jsx

@@ -1,50 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import Files from '../../file-tree/files.jsx'
-import ErrorBoundary from '../../errors/errorBoundary.jsx'
-
-const DatasetFiles = ({
-  datasetId,
-  snapshotTag = null,
-  datasetName,
-  files,
-  editMode,
-  datasetPermissions,
-}) => (
-  <div className="dataset-files">
-    <div className="col-xs-12">
-      <div className="file-structure fade-in panel-group">
-        <div className="panel panel-default">
-          <div className="panel-heading">
-            <h3 className="panel-title">Dataset File Tree</h3>
-          </div>
-          <div className="panel-collapse" aria-expanded="false">
-            <div className="panel-body">
-              <ErrorBoundary subject={'error in dataset filetree'}>
-                <Files
-                  datasetId={datasetId}
-                  snapshotTag={snapshotTag}
-                  datasetName={datasetName}
-                  files={files}
-                  editMode={editMode}
-                  datasetPermissions={datasetPermissions}
-                />
-              </ErrorBoundary>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-)
-
-DatasetFiles.propTypes = {
-  datasetId: PropTypes.string,
-  snapshotTag: PropTypes.string,
-  datasetName: PropTypes.string,
-  files: PropTypes.array,
-  editMode: PropTypes.bool,
-  datasetPermissions: PropTypes.object,
-}
-
-export default DatasetFiles

package/src/scripts/datalad/fragments/dataset-git-access.jsx

@@ -1,56 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import styled from '@emotion/styled'
-import { config } from '../../config'
-import Tooltip from '../../common/partials/tooltip.jsx'
-
-function copyToClipboard(text) {
-  navigator.clipboard.writeText(text)
-}
-
-const GitAccessWrap = styled.div({
-  display: 'flex',
-  alignItems: 'center',
-  borderRadius: '0',
-  marginBottom: '10px',
-})
-
-const GitAccessUrl = styled.span({
-  flexGrow: 1,
-})
-
-const DocumentationLink = styled.a({
-  textAlign: 'right',
-  padding: '5px',
-  textTransform: 'capitalize',
-})
-
-const DatasetGitAccess = ({ datasetId, worker }) => {
-  const workerId = worker.split('-').pop()
-  const url = `${config.url}/git/${workerId}/${datasetId}`
-  return (
-    <div className="col-xs-12">
-      <h3 className="metaheader">DataLad/Git URL</h3>
-      <GitAccessWrap className="status panel panel-default">
-        <Tooltip tooltip="Copy To Clipboard">
-          <button
-            className="warning btn-warn-component"
-            onClick={() => copyToClipboard(url)}>
-            <i className="fas fa-clipboard" aria-hidden="true"></i>
-          </button>
-        </Tooltip>{' '}
-        <GitAccessUrl>{url}</GitAccessUrl>
-        <DocumentationLink href="https://docs.openneuro.org/git">
-          View Documentation
-        </DocumentationLink>
-      </GitAccessWrap>
-    </div>
-  )
-}
-
-DatasetGitAccess.propTypes = {
-  datasetId: PropTypes.string,
-  worker: PropTypes.string,
-}
-
-export default DatasetGitAccess