feat: #2283 Add new activity UI (#2312)

Author: MCatherine1994

frontend/src/api-service/ApiConfig.ts

@@ -67,7 +67,9 @@ const ApiConfig = {
 
   testCodes: `${oracleServerHost}/api/test-codes`,
 
-  activities: `${oracleServerHost}/api/activities`
+  activities: `${oracleServerHost}/api/activities`,
+
+  requestSeedLotAndVegLot: `${oracleServerHost}/api/request-seedlot-and-veglot`
 };
 
 export default ApiConfig;

frontend/src/api-service/consep/testCodesAPI.ts

@@ -1,7 +1,7 @@
 import ApiConfig from '../ApiConfig';
 import api from '../api';
 
-import { TestCodeType, ActivityIdType } from '../../types/consep/TestingSearchType';
+import { TestCodeType, ActivityIdType, ActivityRiaSkeyType } from '../../types/consep/TestingSearchType';
 
 export const getTestTypeCodes = () => {
   const url = `${ApiConfig.testCodes}/type`;
@@ -27,3 +27,13 @@ export const getActivityIds = () => {
   const url = `${ApiConfig.activities}/ids`;
   return api.get(url).then((res: { data: ActivityIdType[] }) => res.data);
 };
+
+export const getActivityRiaSkeys = (requestSkey: number, itemId: string) => {
+  const url = `${ApiConfig.activities}/request/${requestSkey}/item/${itemId}`;
+  return api.get(url).then((res: { data: ActivityRiaSkeyType[] }) => res.data);
+};
+
+export const getActivityDurationUnits = () => {
+  const url = `${ApiConfig.testCodes}/activity-duration-units`;
+  return api.get(url).then((res: { data: string[] }) => res.data);
+};

frontend/src/api-service/requestSeedlotAndVeglotAPI.ts

@@ -0,0 +1,9 @@
+import ApiConfig from './ApiConfig';
+import api from './api';
+
+const isCommitmentIndicatorYes = (requestSkey: number, itemId: string) => {
+  const url = `${ApiConfig.requestSeedLotAndVegLot}/commitment/${requestSkey}/${itemId}`;
+  return api.get(url).then((res: { data: boolean }) => res.data);
+};
+
+export default isCommitmentIndicatorYes;

frontend/src/components/RequiredFormFieldLabel/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import './styles.scss';
+
+const RequiredFormFieldLabel = ({ text }: { text: string }) => (
+  <>
+    <b className="required-asterisk">*</b>
+    {text}
+  </>
+);
+
+export default RequiredFormFieldLabel;

frontend/src/components/RequiredFormFieldLabel/styles.scss

@@ -0,0 +1,6 @@
+@use '@bcgov-nr/nr-theme/design-tokens/variables.scss' as vars;
+
+.required-asterisk {
+  color: var(--#{vars.$bcgov-prefix}-support-error);
+  margin-right: 0.25rem;
+}

frontend/src/types/consep/TestingSearchType.ts

@@ -50,3 +50,8 @@ export type ActivityIdType = {
   standardActivityId: string;
   activityDescription: string;
 };
+
+export type ActivityRiaSkeyType = {
+  riaSkey: number;
+  activityDescription: string;
+};

frontend/src/views/CONSEP/TestingActivities/TestSearch/AdvancedFilter/index.tsx

@@ -25,7 +25,7 @@ import { getRequestTypes, getTestCategoryCodes } from '../../../../../api-servic
 import type { TestCodeType } from '../../../../../types/consep/TestingSearchType';
 import {
   advDateTypes, DATE_FORMAT, errorMessages, initialErrorValue, maxEndDate,
-  minStartDate, SAFE_MARGIN, testRanks
+  minStartDate, SAFE_MARGIN, testRanks, toSelectedItemString
 } from '../constants';
 import { THREE_HALF_HOURS, THREE_HOURS } from '../../../../../config/TimeUnits';
 import { ActivitySearchRequest, ActivitySearchValidation } from '../definitions';
@@ -335,8 +335,6 @@ const AdvancedFilters = ({
     v: string | number | undefined | null
   ) => (v === undefined || v === null ? '' : String(v));
 
-  const toSelectedItemString = (v?: string | null) => (v ?? null);
-
   const clearFilters = () => {
     setSearchParams((prev) => ({
       ...prev,

frontend/src/views/CONSEP/TestingActivities/TestSearch/TestListTable.tsx

@@ -130,7 +130,9 @@ const TestListTable = ({
           '.MuiPaper-root'
         ]}
       >
-        {showAddActivity && tableRef.current && <AddActivity table={tableRef.current} />}
+        {showAddActivity
+        && tableRef.current
+        && <AddActivity table={tableRef.current} closeModal={() => setShowAddActivity(false)} />}
       </Modal>
       <Row className="concep-test-search-table">
         <GenericTable

frontend/src/views/CONSEP/TestingActivities/TestSearch/ToolbarControls/AddActivity/definitions.ts

@@ -0,0 +1,20 @@
+export type AddActivityRequest = {
+  standardActivityId: string;
+  activityTypeCd?: string;
+  testCategoryCd?: string;
+  associatedRiaKey?: number;
+  plannedStartDate: string;
+  plannedEndDate: string;
+  revisedStartDate?: string;
+  revisedEndDate?: string;
+  activityDuration: number;
+  activityTimeUnit: string;
+  significantStatusIndicator: 0 | -1;
+  processCommitIndicator: 0 | -1;
+  requestSkey: number;
+  requestId: string;
+  itemId: string;
+  vegetationState: string;
+  seedlotNumber?: string;
+  familyLotNumber?: string;
+};