feat: CQDG-623 add hasFamily to DownloadFileManifestModal family chec… (

#245)

* feat: CQDG-623 add hasFamily to DownloadFileManifestModal family checkbox

* feat: CQDG-623 hasFamily has default true

src/components/reports/DownloadFileManifestModal/index.tsx

@@ -18,13 +18,15 @@ interface IDownloadFileManifestProps {
   type?: 'default' | 'primary';
   isDisabled?: boolean;
   hasTooManyFiles?: boolean;
+  hasFamily?: boolean;
 }
 
 const DownloadFileManifestModal = ({
   sqon,
   type = 'default',
   isDisabled,
   hasTooManyFiles,
+  hasFamily = true,
 }: IDownloadFileManifestProps) => {
   const dispatch = useDispatch();
 
@@ -66,9 +68,11 @@ const DownloadFileManifestModal = ({
       >
         <p>{intl.get('api.report.fileManifest.text')}</p>
         <p className={styles.subText}>{intl.get('api.report.fileManifest.subText')}</p>
-        <Checkbox checked={isFamilyChecked} onChange={() => setIsFamilyChecked(!isFamilyChecked)}>
-          {intl.get('api.report.fileManifest.textCheckbox')}
-        </Checkbox>
+        {hasFamily && (
+          <Checkbox checked={isFamilyChecked} onChange={() => setIsFamilyChecked(!isFamilyChecked)}>
+            {intl.get('api.report.fileManifest.textCheckbox')}
+          </Checkbox>
+        )}
         {hasTooManyFiles && <TooMuchFilesAlert />}
         {!hasTooManyFiles && isModalVisible && <FilesTable sqon={sqon} />}
       </Modal>

src/graphql/files/queries.ts

@@ -21,6 +21,7 @@ export const GET_FILES = gql`
                 edges {
                   node {
                     participant_id
+                    family_id
                   }
                 }
               }

src/views/FileEntity/index.tsx

@@ -78,14 +78,23 @@ const FileEntity = () => {
   const defaultCols = getBiospecimensColumns();
   const userCols = userInfo?.config.files?.tables?.biospecimens?.columns || [];
   const userColumns = userColumnPreferencesOrDefault(userCols, defaultCols);
+  const hasFamily = data?.participants?.hits?.edges?.some((e) => e.node.family_id);
 
   return (
     <EntityPage loading={loading} data={data} links={links} pageId={pageId}>
       <EntityTitle
         text={data?.file_id}
         icon={<FileTextOutlined className={styles.titleIcon} />}
         loading={loading}
-        extra={data && <DownloadFileManifestModal sqon={getCurrentSqon()} type="primary" />}
+        extra={
+          data && (
+            <DownloadFileManifestModal
+              sqon={getCurrentSqon()}
+              type="primary"
+              hasFamily={hasFamily}
+            />
+          )
+        }
       />
       <EntityDescriptions
         id={SectionId.SUMMARY}

src/views/StudyEntity/index.tsx

@@ -38,6 +38,7 @@ const StudyEntity = () => {
 
   const hasTooManyFiles = (study?.file_count || 0) > MAX_ITEMS_QUERY;
   const isRestricted = study ? study.security === 'R' : true;
+  const hasFamily = !!study?.family_count;
 
   enum SectionId {
     SUMMARY = 'summary',
@@ -94,7 +95,11 @@ const StudyEntity = () => {
           <Space>
             {!isRestricted && study && <DownloadClinicalDataButton sqon={participantSqon} />}
             {!isRestricted && study && (
-              <DownloadFileManifestModal sqon={fileSqon} hasTooManyFiles={hasTooManyFiles} />
+              <DownloadFileManifestModal
+                sqon={fileSqon}
+                hasTooManyFiles={hasTooManyFiles}
+                hasFamily={hasFamily}
+              />
             )}
             {study && (
               <DownloadRequestAccessModal