@openneuro/app 4.20.4 → 4.20.6-alpha.2

package/src/scripts/dataset/fragments/text-array-input.tsx

@@ -1,24 +1,24 @@
-import React, { useState, createRef } from 'react'
-import PropTypes from 'prop-types'
-import styled from '@emotion/styled'
+import React, { createRef, useState } from "react"
+import PropTypes from "prop-types"
+import styled from "@emotion/styled"
 
 const Container = styled.div({
-  position: 'relative',
-  width: '100%',
-  height: '3rem',
-  marginTop: '30px',
-  backgroundColor: 'white',
-  borderRadius: '4px',
+  position: "relative",
+  width: "100%",
+  height: "3rem",
+  marginTop: "30px",
+  backgroundColor: "white",
+  borderRadius: "4px",
   border: 0,
 })
 
 const centerLabelStyles = {
-  top: '1rem',
-  fontSize: '1em',
+  top: "1rem",
+  fontSize: "1em",
 }
 const pushedUpLabelStyles = {
-  top: '-17px',
-  fontSize: '0.75em',
+  top: "-17px",
+  fontSize: "0.75em",
 }
 
 interface TextArrayInputLabelProps {
@@ -28,36 +28,36 @@ interface TextArrayInputLabelProps {
 
 const Label = styled.label<TextArrayInputLabelProps>(
   {
-    position: 'absolute',
-    left: '1rem',
-    right: '1rem',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis',
-    color: '#999',
-    transition: 'top 100ms, font-size 100ms',
-    transitionTimingFunction: 'ease-out',
-    textAlign: 'left',
+    position: "absolute",
+    left: "1rem",
+    right: "1rem",
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis",
+    color: "#999",
+    transition: "top 100ms, font-size 100ms",
+    transitionTimingFunction: "ease-out",
+    textAlign: "left",
   },
   ({ hasValue, hasFocus }) => ({
     ...(hasValue || hasFocus ? pushedUpLabelStyles : centerLabelStyles),
-    ':focus': pushedUpLabelStyles,
+    ":focus": pushedUpLabelStyles,
   }),
 )
 const DisabledIcon = styled.i({
-  '&&': {
-    position: 'absolute',
-    top: '0.4rem',
-    right: '0.4rem',
-    color: '#5cb85c',
-    fontSize: '8px',
+  "&&": {
+    position: "absolute",
+    top: "0.4rem",
+    right: "0.4rem",
+    color: "#5cb85c",
+    fontSize: "8px",
   },
 })
 const Input = styled.input({
-  width: '100%',
-  height: '100%',
-  padding: '13px',
-  textAlign: 'left',
+  width: "100%",
+  height: "100%",
+  padding: "13px",
+  textAlign: "left",
 })
 
 const TextArrayInput = ({
@@ -83,7 +83,7 @@ const TextArrayInput = ({
   }
 
   const handleChange = (e): void => {
-    onChange(e.target.name, e.target.value.split(','))
+    onChange(e.target.name, e.target.value.split(","))
   }
 
   return (
@@ -92,14 +92,15 @@ const TextArrayInput = ({
         htmlFor={name}
         hasValue={Boolean(value)}
         hasFocus={hasFocus}
-        onClick={focusInput}>
+        onClick={focusInput}
+      >
         {label}
       </Label>
       {annotated && <DisabledIcon className="fa fa-asterisk" />}
       <Input
         ref={input}
         name={name}
-        value={value.join(', ')}
+        value={value.join(", ")}
         disabled={disabled}
         required={required}
         onFocus={focusInput}

package/src/scripts/dataset/fragments/text-input.tsx

@@ -1,6 +1,6 @@
-import React, { useState, createRef } from 'react'
-import PropTypes from 'prop-types'
-import styled from '@emotion/styled'
+import React, { createRef, useState } from "react"
+import PropTypes from "prop-types"
+import styled from "@emotion/styled"
 
 interface TextInputContainerProps {
   textarea: boolean
@@ -8,27 +8,25 @@ interface TextInputContainerProps {
 
 const Container = styled.div<TextInputContainerProps>(
   {
-    position: 'relative',
-    width: '100%',
-    height: '3rem',
-    marginTop: '30px',
-    backgroundColor: 'white',
-    borderRadius: '4px',
+    position: "relative",
+    width: "100%",
+    height: "3rem",
+    marginTop: "30px",
+    backgroundColor: "white",
+    borderRadius: "4px",
   },
   ({ textarea }) =>
-    textarea
-      ? {}
-      : {
-          height: '3rem',
-        },
+    textarea ? {} : {
+      height: "3rem",
+    },
 )
 const centerLabelStyles = {
-  top: '13px',
-  fontSize: '1em',
+  top: "13px",
+  fontSize: "1em",
 }
 const pushedUpLabelStyles = {
-  top: '-17px',
-  fontSize: '0.75em',
+  top: "-17px",
+  fontSize: "0.75em",
 }
 
 interface TextInputLabelProps {
@@ -38,42 +36,42 @@ interface TextInputLabelProps {
 
 const Label = styled.label<TextInputLabelProps>(
   {
-    position: 'absolute',
-    left: '1rem',
-    right: '1rem',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    textOverflow: 'ellipsis',
-    color: '#999',
-    transition: 'top 100ms, font-size 100ms',
-    transitionTimingFunction: 'ease-out',
-    textAlign: 'left',
+    position: "absolute",
+    left: "1rem",
+    right: "1rem",
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis",
+    color: "#999",
+    transition: "top 100ms, font-size 100ms",
+    transitionTimingFunction: "ease-out",
+    textAlign: "left",
   },
   ({ hasValue, hasFocus }) => ({
     ...(hasValue || hasFocus ? pushedUpLabelStyles : centerLabelStyles),
-    ':focus': pushedUpLabelStyles,
+    ":focus": pushedUpLabelStyles,
   }),
 )
 const DisabledIcon = styled.i({
-  '&&': {
-    position: 'absolute',
-    top: '0.4rem',
-    right: '0.4rem',
-    color: '#5cb85c',
-    fontSize: '8px',
+  "&&": {
+    position: "absolute",
+    top: "0.4rem",
+    right: "0.4rem",
+    color: "#5cb85c",
+    fontSize: "8px",
   },
 })
 const Input = styled.input({
-  width: '100%',
-  height: '100%',
-  padding: '13px',
-  textAlign: 'left',
+  width: "100%",
+  height: "100%",
+  padding: "13px",
+  textAlign: "left",
 })
 const Textarea = styled.textarea({
-  width: '100%',
-  borderRadius: '5px',
-  textAlign: 'left',
-  padding: '13px',
+  width: "100%",
+  borderRadius: "5px",
+  textAlign: "left",
+  padding: "13px",
 })
 const HoverMessage = styled.span`
   position: relative;
@@ -109,7 +107,7 @@ const TextInput = ({
 }): React.ReactElement => {
   if (value === null || value === undefined) {
     if (nullMessage) value = nullMessage
-    else value = ''
+    else value = ""
   } else value = value.toString()
   const [hasFocus, setHasFocus] = useState(false)
   const [isShown, setIsShown] = useState(false)
@@ -145,43 +143,46 @@ const TextInput = ({
         }}
         onMouseLeave={(): void => {
           setIsShown(false)
-        }}>
+        }}
+      >
         {label}
       </Label>
       {annotated && <DisabledIcon className="fa fa-asterisk" />}
-      {textarea ? (
-        <Textarea
-          ref={textAreaRef}
-          name={name}
-          value={value}
-          onFocus={focusInput}
-          onBlur={removeFocus}
-          onChange={handleChange}
-          onMouseEnter={(): void => {
-            setIsShown(true)
-          }}
-          onMouseLeave={(): void => {
-            setIsShown(false)
-          }}
-        />
-      ) : (
-        <Input
-          ref={inputRef}
-          name={name}
-          value={value}
-          disabled={disabled}
-          onFocus={focusInput}
-          onBlur={removeFocus}
-          onChange={handleChange}
-          required={required}
-          onMouseEnter={(): void => {
-            setIsShown(true)
-          }}
-          onMouseLeave={(): void => {
-            setIsShown(false)
-          }}
-        />
-      )}
+      {textarea
+        ? (
+          <Textarea
+            ref={textAreaRef}
+            name={name}
+            value={value}
+            onFocus={focusInput}
+            onBlur={removeFocus}
+            onChange={handleChange}
+            onMouseEnter={(): void => {
+              setIsShown(true)
+            }}
+            onMouseLeave={(): void => {
+              setIsShown(false)
+            }}
+          />
+        )
+        : (
+          <Input
+            ref={inputRef}
+            name={name}
+            value={value}
+            disabled={disabled}
+            onFocus={focusInput}
+            onBlur={removeFocus}
+            onChange={handleChange}
+            required={required}
+            onMouseEnter={(): void => {
+              setIsShown(true)
+            }}
+            onMouseLeave={(): void => {
+              setIsShown(false)
+            }}
+          />
+        )}
       {isShown && hoverText && <HoverMessage>{hoverText}</HoverMessage>}
     </Container>
   )

package/src/scripts/dataset/mutations/__tests__/cache-id.spec.js

@@ -1,9 +1,9 @@
-import { datasetCacheId } from '../cache-id.js'
+import { datasetCacheId } from "../cache-id.js"
 
-describe('Mutation cache ids', () => {
-  describe('datasetCacheId()', () => {
-    it('returns the expected cache id for a dataset', () => {
-      expect(datasetCacheId('ds000005')).toEqual('Dataset:ds000005')
+describe("Mutation cache ids", () => {
+  describe("datasetCacheId()", () => {
+    it("returns the expected cache id for a dataset", () => {
+      expect(datasetCacheId("ds000005")).toEqual("Dataset:ds000005")
     })
   })
 })

package/src/scripts/dataset/mutations/__tests__/delete-file.spec.jsx

@@ -1,192 +1,194 @@
-import { fileCacheDeleteFilter } from '../delete-file.jsx'
+import { fileCacheDeleteFilter } from "../delete-file.jsx"
 
-describe('DeleteFile mutation', () => {
-  describe('fileCacheDeleteFilter', () => {
-    it('removes a deleted file', () => {
+describe("DeleteFile mutation", () => {
+  describe("fileCacheDeleteFilter", () => {
+    it("removes a deleted file", () => {
       expect(
         fileCacheDeleteFilter(
           {
-            id: 'DatasetFile:abcdef',
-            key: 'cdefgh',
-            filename: 'sub-01:anat:sub-01_T1w.nii.gz',
+            id: "DatasetFile:abcdef",
+            key: "cdefgh",
+            filename: "sub-01:anat:sub-01_T1w.nii.gz",
             directory: false,
           },
-          'sub-01:anat',
-          'sub-01_T1w.nii.gz',
+          "sub-01:anat",
+          "sub-01_T1w.nii.gz",
           [],
         ),
       ).toBe(false)
     })
-    it('does not remove a present file', () => {
+    it("does not remove a present file", () => {
       expect(
         fileCacheDeleteFilter(
           {
-            id: 'DatasetFile:abcdef',
-            key: 'cdefgh',
-            filename: 'sub-02:anat:sub-02_T1w.nii.gz',
+            id: "DatasetFile:abcdef",
+            key: "cdefgh",
+            filename: "sub-02:anat:sub-02_T1w.nii.gz",
             directory: false,
           },
-          'sub-01:anat',
-          'sub-01_T1w.nii.gz',
+          "sub-01:anat",
+          "sub-01_T1w.nii.gz",
           [],
         ),
       ).toBe(true)
     })
-    it('removes a matching directory', () => {
+    it("removes a matching directory", () => {
       expect(
         fileCacheDeleteFilter(
           {
-            id: 'DatasetFile:abcdef',
-            key: 'cdefgh',
-            filename: 'sub-01:anat',
+            id: "DatasetFile:abcdef",
+            key: "cdefgh",
+            filename: "sub-01:anat",
             directory: true,
           },
-          'sub-01:anat',
-          '',
+          "sub-01:anat",
+          "",
           [],
         ),
       ).toBe(false)
     })
-    it('removes empty directories with a child being deleted', () => {
+    it("removes empty directories with a child being deleted", () => {
       const cachedFileObjects = [
         {
-          __typename: 'DatasetFile',
-          id: '3d9b15b3ef4e9da06e265e6078d3b4ddf8495102',
-          key: 'c2ee90bf6c477b9e808e2b649a9492e947493297',
-          filename: 'CHANGES',
+          __typename: "DatasetFile",
+          id: "3d9b15b3ef4e9da06e265e6078d3b4ddf8495102",
+          key: "c2ee90bf6c477b9e808e2b649a9492e947493297",
+          filename: "CHANGES",
           directory: false,
         },
         {
-          __typename: 'DatasetFile',
-          id: '63888a199a5ce37377b1cd708cda59577dad218f',
-          key: 'fa84e5f958ec72d42b3e196e592f6db9f7104b19',
-          filename: 'README',
+          __typename: "DatasetFile",
+          id: "63888a199a5ce37377b1cd708cda59577dad218f",
+          key: "fa84e5f958ec72d42b3e196e592f6db9f7104b19",
+          filename: "README",
           directory: false,
         },
         {
-          __typename: 'DatasetFile',
-          id: 'aef1717a00106adc115f64990944d86e154d3e03',
-          key: 'e652e8add021fe2684ce2404b431dee4315c9c95',
-          filename: 'dataset_description.json',
+          __typename: "DatasetFile",
+          id: "aef1717a00106adc115f64990944d86e154d3e03",
+          key: "e652e8add021fe2684ce2404b431dee4315c9c95",
+          filename: "dataset_description.json",
           directory: false,
         },
         {
-          __typename: 'DatasetFile',
-          id: '0a2a5d8d72a31f03608db59c4cfd650aba77c363',
-          key: 'b08aa0ec5b5e716479824859524a22140fb2af82',
-          filename: 'T1w.json',
+          __typename: "DatasetFile",
+          id: "0a2a5d8d72a31f03608db59c4cfd650aba77c363",
+          key: "b08aa0ec5b5e716479824859524a22140fb2af82",
+          filename: "T1w.json",
           directory: false,
         },
         {
-          __typename: 'DatasetFile',
-          id: 'f682a32c9538082fa6c8ad11e9a536dc07d1d0cf',
-          key: '37ecbdc7ab8ffaf2cddecc338092f6679089287d',
-          filename: 'participants.tsv',
+          __typename: "DatasetFile",
+          id: "f682a32c9538082fa6c8ad11e9a536dc07d1d0cf",
+          key: "37ecbdc7ab8ffaf2cddecc338092f6679089287d",
+          filename: "participants.tsv",
           directory: false,
         },
         {
-          __typename: 'DatasetFile',
-          id: 'c2ffc386e99bb26fbfc0d6bb33713b91b95a51f2',
+          __typename: "DatasetFile",
+          id: "c2ffc386e99bb26fbfc0d6bb33713b91b95a51f2",
           key: null,
-          filename: 'sub-01',
+          filename: "sub-01",
           directory: true,
         },
         {
-          __typename: 'DatasetFile',
-          id: '141c63f3373f17477c83f42c9fab01e6825052a0',
+          __typename: "DatasetFile",
+          id: "141c63f3373f17477c83f42c9fab01e6825052a0",
           key: null,
-          filename: 'sub-02',
+          filename: "sub-02",
           directory: true,
         },
         {
-          __typename: 'DatasetFile',
-          id: '635818b25263badb6d105aab8e33822f54ebbecf',
+          __typename: "DatasetFile",
+          id: "635818b25263badb6d105aab8e33822f54ebbecf",
           key: null,
-          filename: 'sub-02:anat',
+          filename: "sub-02:anat",
           directory: true,
         },
         {
-          __typename: 'DatasetFile',
-          id: 'b6f937773aa2130aa9d06fc3024cd1b150baa70b',
-          key: 'SHA256E-s311112--c3527d7944a9619afb57863a34e6af7ec3fe4f108e56c860d9e700699ff806fb.nii.gz',
-          filename: 'sub-02:anat:sub-02_T1w.nii.gz',
+          __typename: "DatasetFile",
+          id: "b6f937773aa2130aa9d06fc3024cd1b150baa70b",
+          key:
+            "SHA256E-s311112--c3527d7944a9619afb57863a34e6af7ec3fe4f108e56c860d9e700699ff806fb.nii.gz",
+          filename: "sub-02:anat:sub-02_T1w.nii.gz",
           directory: false,
         },
       ]
       expect(
         fileCacheDeleteFilter(
           {
-            id: '141c63f3373f17477c83f42c9fab01e6825052a0',
+            id: "141c63f3373f17477c83f42c9fab01e6825052a0",
             key: null,
-            filename: 'sub-02',
+            filename: "sub-02",
             directory: true,
           },
-          'sub-02:anat',
-          'sub-02_T1w.nii.gz',
+          "sub-02:anat",
+          "sub-02_T1w.nii.gz",
           cachedFileObjects,
         ),
       ).toBe(false)
       expect(
         fileCacheDeleteFilter(
           {
-            id: '635818b25263badb6d105aab8e33822f54ebbecf',
+            id: "635818b25263badb6d105aab8e33822f54ebbecf",
             key: null,
-            filename: 'sub-02:anat',
+            filename: "sub-02:anat",
             directory: true,
           },
-          'sub-02:anat',
-          'sub-02_T1w.nii.gz',
+          "sub-02:anat",
+          "sub-02_T1w.nii.gz",
           cachedFileObjects,
         ),
       ).toBe(false)
       expect(
         fileCacheDeleteFilter(
           {
-            id: 'b6f937773aa2130aa9d06fc3024cd1b150baa70b',
-            key: 'SHA256E-s311112--c3527d7944a9619afb57863a34e6af7ec3fe4f108e56c860d9e700699ff806fb.nii.gz',
-            filename: 'sub-02:anat:sub-02_T1w.nii.gz',
+            id: "b6f937773aa2130aa9d06fc3024cd1b150baa70b",
+            key:
+              "SHA256E-s311112--c3527d7944a9619afb57863a34e6af7ec3fe4f108e56c860d9e700699ff806fb.nii.gz",
+            filename: "sub-02:anat:sub-02_T1w.nii.gz",
             directory: false,
           },
-          'sub-02:anat',
-          'sub-02_T1w.nii.gz',
+          "sub-02:anat",
+          "sub-02_T1w.nii.gz",
           cachedFileObjects,
         ),
       ).toBe(false)
     })
-    it('does not remove non-empty directories with a child being deleted', () => {
+    it("does not remove non-empty directories with a child being deleted", () => {
       expect(
         fileCacheDeleteFilter(
           {
-            id: 'DatasetFile:abcdef',
-            key: 'cdefgh',
-            filename: 'sub-02:anat',
+            id: "DatasetFile:abcdef",
+            key: "cdefgh",
+            filename: "sub-02:anat",
             directory: true,
           },
-          '',
-          'sub-02:anat:sub-02_T1w.json',
+          "",
+          "sub-02:anat:sub-02_T1w.json",
           [
             {
-              id: 'DatasetFile:123456',
-              key: 'cdefgh',
-              filename: 'sub-02:anat:sub-02_T1w.nii.gz',
+              id: "DatasetFile:123456",
+              key: "cdefgh",
+              filename: "sub-02:anat:sub-02_T1w.nii.gz",
               directory: false,
             },
           ],
         ),
       ).toBe(true)
     })
-    it('does not remove directories that are empty but not having a child deleted', () => {
+    it("does not remove directories that are empty but not having a child deleted", () => {
       // This is also false because the directory has no files in cachedFileObjects
       expect(
         fileCacheDeleteFilter(
           {
-            id: 'DatasetFile:abcdef',
-            key: 'cdefgh',
-            filename: 'sub-02:anat',
+            id: "DatasetFile:abcdef",
+            key: "cdefgh",
+            filename: "sub-02:anat",
             directory: true,
           },
-          'sub-01:anat',
-          '',
+          "sub-01:anat",
+          "",
           [],
         ),
       ).toBe(true)

package/src/scripts/dataset/mutations/__tests__/delete.spec.jsx

@@ -1,16 +1,16 @@
-import React from 'react'
-import { render, fireEvent, screen } from '@testing-library/react'
-import { MockedProvider } from '@apollo/client/testing'
-import DeleteDataset, { DELETE_DATASET } from '../delete.jsx'
+import React from "react"
+import { fireEvent, render, screen } from "@testing-library/react"
+import { MockedProvider } from "@apollo/client/testing"
+import DeleteDataset, { DELETE_DATASET } from "../delete.jsx"
 
-const datasetId = 'ds999999'
+const datasetId = "ds999999"
 
 const deleteDatasetMock = {
   request: {
     query: DELETE_DATASET,
     variables: {
       id: datasetId,
-      reason: 'test suite delete',
+      reason: "test suite delete",
     },
   },
   newData: vi.fn(() => ({
@@ -18,8 +18,8 @@ const deleteDatasetMock = {
   })),
 }
 
-describe('DeleteDataset mutation', () => {
-  it('renders with common props', () => {
+describe("DeleteDataset mutation", () => {
+  it("renders with common props", () => {
     const { asFragment } = render(
       <MockedProvider mocks={[deleteDatasetMock]} addTypename={false}>
         <DeleteDataset datasetId="ds001" />