feat(application status): add status expandable functionality (#811)

#803
eclipse-tractusx · May 22, 2024 · 47a1076 · 47a1076
1 parent edd7065
commit 47a1076
Show file tree

Hide file tree

Showing 11 changed files with 676 additions and 759 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,8 @@
 - Technical User Creation - API Response Changes
 - AppSubscription, Service Subscription, Company Subscription
   - Validation of Technical User UIs for multiple tech user support
+- Application Request
+  - Implement Expandable Status Detail Overlay
 - Admin Credential
   - Implement Credential Revocation Feature
   - Add Credential Status

diff --git a/DEPENDENCIES b/DEPENDENCIES
@@ -42,7 +42,7 @@ npm/npmjs/-/base64-js/1.5.1, MIT, approved, clearlydefined
 npm/npmjs/-/binary-extensions/2.3.0, MIT, approved, #13867
 npm/npmjs/-/brace-expansion/1.1.11, MIT, approved, clearlydefined
 npm/npmjs/-/brace-expansion/2.0.1, MIT, approved, clearlydefined
-npm/npmjs/-/braces/3.0.2, MIT, approved, clearlydefined
+npm/npmjs/-/braces/3.0.2, MIT, approved, #14866
 npm/npmjs/-/browserslist/4.23.0, MIT, approved, clearlydefined
 npm/npmjs/-/bs-logger/0.2.6, MIT, approved, clearlydefined
 npm/npmjs/-/bser/2.1.1, Apache-2.0, approved, clearlydefined
@@ -599,7 +599,7 @@ npm/npmjs/@babel/template/7.24.0, MIT, approved, clearlydefined
 npm/npmjs/@babel/traverse/7.24.1, MIT AND (BSD-2-Clause AND ISC AND MIT) AND BSD-2-Clause AND BSD-3-Clause, approved, #13926
 npm/npmjs/@babel/types/7.24.0, MIT, approved, clearlydefined
 npm/npmjs/@bcoe/v8-coverage/0.2.3, ISC AND MIT, approved, clearlydefined
-npm/npmjs/@catena-x/portal-shared-components/3.0.10, Apache-2.0 AND CC-BY-4.0 AND OFL-1.1, approved, #14247
+npm/npmjs/@catena-x/portal-shared-components/3.0.11, Apache-2.0 AND CC-BY-4.0 AND OFL-1.1, approved, #14247
 npm/npmjs/@cspotcode/source-map-support/0.8.1, MIT, approved, clearlydefined
 npm/npmjs/@date-io/core/3.0.0, MIT, approved, clearlydefined
 npm/npmjs/@date-io/date-fns/3.0.0, MIT, approved, #14023

diff --git a/package.json b/package.json
@@ -27,7 +27,7 @@
     ]
   },
   "dependencies": {
-    "@catena-x/portal-shared-components": "^3.0.10",
+    "@catena-x/portal-shared-components": "^3.0.11",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
     "@hookform/error-message": "^2.0.1",

diff --git a/src/components/pages/Admin/components/RegistrationRequests/CompanyDetailOverlay/index.tsx b/src/components/pages/Admin/components/RegistrationRequests/CompanyDetailOverlay/index.tsx
@@ -361,7 +361,10 @@ const CompanyDetailOverlay = ({
             </TabPanel>
             <TabPanel value={activeTab} index={1}>
               <Box sx={{ width: '100%', height }}>
-                <CheckListFullButtons progressButtons={checklistData} />
+                <CheckListFullButtons
+                  progressButtons={checklistData}
+                  selectedRequestId={selectedRequestId}
+                />
               </Box>
             </TabPanel>
           </DialogContent>

diff --git a/...pages/Admin/components/RegistrationRequests/components/CheckList/CheckListFullButtons.tsx b/...pages/Admin/components/RegistrationRequests/components/CheckList/CheckListFullButtons.tsx
@@ -33,10 +33,12 @@ import { ProgressVerificationButton } from 'components/shared/basic/ProgressVeri
 
 interface CheckListFullButtonsProps {
   progressButtons?: Array<ProgressButtonsType>
+  selectedRequestId?: string
 }
 
 export default function CheckListFullButtons({
   progressButtons,
+  selectedRequestId,
 }: CheckListFullButtonsProps) {
   const { t } = useTranslation()
   const [checkListButtons, setCheckListButtons] =
@@ -143,7 +145,11 @@ export default function CheckListFullButtons({
       {checkListButtons && (
         <Box>
           {checkListButtons.map((button: ProgressButtonsType) => (
-            <ProgressVerificationButton key={button.typeId} {...button} />
+            <ProgressVerificationButton
+              key={button.typeId}
+              {...button}
+              selectedRequestId={selectedRequestId}
+            />
           ))}
         </Box>
       )}