⌨️ #1098 Add Data Center fields

components/pages/program-entity/ProgramCardsLayout/util.tsx

@@ -36,6 +36,7 @@ export const createProgramSummaryData = (programSummaryQuery: ProgramSummaryQuer
       ''
     ),
     Institutions: programSummaryQuery?.institutions?.join(', ') || '',
+    'Data Center': programSummaryQuery?.dataCenter?.name || '',
     'Cancer Types': programSummaryQuery?.cancerTypes?.join(', ') || '',
   };
 };

components/pages/program-entity/gql/PROGRAM_SUMMARY_QUERY.ts

@@ -28,6 +28,11 @@ const PROGRAM_SUMMARY_QUERY = gql`
       website
       institutions
       countries
+      dataCenter {
+        id
+        shortName
+        name
+      }
       cancerTypes
       primarySites
     }

components/pages/program-entity/types.tsx

@@ -17,13 +17,16 @@
  * ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
+import { DataCenter } from 'generated/gql_types';
+
 export type ProgramSummaryQuery = {
   shortName: string;
   description: string;
   name: string;
   website: string;
   institutions: string[];
   countries: string[];
+  dataCenter: DataCenter;
   cancerTypes: string[];
   primarySites: string[];
 };

components/pages/submission-system/create-program/index.tsx

@@ -52,6 +52,7 @@ const createProgramInput = (formData) => ({
   website: formData.website,
   institutions: formData.institutions,
   countries: formData.countries,
+  dataCenter: formData.dataCenter,
   membershipType: formData.membershipType,
   admins: [
     {

components/pages/submission-system/gql/PROGRAM_VALUES_QUERY.ts

@@ -26,6 +26,11 @@ const PROGRAM_VALUES_QUERY = gql`
       primarySites
       institutions
       countries
+      dataCenters {
+        shortName
+        name
+        id
+      }
     }
   }
 `;

components/pages/submission-system/program-form/ProgramForm.tsx

@@ -31,6 +31,7 @@ import {
   Typography,
   css,
 } from '@icgc-argo/uikit';
+import { DataCenter } from 'generated/gql_types';
 import { PROGRAM_MEMBERSHIP_TYPES } from 'global/constants';
 import useFormHook from 'global/hooks/useFormHook';
 import get from 'lodash/get';
@@ -78,6 +79,7 @@ export default function CreateProgramForm({
     primarySites?: string[];
     commitmentDonors?: number;
     institutions?: string[];
+    dataCenter?: DataCenter;
     membershipType?: string;
     website?: string;
     description?: string;
@@ -92,6 +94,7 @@ export default function CreateProgramForm({
     primarySites: string[];
     commitmentLevel: number;
     institutions: string[];
+    dataCenter: string;
     membershipType: string;
     website: string;
     description: string;
@@ -106,6 +109,7 @@ export default function CreateProgramForm({
     primarySites: program.primarySites || [],
     commitmentLevel: program.commitmentDonors,
     institutions: program.institutions || [],
+    dataCenter: program.dataCenter?.shortName || '',
     membershipType: program.membershipType || '',
     website: program.website || '',
     description: program.description || '',
@@ -398,6 +402,38 @@ export default function CreateProgramForm({
             </Row>
           </FormControl>
 
+          <Row>
+            <Col>
+              <SectionTitle>Processing Data Center</SectionTitle>
+            </Col>
+          </Row>
+
+          <FormControl error={validationErrors.dataCenter} required={true}>
+            <Row>
+              <Col>
+                <InputLabel htmlFor="Data Center">
+                  Please indicate the data center where data can be processed.
+                </InputLabel>
+                <Select
+                  aria-label="Data Center"
+                  id="checkbox-group-data-center"
+                  options={get(programOptions, 'dataCenters', []).map(({ name, id }) => ({
+                    content: name,
+                    value: id,
+                  }))}
+                  onChange={(val) => setData({ key: 'dataCenter', val: val || '' })}
+                  onBlur={handleInputBlur('dataCenter')}
+                  value={form.dataCenter || ''}
+                  size="lg"
+                />
+                <ErrorText error={validationErrors.dataCenter} />
+              </Col>
+            </Row>
+            <Row>
+              <Col />
+            </Row>
+          </FormControl>
+
           {!isEditing && (
             <>
               <Row>

components/pages/submission-system/program-form/validations.tsx

@@ -55,6 +55,7 @@ const baseValidations: yup.ObjectSchema<any> = yup.object({
     .required(),
   website: yup.string().label('Website').trim().url(),
   description: yup.string().label('Description').trim(),
+  dataCenter: yup.string().label('Data Center').required(),
 });
 
 const adminValidations = yup.object().shape({

components/pages/submission-system/program-management/ManageProgramTabs.tsx

@@ -72,6 +72,7 @@ const createUpdateProgramInput = (formData) => ({
   website: formData.website,
   institutions: formData.institutions,
   countries: formData.countries,
+  dataCenter: formData.dataCenter,
   membershipType: formData.membershipType,
   cancerTypes: formData.cancerTypes,
   primarySites: formData.primarySites,

components/pages/submission-system/program-management/gql/PROGRAM_QUERY.ts

@@ -43,6 +43,11 @@ const PROGRAM_QUERY = gql`
         inviteAcceptedAt
         inviteStatus
       }
+      dataCenter {
+        id
+        shortName
+        name
+      }
     }
   }
 `;

components/pages/submission-system/programs/gql/PROGRAMS_LIST_QUERY.ts

@@ -30,6 +30,11 @@ const PROGRAMS_LIST_QUERY = gql`
       genomicDonors
       submittedDonors
       commitmentDonors
+      dataCenter {
+        id
+        shortName
+        name
+      }
     }
   }
 `;

generated/gql_types.tsx

@@ -848,6 +848,7 @@ export type Program = {
   cancerTypes?: Maybe<Array<Maybe<Scalars['String']>>>;
   commitmentDonors?: Maybe<Scalars['Int']>;
   countries?: Maybe<Array<Maybe<Scalars['String']>>>;
+  dataCenter?: Maybe<DataCenter>;
   description?: Maybe<Scalars['String']>;
   genomicDonors?: Maybe<Scalars['Int']>;
   institutions?: Maybe<Array<Maybe<Scalars['String']>>>;
@@ -1050,11 +1051,19 @@ export type ProgramDonorSummaryStats = {
   sangerStatusCount: WorkflowStatusCount;
 };
 
+/**
+ * ProgramInput will throw a bad user input error in the following cases:
+ * if using name that is already in the database,
+ * if using a shortName format that is not "NAME-AREA", a working example is "BOB-CA"
+ * using cancerTypes or countries that doesn't exist or is not in the same format as the database ex. a working example of cancerTypes is "Lung cancer". Bad example are "lung", "lung cancer"
+ * admin's email must be in an email format ex. use @
+ */
 export type ProgramInput = {
   admins: Array<ProgramUserInput>;
   cancerTypes: Array<InputMaybe<Scalars['String']>>;
   commitmentDonors: Scalars['Int'];
   countries: Array<Scalars['String']>;
+  dataCenter?: InputMaybe<Scalars['String']>;
   description?: InputMaybe<Scalars['String']>;
   institutions: Array<Scalars['String']>;
   membershipType: MembershipType;
@@ -1068,6 +1077,7 @@ export type ProgramOptions = {
   __typename?: 'ProgramOptions';
   cancerTypes: Array<Maybe<Scalars['String']>>;
   countries: Array<Maybe<Scalars['String']>>;
+  dataCenters: Array<Maybe<DataCenter>>;
   institutions: Array<Maybe<Scalars['String']>>;
   primarySites: Array<Maybe<Scalars['String']>>;
 };
@@ -1080,7 +1090,7 @@ export type ProgramUser = {
   inviteStatus?: Maybe<InviteStatus>;
   isDacoApproved?: Maybe<Scalars['Boolean']>;
   lastName: Scalars['String'];
-  role: UserRole;
+  role?: Maybe<UserRole>;
 };
 
 export type ProgramUserInput = {
@@ -1203,6 +1213,11 @@ export type QueryProgramDonorSummaryArgs = {
 };
 
 
+export type QueryProgramsArgs = {
+  dataCenter?: InputMaybe<Scalars['String']>;
+};
+
+
 export type QueryQueryArgs = {
   query?: InputMaybe<Scalars['String']>;
   types?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
@@ -1312,6 +1327,7 @@ export type UpdateProgramInput = {
   cancerTypes?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
   commitmentDonors?: InputMaybe<Scalars['Int']>;
   countries?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
+  dataCenter?: InputMaybe<Scalars['String']>;
   description?: InputMaybe<Scalars['String']>;
   institutions?: InputMaybe<Array<InputMaybe<Scalars['String']>>>;
   membershipType?: InputMaybe<MembershipType>;