Merge pull request #896 from CDLUC3/feature/710/JS-static-page-for-research-outputs

Feature/710/js static page for research outputs

Author: jupiter007

app/[locale]/template/[templateId]/q/new/__tests__/page.spec.tsx

@@ -111,7 +111,7 @@ describe("QuestionTypeSelectPage", () => {
     expect(questionTypeCard2Description).toBeInTheDocument();
     expect(questionTypeCard3).toBeInTheDocument();
     expect(questionTypeCard3Description).toBeInTheDocument();
-    expect(selectButtons.length).toBe(16);
+    expect(selectButtons.length).toBe(17);
   });
 
   it('should show filtered list when user clicks Search button', async () => {

app/[locale]/template/[templateId]/q/new/page.tsx

@@ -220,6 +220,27 @@ const QuestionTypeSelectPage: React.FC = () => {
                               handleSelect={handleSelect}
                             />
                           ))}
+                          {/** This is temporary, until we add research output question type to questionTypes */}
+                          <QuestionTypeCard
+                            key="researchOutput"
+                            questionType={{
+                              type: "researchOutput",
+                              title: "Research Output",
+                              usageDescription: "A description of the research output.",
+                              defaultJSON: {
+                                meta: {
+                                  schemaVersion: "1.0",
+                                },
+                                type: "researchOutput",
+                                title: "Research Output",
+                                description: "",
+                                helpText: "",
+                                required: false,
+                              }
+                            } as any} // eslint-disable-line @typescript-eslint/no-explicit-any
+                            handleSelect={handleSelect}
+                          />
+
                         </>
                       )
                       }

app/types/index.ts

@@ -2,6 +2,9 @@ import { ReactNode } from "react";
 import { PlanSectionProgress, TemplateVisibility, PlanFeedback, ProjectFundingStatus } from "@/generated/graphql";
 import { AffiliationSearchQuestionType, AnyQuestionType } from '@dmptool/types';
 
+// Re-export types from questionAdd module
+export * from './questionAdd';
+
 export interface EmailInterface {
   id?: number | null;
   email: string;

app/types/questionAdd.ts

@@ -0,0 +1,102 @@
+export type DataFlagsConfig = {
+  showSensitiveData: boolean;
+  showPersonalData: boolean;
+  mode: 'sensitiveOnly' | 'personalOnly' | 'both';
+};
+
+export type RepoConfig = {
+  hasCustomRepos: boolean;
+  customRepos: string[];
+}
+
+export type MetaDataConfig = {
+  hasCustomStandards: boolean;
+  customStandards: string[];
+}
+
+export type StandardField = {
+  id: string;
+  label: string;
+  enabled: boolean;
+  required?: boolean;
+  defaultValue?: string;
+  placeholder?: string;
+  helpText?: string;
+  maxLength?: string;
+  value?: string;
+  licensesConfig?: LicensesConfig;
+  outputTypeConfig?: {
+    mode: 'defaults' | 'mine' | 'addToDefaults';
+    selectedDefaults: string[];
+    customTypes: string[];
+  };
+  flagsConfig?: DataFlagsConfig;
+  repoConfig?: RepoConfig;
+  metaDataConfig?: MetaDataConfig;
+};
+
+export interface RepositoryInterface {
+  id: number;
+  name: string;
+  description: string;
+  url: string;
+  contact: string;
+  access: string;
+  identifier: string;
+  tags: string[];
+}
+
+export interface RepositoryFieldInterface {
+  id: string;
+  label: string;
+  enabled: boolean;
+  placeholder?: string;
+  helpText?: string;
+  value?: string;
+  repoConfig?: {
+    hasCustomRepos: boolean;
+    customRepos: string[];
+  }
+}
+
+export interface MetaDataStandardInterface {
+  id: number;
+  name: string;
+  description: string;
+  url: string;
+}
+
+export interface MetaDataStandardFieldInterface {
+  id: string;
+  label: string;
+  enabled: boolean;
+  helpText?: string;
+  metaDataConfig: {
+    hasCustomStandards: boolean;
+    customStandards: string[];
+  }
+}
+
+export type LicensesConfig = {
+  mode: 'defaults' | 'addToDefaults';
+  selectedDefaults: string[];
+  customTypes: string[];
+};
+
+export interface LicenseFieldProps {
+  field: StandardField;
+  newLicenseType: string;
+  setNewLicenseType: (value: string) => void;
+  onModeChange: (mode: 'defaults' | 'addToDefaults') => void;
+  onAddCustomType: () => void;
+  onRemoveCustomType: (type: string) => void;
+}
+
+export interface OutputTypeFieldConfigProps {
+  field: StandardField;
+  newOutputType: string;
+  setNewOutputType: (value: string) => void;
+  onModeChange: (mode: 'defaults' | 'mine' | 'addToDefaults') => void;
+  onAddCustomType: () => void;
+  onRemoveCustomType: (type: string) => void;
+}