@openneuro/app 4.1.1 → 4.2.2

package/src/scripts/datalad/comments/style-button.jsx

@@ -1,28 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-const StyleButton = ({ style, label, active, onToggle }) => {
-  return (
-    <span
-      className={
-        active
-          ? 'RichEditor-styleButton RichEditor-activeButton'
-          : 'RichEditor-styleButton'
-      }
-      onMouseDown={e => {
-        e.preventDefault()
-        onToggle(style)
-      }}>
-      {label}
-    </span>
-  )
-}
-
-StyleButton.propTypes = {
-  style: PropTypes.string,
-  onToggle: PropTypes.func,
-  active: PropTypes.bool,
-  label: PropTypes.string,
-}
-
-export default StyleButton

package/src/scripts/datalad/dashboard/__tests__/__snapshots__/dashboard.spec.jsx.snap

@@ -1,163 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Dashboard my datasets renders successfully 1`] = `
-<ApolloProvider
-  client={Object {}}
->
-  <StaticRouter
-    initialEntries={
-      Array [
-        "/",
-      ]
-    }
-  >
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-      initialEntries={
-        Array [
-          "/",
-        ]
-      }
-      staticContext={Object {}}
-    >
-      <Dashboard>
-        <Styled(div)>
-          <div
-            className="css-hn3dnp"
-          >
-            <Styled(ul)
-              className="nav nav-pills tabs"
-            >
-              <ul
-                className="nav nav-pills tabs css-10ekz8g"
-              >
-                <li>
-                  <NavLink
-                    className="btn-tab"
-                    to="/dashboard/datasets"
-                  >
-                    <Link
-                      aria-current={null}
-                      className="btn-tab"
-                      to={
-                        Object {
-                          "hash": "",
-                          "pathname": "/dashboard/datasets",
-                          "search": "",
-                          "state": null,
-                        }
-                      }
-                    >
-                      <LinkAnchor
-                        aria-current={null}
-                        className="btn-tab"
-                        href="/dashboard/datasets"
-                        navigate={[Function]}
-                      >
-                        <a
-                          aria-current={null}
-                          className="btn-tab"
-                          href="/dashboard/datasets"
-                          onClick={[Function]}
-                        >
-                          My Datasets
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </NavLink>
-                  <NavLink
-                    className="btn-tab"
-                    to="/saved/datasets"
-                  >
-                    <Link
-                      aria-current={null}
-                      className="btn-tab"
-                      to={
-                        Object {
-                          "hash": "",
-                          "pathname": "/saved/datasets",
-                          "search": "",
-                          "state": null,
-                        }
-                      }
-                    >
-                      <LinkAnchor
-                        aria-current={null}
-                        className="btn-tab"
-                        href="/saved/datasets"
-                        navigate={[Function]}
-                      >
-                        <a
-                          aria-current={null}
-                          className="btn-tab"
-                          href="/saved/datasets"
-                          onClick={[Function]}
-                        >
-                          Saved Datasets
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </NavLink>
-                </li>
-              </ul>
-            </Styled(ul)>
-            <Switch />
-          </div>
-        </Styled(div)>
-      </Dashboard>
-    </Router>
-  </StaticRouter>
-</ApolloProvider>
-`;
-
-exports[`Dashboard public dashboard renders successfully 1`] = `
-<Styled(div)>
-  <Styled(ul)
-    className="nav nav-pills tabs"
-  >
-    <li>
-      <NavLink
-        className="btn-tab"
-        to="/public/datasets"
-      >
-        Public Datasets
-      </NavLink>
-    </li>
-  </Styled(ul)>
-  <Switch>
-    <Redirect
-      exact={true}
-      path="/dashboard"
-      to="/dashboard/datasets"
-    />
-    <Redirect
-      exact={true}
-      path="/saved"
-      to="/saved/datasets"
-    />
-    <Route
-      component={[Function]}
-      name="datalad-datasets-dashboard"
-      path="/public/datasets"
-    />
-  </Switch>
-</Styled(div)>
-`;

package/src/scripts/datalad/dashboard/__tests__/dashboard.spec.jsx

@@ -1,21 +0,0 @@
-import React from 'react'
-import { StaticRouter as Router } from 'react-router-dom'
-import { mount, shallow } from 'enzyme'
-import { ApolloProvider } from '@apollo/client'
-import Dashboard from '../dashboard.jsx'
-
-describe('Dashboard', () => {
-  it('my datasets renders successfully', () => {
-    const wrapper = mount(
-      <ApolloProvider client={{}}>
-        <Router initialEntries={['/']}>
-          <Dashboard />
-        </Router>
-      </ApolloProvider>,
-    )
-    expect(wrapper).toMatchSnapshot()
-  })
-  it('public dashboard renders successfully', () => {
-    expect(shallow(<Dashboard public />)).toMatchSnapshot()
-  })
-})

package/src/scripts/datalad/dashboard/dashboard.jsx

@@ -1,54 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { Switch, NavLink, Redirect, Route } from 'react-router-dom'
-import DatasetQuery from './datasets/dataset-query.jsx'
-import styled from '@emotion/styled'
-
-const DashboardWrapper = styled.div`
-  display: flex;
-  flex-direction: column;
-  margin: 1.5em;
-  flex: 1 1;
-`
-
-const FlexUl = styled.ul`
-  flex: 0 1;
-`
-
-const Dashboard = ({ public: isPublic, saved: isSaved }) => {
-  const prefix = isPublic ? '/public' : '/dashboard'
-  const routePrefix = isPublic ? '/public' : isSaved ? '/saved' : '/dashboard'
-  const title = (isPublic ? 'Public' : 'My') + ' Datasets'
-  return (
-    <DashboardWrapper>
-      <FlexUl className="nav nav-pills tabs">
-        <li>
-          <NavLink to={prefix + '/datasets'} className="btn-tab">
-            {title}
-          </NavLink>
-          {!isPublic && (
-            <NavLink to={'/saved/datasets'} className="btn-tab">
-              Saved Datasets
-            </NavLink>
-          )}
-        </li>
-      </FlexUl>
-      <Switch>
-        <Redirect path="/dashboard" to="/dashboard/datasets" exact />
-        <Redirect path="/saved" to="/saved/datasets" exact />
-        <Route
-          name="datalad-datasets-dashboard"
-          path={routePrefix + '/datasets'}
-          component={() => <DatasetQuery public={isPublic} saved={isSaved} />}
-        />
-      </Switch>
-    </DashboardWrapper>
-  )
-}
-
-Dashboard.propTypes = {
-  public: PropTypes.bool,
-  saved: PropTypes.bool,
-}
-
-export default Dashboard

package/src/scripts/datalad/dashboard/datasets/__tests__/__snapshots__/dataset-filter.spec.jsx.snap

@@ -1,20 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`dashboard/datasets/DatasetFilter FilterField renders successfully 1`] = `
-<button
-  className="btn-filter name filter-all"
-  key="all"
-  onClick={[Function]}
->
-  <Styled(span)>
-    <i
-      className="fa fa-magic"
-    />
-    <span
-      className="filter-text"
-    >
-      all
-    </span>
-  </Styled(span)>
-</button>
-`;

package/src/scripts/datalad/dashboard/datasets/__tests__/__snapshots__/dataset-row-skeleton.spec.jsx.snap

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`dashboard/datasets/DatasetRowSkeleton renders successfully 1`] = `
-<div
-  className="panel panel-default"
->
-  <Styled(div)
-    className="panel-heading"
-  >
-     
-  </Styled(div)>
-</div>
-`;

package/src/scripts/datalad/dashboard/datasets/__tests__/__snapshots__/dataset-row.spec.jsx.snap

@@ -1,65 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`dashboard/datasets/DatasetRow renders successfully 1`] = `
-<div
-  className="panel panel-default"
->
-  <Styled(div)
-    className="panel-heading"
-  >
-    <div
-      className="header clearfix"
-    >
-      <Link
-        to="/datasets/ds000001"
-      >
-        <h4
-          className="dataset-name"
-        >
-          test dataset
-        </h4>
-        <Uploaded />
-      </Link>
-      <div
-        className="metric-container"
-      >
-        <Metrics
-          dataset={
-            Object {
-              "draft": Object {
-                "description": Object {
-                  "Name": "test dataset",
-                },
-              },
-              "id": "ds000001",
-              "snapshots": Array [],
-            }
-          }
-          fromDashboard={true}
-        />
-      </div>
-      <div
-        className="status-container"
-      >
-        <Component
-          dataset={
-            Object {
-              "draft": Object {
-                "description": Object {
-                  "Name": "test dataset",
-                },
-              },
-              "id": "ds000001",
-              "snapshots": Array [],
-            }
-          }
-          minimal={true}
-        />
-      </div>
-    </div>
-    <Summary
-      minimal={true}
-    />
-  </Styled(div)>
-</div>
-`;

package/src/scripts/datalad/dashboard/datasets/__tests__/__snapshots__/dataset-sorter.spec.jsx.snap

@@ -1,14 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`dashboard/datasets/DatasetSorter SortField renders successfully 1`] = `
-<a
-  className="btn-sort name"
-  key="created"
-  onClick={[Function]}
->
-  <Styled(span)>
-    created
-  </Styled(span)>
-   
-</a>
-`;

package/src/scripts/datalad/dashboard/datasets/__tests__/__snapshots__/dataset-virtual-scroller.spec.jsx.snap

@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`dashboard/datasets/DatasetVirtualScroller shallow renders successfully 1`] = `
-<Styled(div)>
-  <Styled(div)>
-    <InfiniteLoader
-      isRowLoaded={[Function]}
-      loadMoreRows={[MockFunction]}
-      minimumBatchSize={25}
-      rowCount={3}
-      threshold={7}
-    >
-      <Component />
-    </InfiniteLoader>
-  </Styled(div)>
-</Styled(div)>
-`;

package/src/scripts/datalad/dashboard/datasets/__tests__/__snapshots__/uploaded.spec.jsx.snap

@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`dashboard/datasets/Uploaded renders successfully 1`] = `
-<div
-  className="meta-container"
->
-  <p
-    className="date"
-  >
-    uploaded 
-    by 
-    <span
-      className="name"
-    >
-      A User
-    </span>
-     on
-     
-    <span
-      className="time-ago"
-    >
-       - 
-       ago
-    </span>
-  </p>
-</div>
-`;

package/src/scripts/datalad/dashboard/datasets/__tests__/dataset-filter.spec.jsx

@@ -1,67 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import { FilterField } from '../dataset-filter.jsx'
-
-describe('dashboard/datasets/DatasetFilter', () => {
-  describe('FilterField', () => {
-    it('renders successfully', () => {
-      expect(
-        shallow(<FilterField field="all" queryVariables={{ filterBy: {} }} />),
-      ).toMatchSnapshot()
-    })
-    it('calls refetch on click', () => {
-      const refetch = jest.fn()
-      const wrapper = shallow(
-        <FilterField
-          field="public"
-          queryVariables={{ filterBy: {} }}
-          refetch={refetch}
-        />,
-      )
-      wrapper.simulate('click')
-      expect(refetch).toHaveBeenCalled()
-    })
-    it('toggles the active query field when clicked', () => {
-      const refetch = jest.fn()
-      const wrapper = shallow(
-        <FilterField
-          field="public"
-          queryVariables={{ filterBy: { public: true } }}
-          refetch={refetch}
-        />,
-      )
-      wrapper.simulate('click')
-      expect(refetch).toHaveBeenCalledWith({ filterBy: { public: false } })
-    })
-    it('switches to a new query field when clicked', () => {
-      const refetch = jest.fn()
-      const wrapper = shallow(
-        <FilterField
-          field="public"
-          queryVariables={{ filterBy: { shared: true } }}
-          refetch={refetch}
-        />,
-      )
-      wrapper.simulate('click')
-      expect(refetch).toHaveBeenCalledWith({ filterBy: { public: true } })
-    })
-    it('preserves unrelated fields when toggled', () => {
-      const refetch = jest.fn()
-      const wrapper = shallow(
-        <FilterField
-          field="public"
-          queryVariables={{
-            orderBy: { downloads: 'ascending' },
-            filterBy: { public: true },
-          }}
-          refetch={refetch}
-        />,
-      )
-      wrapper.simulate('click')
-      expect(refetch).toHaveBeenCalledWith({
-        filterBy: { public: false },
-        orderBy: { downloads: 'ascending' },
-      })
-    })
-  })
-})

package/src/scripts/datalad/dashboard/datasets/__tests__/dataset-query.spec.jsx

@@ -1,72 +0,0 @@
-import { updateQuery } from '../dataset-query.jsx'
-
-describe('dashboard/datasets/DatasetQuery', () => {
-  describe('updateQuery()', () => {
-    it('includes typename in result', () => {
-      // This led to an error on the id property but __typename just needs to be included
-      expect(
-        updateQuery(
-          {
-            datasets: {
-              __typename: 'testType',
-              edges: [{ node: { id: 1 } }, { node: { id: 2 } }],
-            },
-          },
-          {
-            fetchMoreResult: {
-              datasets: {
-                edges: [{ node: { id: 3 } }, { node: { id: 4 } }],
-                pageInfo: {},
-              },
-            },
-          },
-        ),
-      ).toHaveProperty('datasets.__typename')
-    })
-    it('merges datasets from previousResult with fetchMoreResult', () => {
-      expect(
-        updateQuery(
-          {
-            datasets: {
-              __typename: 'testType',
-              edges: [{ node: { id: 1 } }, { node: { id: 2 } }],
-            },
-          },
-          {
-            fetchMoreResult: {
-              datasets: {
-                edges: [{ node: { id: 3 } }, { node: { id: 4 } }],
-                pageInfo: {},
-              },
-            },
-          },
-        ).datasets.edges,
-      ).toEqual([
-        { node: { id: 1 } },
-        { node: { id: 2 } },
-        { node: { id: 3 } },
-        { node: { id: 4 } },
-      ])
-    })
-    it('does not produce duplicate ids after merge', () => {
-      expect(
-        updateQuery(
-          {
-            datasets: {
-              __typename: 'testType',
-              edges: [{ node: { id: 1 } }, { node: { id: 3 } }],
-            },
-          },
-          {
-            fetchMoreResult: {
-              datasets: {
-                edges: [{ node: { id: 3 } }, { node: { id: 4 } }],
-                pageInfo: {},
-              },
-            },
-          },
-        ).datasets.edges,
-      ).toEqual([{ node: { id: 1 } }, { node: { id: 3 } }, { node: { id: 4 } }])
-    })
-  })
-})

package/src/scripts/datalad/dashboard/datasets/__tests__/dataset-row-skeleton.spec.jsx

@@ -1,9 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import DatasetRowSkeleton from '../dataset-row-skeleton.jsx'
-
-describe('dashboard/datasets/DatasetRowSkeleton', () => {
-  it('renders successfully', () => {
-    expect(shallow(<DatasetRowSkeleton />)).toMatchSnapshot()
-  })
-})

package/src/scripts/datalad/dashboard/datasets/__tests__/dataset-row.spec.jsx

@@ -1,53 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import DatasetRow, { genLinkTarget } from '../dataset-row.jsx'
-
-const dataset = {
-  id: 'ds000001',
-  draft: {
-    description: {
-      Name: 'test dataset',
-    },
-  },
-  snapshots: [],
-}
-
-describe('dashboard/datasets/DatasetRow', () => {
-  it('renders successfully', () => {
-    expect(shallow(<DatasetRow dataset={dataset} />)).toMatchSnapshot()
-  })
-  describe('getLinkTarget', () => {
-    it('creates a draft link for datasets with no snapshots', () => {
-      const mockDataset = {
-        id: 'ds000001',
-        snapshots: [],
-      }
-      expect(genLinkTarget(mockDataset, true)).toBe('/datasets/ds000001')
-    })
-    it('creates a snapshot link for datasets with snapshots', () => {
-      const mockDataset = {
-        id: 'ds000001',
-        snapshots: [
-          {
-            id: 'ds000001:1.0.0',
-            created: new Date('2019-01-16T02:50:02.086Z'),
-            tag: '1.0.0',
-          },
-          {
-            id: 'ds000001:2.0.0',
-            created: new Date('2019-01-16T02:51:09.420Z'),
-            tag: '2.0.0',
-          },
-          {
-            id: 'ds000001:1.0.1',
-            created: new Date('2019-01-16T02:50:05.086Z'),
-            tag: '1.0.1',
-          },
-        ],
-      }
-      expect(genLinkTarget(mockDataset, true)).toBe(
-        '/datasets/ds000001/versions/2.0.0',
-      )
-    })
-  })
-})