@openneuro/app 4.2.0 → 4.2.4

package/src/scripts/datalad/dashboard/datasets/dataset-tab.jsx

@@ -1,192 +0,0 @@
-import { apm } from '../../../apm'
-import React, { useEffect } from 'react'
-import PropTypes from 'prop-types'
-import Helmet from 'react-helmet'
-import { pageTitle } from '../../../resources/strings'
-import Spinner from '../../../common/partials/spinner.jsx'
-import SearchInput from '../../../search/search-input'
-import DatasetVirtualScroller from './dataset-virtual-scroller.jsx'
-import DatasetSorter from './dataset-sorter.jsx'
-import DatasetFilter from './dataset-filter.jsx'
-import ErrorBoundary from '../../../errors/errorBoundary.jsx'
-import styled from '@emotion/styled'
-import { Media } from '../../../styles/media'
-
-const FullHeightFlexDiv = styled.div`
-  display: flex;
-  flex-direction: column;
-  flex: 0 1 auto;
-`
-
-const MobileLabel = styled.label`
-  text-transform: uppercase;
-  font-size: 10px;
-  font-weight: 600;
-  color: #777;
-  margin: 10px 10px 7px 10px;
-`
-
-const title = (isPublic, isSaved) =>
-  isPublic
-    ? 'Public Dataset Results'
-    : isSaved
-    ? 'Saved Datasets'
-    : 'My Datasets'
-
-const DatasetTabLoaded = ({ datasets, loadMoreRows, publicDashboard }) => {
-  if (datasets && datasets.edges && datasets.edges.length) {
-    return (
-      <DatasetVirtualScroller
-        datasets={datasets.edges}
-        pageInfo={datasets.pageInfo}
-        loadMoreRows={loadMoreRows}
-        publicDashboard={publicDashboard}
-      />
-    )
-  } else {
-    return (
-      <div className="panel panel-heading text-center">
-        <h4>Zero datasets found</h4>
-        No datasets match your current filters.
-      </div>
-    )
-  }
-}
-
-const DatasetTabSortWrap = ({ children }) => (
-  <>
-    <Media at="small">
-      <div>{children}</div>
-    </Media>
-    <Media greaterThanOrEqual="medium">
-      <div className="filters-sort-wrap clearfix">{children}</div>
-    </Media>
-  </>
-)
-
-DatasetTabSortWrap.propTypes = {
-  children: PropTypes.element.isRequired,
-}
-
-const DatasetTabSortClearfix = ({ children }) => (
-  <>
-    <Media at="small">
-      <div>{children}</div>
-    </Media>
-    <Media greaterThanOrEqual="medium">
-      <div className="sort clearfix">{children}</div>
-    </Media>
-  </>
-)
-
-DatasetTabSortClearfix.propTypes = {
-  children: PropTypes.element.isRequired,
-}
-
-const DatasetTab = ({
-  data,
-  loadMoreRows,
-  refetch,
-  queryVariables,
-  loading,
-  error,
-  publicDashboard,
-  savedDashboard,
-}) => {
-  useEffect(() => {
-    if (error) {
-      if (data.datasets) {
-        // show datasets
-        apm.captureError(error)
-      } else {
-        // direct to freshdesk
-        throw error
-      }
-    }
-  }, [error, data])
-  return (
-    <FullHeightFlexDiv className="dashboard-dataset-teasers datasets datasets-private">
-      <Helmet>
-        <title>
-          {title(publicDashboard, savedDashboard)} - {pageTitle}
-        </title>
-      </Helmet>
-      <div className="header-filter-sort clearfix">
-        <div className="admin header-wrap clearfix">
-          <div className="row">
-            <Media at="small">
-              <div className="col-md-7">
-                <SearchInput />
-              </div>
-            </Media>
-            <div className="col-md-5">
-              <h2>{title(publicDashboard, savedDashboard)}</h2>
-              <Media at="small">
-                {!loading && (
-                  <h6>
-                    {data.datasets
-                      ? `Results ${data.datasets.pageInfo.count}`
-                      : 'Zero results'}{' '}
-                  </h6>
-                )}
-              </Media>
-            </div>
-            <Media greaterThanOrEqual="medium">
-              <div className="col-md-7">
-                <SearchInput />
-              </div>
-            </Media>
-          </div>
-        </div>
-        <DatasetTabSortWrap>
-          <>
-            <DatasetTabSortClearfix>
-              <>
-                <Media greaterThanOrEqual="medium">
-                  <label>Sort by:</label>
-                </Media>
-                <DatasetSorter
-                  refetch={refetch}
-                  queryVariables={queryVariables}
-                />
-              </>
-            </DatasetTabSortClearfix>
-            {publicDashboard || savedDashboard ? null : (
-              <div className="filters">
-                <MobileLabel>Filter by:</MobileLabel>
-                <DatasetFilter
-                  refetch={refetch}
-                  queryVariables={queryVariables}
-                />
-              </div>
-            )}
-          </>
-        </DatasetTabSortWrap>
-      </div>
-      {loading ? (
-        <Spinner text="Loading Datasets" active />
-      ) : (
-        <ErrorBoundary subject={'error in dashboard dataset tab'}>
-          <DatasetTabLoaded
-            datasets={data.datasets}
-            loadMoreRows={loadMoreRows}
-            publicDashboard={publicDashboard}
-          />
-        </ErrorBoundary>
-      )}
-    </FullHeightFlexDiv>
-  )
-}
-
-DatasetTab.propTypes = {
-  data: PropTypes.object,
-  loadMoreRows: PropTypes.func,
-  refetch: PropTypes.func,
-  queryVariables: PropTypes.object,
-  loading: PropTypes.bool,
-  publicDashboard: PropTypes.bool,
-  savedDashboard: PropTypes.bool,
-  error: PropTypes.object,
-}
-
-export default DatasetTab

package/src/scripts/datalad/dashboard/datasets/dataset-virtual-scroller.jsx

@@ -1,126 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import {
-  InfiniteLoader,
-  List,
-  AutoSizer,
-  WindowScroller,
-} from 'react-virtualized'
-import DatasetRow from './dataset-row.jsx'
-import DatasetRowSkeleton from './dataset-row-skeleton.jsx'
-import DatasetRowErrorBoundary from './dataset-row-error-boundary.jsx'
-import styled from '@emotion/styled'
-
-const FlexParent = styled.div`
-  display: flex;
-  flex-flow: column;
-  height: 100%;
-  flex: 1 1 auto;
-`
-
-const FlexFullHeight = styled.div`
-  flex: 1 1 auto;
-  white-space: nowrap;
-  @media (max-width: 765px) {
-    width: 100%;
-  }
-`
-
-class DatasetVirtualScroller extends React.Component {
-  _isRowLoaded = ({ index }) => {
-    return index < this.props.datasets.length
-  }
-
-  _rowRender = ({ key, index, style }) => {
-    if (this._isRowLoaded({ index })) {
-      return (
-        <div key={key} style={style}>
-          <DatasetRowErrorBoundary
-            datasetId={this.props.datasets[index].node.id}>
-            <DatasetRow
-              dataset={this.props.datasets[index].node}
-              publicDashboard={this.props.publicDashboard}
-            />
-          </DatasetRowErrorBoundary>
-        </div>
-      )
-    } else {
-      return (
-        <div key={key} style={style}>
-          <DatasetRowSkeleton />
-        </div>
-      )
-    }
-  }
-
-  _autosizeRender = (onRowsRendered, registerChild, height, scrollTop) => ({
-    width,
-  }) => (
-    <List
-      className="fade-in"
-      autoHeight
-      height={height}
-      onRowsRendered={onRowsRendered}
-      ref={registerChild}
-      rowCount={this.props.pageInfo.count}
-      rowHeight={94}
-      rowRenderer={this._rowRender}
-      width={width}
-      scrollTop={scrollTop}
-    />
-  )
-
-  _windowScrollerRender = (onRowsRendered, registerChild) => ({
-    height,
-    scrollTop,
-  }) => (
-    <AutoSizer disableHeight defaultHeight={2048} defaultWidth={1024}>
-      {this._autosizeRender(onRowsRendered, registerChild, height, scrollTop)}
-    </AutoSizer>
-  )
-
-  _loaderRender = ({ onRowsRendered, registerChild }) => (
-    <WindowScroller serverHeight={2048} serverWidth={1024}>
-      {this._windowScrollerRender(onRowsRendered, registerChild)}
-    </WindowScroller>
-  )
-
-  shouldComponentUpdate(nextProps) {
-    if (this.props.datasets.length !== nextProps.datasets.length) {
-      return true
-    }
-    if (
-      this.props.datasets[0].id !== nextProps.datasets[0].id ||
-      this.props.datasets.slice(-1)[0].id !== nextProps.datasets.slice(-1)[0].id
-    ) {
-      return true
-    }
-    return false
-  }
-
-  render() {
-    return (
-      <FlexParent>
-        <FlexFullHeight>
-          <InfiniteLoader
-            isRowLoaded={this._isRowLoaded}
-            loadMoreRows={this.props.loadMoreRows}
-            rowCount={this.props.pageInfo.count}
-            minimumBatchSize={25}
-            threshold={7}>
-            {this._loaderRender}
-          </InfiniteLoader>
-        </FlexFullHeight>
-      </FlexParent>
-    )
-  }
-}
-
-DatasetVirtualScroller.propTypes = {
-  datasets: PropTypes.array,
-  pageInfo: PropTypes.object,
-  loadMoreRows: PropTypes.func,
-  publicDashboard: PropTypes.bool,
-}
-
-export default DatasetVirtualScroller

package/src/scripts/datalad/dashboard/datasets/row-height.jsx

@@ -1,7 +0,0 @@
-import styled from '@emotion/styled'
-
-const RowHeight = styled.div`
-  height: 93px;
-`
-
-export default RowHeight

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

@@ -1,33 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import parseISO from 'date-fns/parseISO'
-import formatDistanceToNow from 'date-fns/formatDistanceToNow'
-
-class Uploaded extends React.PureComponent {
-  render() {
-    const fullname = this.props.uploader ? this.props.uploader.name : ''
-    const dateAdded = this.props.created
-      ? new Date(this.props.created).toISOString().split('T')[0]
-      : ''
-    const timeago = this.props.created
-      ? formatDistanceToNow(parseISO(this.props.created))
-      : ''
-    return (
-      <div className="meta-container">
-        <p className="date">
-          uploaded {this.props.uploader ? 'by ' : ''}
-          <span className="name">{fullname}</span> on{' '}
-          <span className="time-ago">
-            {dateAdded} - {timeago} ago
-          </span>
-        </p>
-      </div>
-    )
-  }
-}
-
-Uploaded.propTypes = {
-  uploader: PropTypes.object,
-  created: PropTypes.string,
-}
-export default Uploaded

package/src/scripts/datalad/dataset/__tests__/__snapshots__/comments.spec.jsx.snap

@@ -1,137 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Comments component recursively renders a tree of comments 1`] = `
-<Comments
-  comments={
-    Array [
-      Object {
-        "id": "xyz",
-        "replies": Array [
-          Object {
-            "id": "xyz",
-            "replies": Array [],
-            "text": "{\\"blocks\\":[{\\"key\\":\\"3sm42\\",\\"text\\":\\"\\",\\"type\\":\\"unstyled\\",\\"depth\\":0,\\"inlineStyleRanges\\":[],\\"entityRanges\\":[],\\"data\\":{}}],\\"entityMap\\":{}}",
-            "user": Object {
-              "email": "example@example.com",
-              "id": "1234",
-            },
-          },
-        ],
-        "text": "{\\"blocks\\":[{\\"key\\":\\"3sm42\\",\\"text\\":\\"\\",\\"type\\":\\"unstyled\\",\\"depth\\":0,\\"inlineStyleRanges\\":[],\\"entityRanges\\":[],\\"data\\":{}}],\\"entityMap\\":{}}",
-        "user": Object {
-          "email": "example@example.com",
-          "id": "1234",
-        },
-      },
-    ]
-  }
-  datasetId="ds000001"
->
-  <div
-    className="col-xs-12"
-  >
-    <div
-      className="dataset-comments"
-    >
-      <h2>
-        Comments
-      </h2>
-      <ErrorBoundary
-        subject="error in dataset comments"
-      >
-        <LoggedIn />
-        <LoggedOut>
-          <div>
-            Please sign in to contribute to the discussion.
-          </div>
-        </LoggedOut>
-        <CommentTree
-          commentMap={
-            Object {
-              "xyz": Object {
-                "id": "xyz",
-                "replies": Array [
-                  Object {
-                    "id": "xyz",
-                    "replies": Array [],
-                    "text": "{\\"blocks\\":[{\\"key\\":\\"3sm42\\",\\"text\\":\\"\\",\\"type\\":\\"unstyled\\",\\"depth\\":0,\\"inlineStyleRanges\\":[],\\"entityRanges\\":[],\\"data\\":{}}],\\"entityMap\\":{}}",
-                    "user": Object {
-                      "email": "example@example.com",
-                      "id": "1234",
-                    },
-                  },
-                ],
-                "text": "{\\"blocks\\":[{\\"key\\":\\"3sm42\\",\\"text\\":\\"\\",\\"type\\":\\"unstyled\\",\\"depth\\":0,\\"inlineStyleRanges\\":[],\\"entityRanges\\":[],\\"data\\":{}}],\\"entityMap\\":{}}",
-                "user": Object {
-                  "email": "example@example.com",
-                  "id": "1234",
-                },
-              },
-            }
-          }
-          comments={Array []}
-          datasetId="ds000001"
-        />
-      </ErrorBoundary>
-    </div>
-  </div>
-</Comments>
-`;
-
-exports[`Comments component renders one top level comment 1`] = `
-<Comments
-  comments={
-    Array [
-      Object {
-        "id": "xyz",
-        "replies": Array [],
-        "text": "{\\"blocks\\":[{\\"key\\":\\"3sm42\\",\\"text\\":\\"\\",\\"type\\":\\"unstyled\\",\\"depth\\":0,\\"inlineStyleRanges\\":[],\\"entityRanges\\":[],\\"data\\":{}}],\\"entityMap\\":{}}",
-        "user": Object {
-          "email": "example@example.com",
-          "id": "1234",
-        },
-      },
-    ]
-  }
-  datasetId="ds000001"
->
-  <div
-    className="col-xs-12"
-  >
-    <div
-      className="dataset-comments"
-    >
-      <h2>
-        Comments
-      </h2>
-      <ErrorBoundary
-        subject="error in dataset comments"
-      >
-        <LoggedIn />
-        <LoggedOut>
-          <div>
-            Please sign in to contribute to the discussion.
-          </div>
-        </LoggedOut>
-        <CommentTree
-          commentMap={
-            Object {
-              "xyz": Object {
-                "id": "xyz",
-                "replies": Array [],
-                "text": "{\\"blocks\\":[{\\"key\\":\\"3sm42\\",\\"text\\":\\"\\",\\"type\\":\\"unstyled\\",\\"depth\\":0,\\"inlineStyleRanges\\":[],\\"entityRanges\\":[],\\"data\\":{}}],\\"entityMap\\":{}}",
-                "user": Object {
-                  "email": "example@example.com",
-                  "id": "1234",
-                },
-              },
-            }
-          }
-          comments={Array []}
-          datasetId="ds000001"
-        />
-      </ErrorBoundary>
-    </div>
-  </div>
-</Comments>
-`;

package/src/scripts/datalad/dataset/__tests__/__snapshots__/dataset-page.spec.jsx.snap

@@ -1,69 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DatasetPage component renders with common props 1`] = `
-<div
-  className="page dataset"
->
-  <div
-    className="open dataset-container"
-  >
-    <LeftSidebar
-      dataset={
-        Object {
-          "draft": Object {
-            "modified": "2018-10-10",
-          },
-          "id": "1234",
-          "snapshots": Array [],
-        }
-      }
-      datasetId="1234"
-      draftModified="2018-10-10"
-      snapshots={Array []}
-    />
-    <span
-      className="show-nav-btn"
-      onClick={[Function]}
-    >
-      <i
-        aria-hidden="true"
-        className="fa fa-angle-double-left"
-      />
-    </span>
-    <DatasetTools
-      dataset={
-        Object {
-          "draft": Object {
-            "modified": "2018-10-10",
-          },
-          "id": "1234",
-          "snapshots": Array [],
-        }
-      }
-    />
-    <div
-      className="fade-in inner-route dataset-route light"
-    >
-      <div
-        className="clearfix dataset-wrap"
-      >
-        <div
-          className="dataset-animation dataset-inner"
-        >
-          <DatasetMain
-            dataset={
-              Object {
-                "draft": Object {
-                  "modified": "2018-10-10",
-                },
-                "id": "1234",
-                "snapshots": Array [],
-              }
-            }
-          />
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;

package/src/scripts/datalad/dataset/__tests__/__snapshots__/dataset-query.spec.jsx.snap

@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`DatasetQuery component renders with common params 1`] = `
-<Fragment>
-  <DatasetRedirect />
-  <ErrorBoundaryAssertionFailureException
-    subject="error in dataset query"
-  >
-    <DatasetQueryHook
-      datasetId="ds000001"
-      draft={true}
-    />
-  </ErrorBoundaryAssertionFailureException>
-</Fragment>
-`;

package/src/scripts/datalad/dataset/__tests__/__snapshots__/left-siderbar.spec.jsx.snap

@@ -1,85 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`LeftSidebar component SidebarRow renders draft version correctly 1`] = `
-<li
-  key="draft"
->
-  <Link
-    className=""
-    to="/datasets/ds000001"
-  >
-    <div
-      className="clearfix"
-    >
-      <div
-        className=" col-xs-12"
-      >
-        <span
-          className="dataset-type"
-        />
-        <span
-          className="date-modified"
-        >
-          2019-04-02
-        </span>
-        <span
-          className="icons"
-        />
-      </div>
-    </div>
-  </Link>
-</li>
-`;
-
-exports[`LeftSidebar component SidebarRow renders snapshot version correctly 1`] = `
-<li
-  key="ds000001:1.0.0"
->
-  <Link
-    className="active"
-    to="/datasets/ds000001/versions/undefined"
-  >
-    <div
-      className="clearfix"
-    >
-      <div
-        className=" col-xs-12"
-      >
-        <span
-          className="dataset-type"
-        />
-        <span
-          className="date-modified"
-        >
-          2019-04-02
-        </span>
-        <span
-          className="icons"
-        />
-      </div>
-    </div>
-  </Link>
-</li>
-`;
-
-exports[`LeftSidebar component renders with basic props 1`] = `
-<div
-  className="left-sidebar"
->
-  <span
-    className="slide"
-  >
-    <div
-      className="snapshot-select"
-      role="presentation"
-    >
-      <span>
-        <h3>
-          Versions
-        </h3>
-        <ul />
-      </span>
-    </div>
-  </span>
-</div>
-`;

package/src/scripts/datalad/dataset/__tests__/dataset-page.spec.jsx

@@ -1,33 +0,0 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import DatasetPage from '../dataset-page.jsx'
-
-describe('DatasetPage component', () => {
-  it('renders with common props', () => {
-    expect(
-      shallow(
-        <DatasetPage
-          dataset={{
-            id: '1234',
-            snapshots: [],
-            draft: { modified: '2018-10-10' },
-          }}
-        />,
-      ),
-    ).toMatchSnapshot()
-  })
-  it('hides sidebar when clicked', () => {
-    const wrapper = shallow(
-      <DatasetPage
-        dataset={{
-          id: '1234',
-          snapshots: [],
-          draft: { modified: '2018-10-10' },
-        }}
-      />,
-    )
-    expect(wrapper.find('.dataset-container').hasClass('open')).toBe(true)
-    wrapper.find('.show-nav-btn').simulate('click')
-    expect(wrapper.find('.dataset-container').hasClass('open')).toBe(false)
-  })
-})