Merge pull request eclipse-tractusx#1096 from eclipse-tractusx/merge/…

…v2.2.0-RC3

build(2.2.0-rc3): merge release into main

CHANGELOG.md

@@ -1,22 +1,16 @@
 # Changelog
 
-## Unreleased 2.2.0-RC3
+## Unreleased
 
 ### Feature
 
-- Customer Detail Data Overlay
+- **Customer Detail Data Overlay**
   - implement new UI design for customer detail data overlay
 - **Company Subscription Management**
-  - Extended the subscription detail page for customer to include more app-related information [#1051](https://github.com/eclipse-tractusx/portal-frontend/pull/1051)
+  - extended the subscription detail page for customer to include more app-related information [#1051](https://github.com/eclipse-tractusx/portal-frontend/pull/1051)
 
 ### Change
 
-- **Technical User Management**
-  - Removed 'Inactive' filter in technical user management [#1046](https://github.com/eclipse-tractusx/portal-frontend/pull/1046)
-- **Application Requests and Connector Management**
-  - update the status(skipped) in application requests and necessary changes with checkbox in connector management [#1019](https://github.com/eclipse-tractusx/portal-frontend/pull/1019)
-- **Technical User Management**
-  - Removed 'Inactive' filter in technical user management [#1046](https://github.com/eclipse-tractusx/portal-frontend/pull/1046)
 - **Company Subscriptions**
   - Update and bind API with filter options [#1062](https://github.com/eclipse-tractusx/portal-frontend/pull/1062)
 
@@ -30,7 +24,7 @@
   - Show appropriate error message.
   - Fix closing page notification bar issue
 - **IDP management**
-  - Fixed statusTag color in status coloumn [#978](https://github.com/eclipse-tractusx/portal-frontend/pull/978)
+  - Fixed statusTag color in status column [#978](https://github.com/eclipse-tractusx/portal-frontend/pull/978)
 - **Connector Management**
   - Updated SD document download API to fix downloading SD document issue [#1038](https://github.com/eclipse-tractusx/portal-frontend/pull/1038)
 - **Service Release Process**
@@ -44,25 +38,44 @@
 - **OSP Consent form**
   - Display invited company name in OSP consent form (Previously hard coded with 'BMW') [#1083](https://github.com/eclipse-tractusx/portal-frontend/pull/1083)
 
+## 2.2.0-RC3
+
+### Change
+
+- **Technical User Management**
+  - removed 'Inactive' filter in technical user management [#1046](https://github.com/eclipse-tractusx/portal-frontend/pull/1046)
+  - updated filters view and logic [#1087](https://github.com/eclipse-tractusx/portal-frontend/pull/1087)
+- **Skipping of GX compliance service interface**
+  - updated the status (skipped) in application requests and changed checkbox in connector management [#1019](https://github.com/eclipse-tractusx/portal-frontend/pull/1019)
+- **Company data**
+  - disabled csv upload [#1091](https://github.com/eclipse-tractusx/portal-frontend/pull/1091)
+
+### Bugfixes
+
+- **Company data**
+  - removed page notification on download csv template action [#1071](https://github.com/eclipse-tractusx/portal-frontend/pull/1071)
+  - fixed broken title and description in modal [#1070](https://github.com/eclipse-tractusx/portal-frontend/pull/1070)
+  - fixed translation error [#1070](https://github.com/eclipse-tractusx/portal-frontend/pull/1070)
+
 ## 2.2.0-RC2
 
 ### Feature
 
 - **Onboarding Service Provider Management**:
-  - Create new page for onboarding service provider management [#1052](https://github.com/eclipse-tractusx/portal-frontend/pull/1052)
+  - created new page for onboarding service provider management [#1052](https://github.com/eclipse-tractusx/portal-frontend/pull/1052)
 - **Company data**
-  - Disable confirm button if input value is not matching with the regular expression [#1056](https://github.com/eclipse-tractusx/portal-frontend/pull/1056)
-  - Fix infinite loop issue in add New Address Modal
-  - Add new csv bulk upload modal [#1056](https://github.com/eclipse-tractusx/portal-frontend/pull/1056)
+  - disabled confirm button if input value is not matching with the regular expression [#1056](https://github.com/eclipse-tractusx/portal-frontend/pull/1056)
+  - fixed infinite loop issue in add New Address Modal
+  - added new csv bulk upload modal [#1056](https://github.com/eclipse-tractusx/portal-frontend/pull/1056)
 - **Service Subscription**
-  - Update auto setup api response data in the service subscription response overlay
+  - updated auto setup api response data in the service subscription response overlay
 
 ### Bugfixes
 
 - **Partner Network**
-  - Change interface of the partner network apis. add /members to the POST api and update the business logic accordingly [#1002](https://github.com/eclipse-tractusx/portal-frontend/pull/1002)
+  - changed interface of the partner network apis. add /members to the POST api and update the business logic accordingly [#1002](https://github.com/eclipse-tractusx/portal-frontend/pull/1002)
 - **Business Partner invite**
-  - fix person name regex patter [#1040](https://github.com/eclipse-tractusx/portal-frontend/pull/1040)
+  - fixed person name regex patter [#1040](https://github.com/eclipse-tractusx/portal-frontend/pull/1040)
 
 ## 2.2.0-RC1
 

DEPENDENCIES

@@ -601,7 +601,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.4.0, Apache-2.0 AND CC-BY-4.0 AND OFL-1.1, approved, #16027
+npm/npmjs/@catena-x/portal-shared-components/3.5.1, Apache-2.0 AND CC-BY-4.0 AND OFL-1.1, approved, #16079
 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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@catena-x/portal-frontend",
-  "version": "v2.2.0-RC2",
+  "version": "v2.2.0-RC3",
   "description": "Catena-X Portal Frontend",
   "author": "Catena-X Contributors",
   "license": "Apache-2.0",
@@ -34,7 +34,7 @@
     ]
   },
   "dependencies": {
-    "@catena-x/portal-shared-components": "^3.4.0",
+    "@catena-x/portal-shared-components": "^3.5.1",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@hookform/error-message": "^2.0.1",

src/assets/locales/de/main.json

@@ -971,8 +971,7 @@
         "resetCredentialError": "Something went wrong",
         "resetCredentialSuccess": "Credential reset was successful",
         "tabs": {
-          "active": "Aktiv",
-          "inactive": "Inaktiv",
+          "showAll": "Alle anzeigen",
           "managed": "Gelang es",
           "owned": "Besessen"
         },

src/assets/locales/en/main.json

@@ -976,8 +976,7 @@
         "resetCredentialError": "Something went wrong",
         "resetCredentialSuccess": "Credential reset was successful",
         "tabs": {
-          "active": "Active",
-          "inactive": "Inactive",
+          "showAll": "Show All",
           "managed": "Managed",
           "owned": "Owned"
         },

src/components/overlays/CSVUploadOverlay/index.tsx

@@ -102,7 +102,6 @@ export default function CSVUploadOverlay(): JSX.Element {
         document.body.appendChild(a)
         a.click()
         a.remove()
-        CopySuccess(t('content.companyData.upload.downloadSuccess'))
       })
   }
 

src/components/pages/CompanyData/components/AddressDetails.tsx

@@ -32,7 +32,7 @@ export default function AddressDetails({
   const companyAddressData = useSelector(companyDataSelector)
   const addressData = [
     {
-      key: t('content.companyData.address.form.companySite.name'),
+      key: t('content.companyData.site.form.site.name'),
       value: companyAddressData.site?.name ?? '',
     },
     {

src/components/pages/CompanyData/components/CompanyAddressList.tsx

@@ -45,6 +45,7 @@ import {
   setSharingStateInfo,
 } from 'features/companyData/slice'
 import { statusColorMap } from 'utils/dataMapper'
+import AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline'
 
 export const CompanyAddressList = ({
   handleButtonClick,
@@ -186,12 +187,19 @@ export const CompanyAddressList = ({
             setPage((i) => i + 1)
           }}
           hideFooterPagination={true}
+          buttons={[
+            {
+              title: t('content.companyData.table.buttonSite'),
+              click: () => {
+                handleSecondButtonClick()
+              },
+              icon: <AddCircleOutlineIcon />,
+            },
+          ]}
           autoFocus={false}
           onButtonClick={handleButtonClick}
           rowsCount={inputs.length + outputs.length}
           buttonLabel={t('content.companyData.table.buttonAddress')}
-          secondButtonLabel={t('content.companyData.table.buttonSite')}
-          onSecondButtonClick={handleSecondButtonClick}
           toolbarVariant="premium"
           searchPlaceholder={t('content.companyData.table.search')}
           columnHeadersBackgroundColor={'#FFFFFF'}

src/components/pages/CompanyData/index.tsx

@@ -23,13 +23,8 @@ import MyCompanyInfoComponent from '../Organization/MyCompanyInfoComponent'
 import EditForm from './components/EditForm'
 import { useDispatch } from 'react-redux'
 import { setCompanyPageRefetch } from 'features/companyData/slice'
-import { Button } from '@catena-x/portal-shared-components'
-import { useTranslation } from 'react-i18next'
-import { show } from 'features/control/overlay'
-import { OVERLAYS } from 'types/Constants'
 
 export default function CompanyData() {
-  const { t } = useTranslation()
   const [showOverlay, setShowOverlay] = useState({
     address: false,
     site: false,
@@ -48,16 +43,6 @@ export default function CompanyData() {
     <main className="organization-main">
       <div className="organization-section">
         <MyCompanyInfoComponent editable={false} />
-        <div>
-          <Button
-            sx={{ margin: '-30px auto 30px auto', display: 'block' }}
-            onClick={() => {
-              dispatch(show(OVERLAYS.CSV_UPLOAD_OVERLAY))
-            }}
-          >
-            {t('content.companyData.csvUploadBtn')}
-          </Button>
-        </div>
       </div>
       <CompanyAddressList
         handleButtonClick={() => {

src/components/pages/TechnicalUserDetails/TechnicalUserDetailsContent.tsx

@@ -45,8 +45,6 @@ export const statusColorMap: Record<
   ComponentProps<typeof StatusTag>['color']
 > = {
   [ServiceAccountStatus.ACTIVE]: 'confirmed',
-  [ServiceAccountStatus.INACTIVE]: 'declined',
-  [ServiceAccountStatus.DELETED]: 'deleted',
   [ServiceAccountStatus.PENDING]: 'pending',
   [ServiceAccountStatus.PENDING_DELETION]: 'pending',
 }

src/components/pages/TechnicalUserManagement/TechnicalUserTable.tsx

@@ -42,13 +42,7 @@ interface FetchHookArgsType {
   statusFilter: string
   expr: string
 }
-type StatusTagColor =
-  | 'pending'
-  | 'confirmed'
-  | 'declined'
-  | 'label'
-  | 'deleted'
-  | undefined
+type StatusTagColor = 'pending' | 'confirmed' | 'label' | undefined
 
 export const TechnicalUserTable = () => {
   const { t } = useTranslation()
@@ -57,7 +51,9 @@ export const TechnicalUserTable = () => {
   const [fetchHookArgs, setFetchHookArgs] = useState<FetchHookArgsType>()
   const [expr, setExpr] = useState<string>('')
   const [refresh, setRefresh] = useState<number>(0)
-  const [group, setGroup] = useState<string>(ServiceAccountStatusFilter.ACTIVE)
+  const [group, setGroup] = useState<string>(
+    ServiceAccountStatusFilter.SHOW_ALL
+  )
   const setView = (e: React.MouseEvent<HTMLInputElement>) => {
     const viewValue = e.currentTarget.value
     setGroup(viewValue)
@@ -77,8 +73,8 @@ export const TechnicalUserTable = () => {
 
   const filterButtons = [
     {
-      buttonText: t('content.usermanagement.technicalUser.tabs.active'),
-      buttonValue: ServiceAccountStatusFilter.ACTIVE,
+      buttonText: t('content.usermanagement.technicalUser.tabs.showAll'),
+      buttonValue: ServiceAccountStatusFilter.SHOW_ALL,
       onButtonClick: setView,
     },
     {
@@ -95,8 +91,6 @@ export const TechnicalUserTable = () => {
 
   const statusColorMap: Record<ServiceAccountStatus, StatusTagColor> = {
     [ServiceAccountStatus.ACTIVE]: 'confirmed',
-    [ServiceAccountStatus.INACTIVE]: 'declined',
-    [ServiceAccountStatus.DELETED]: 'deleted',
     [ServiceAccountStatus.PENDING]: 'pending',
     [ServiceAccountStatus.PENDING_DELETION]: 'pending',
   }

src/components/shared/basic/DeleteObjectContent/style.scss

@@ -19,9 +19,6 @@
  ********************************************************************************/
 
 .remove-object-content {
-  max-width: 930px;
-  margin-top: -20px;
-
   * {
     width: fit-content;
     text-align: center;

src/features/admin/serviceApiSlice.ts

@@ -50,9 +50,7 @@ export interface ServiceAccountCreate {
 
 export enum ServiceAccountStatus {
   ACTIVE = 'ACTIVE',
-  INACTIVE = 'INACTIVE',
   PENDING = 'PENDING',
-  DELETED = 'DELETED',
   PENDING_DELETION = 'PENDING_DELETION',
 }
 
@@ -98,7 +96,7 @@ export interface ServiceAccountsResponseType {
 }
 
 export enum ServiceAccountStatusFilter {
-  ACTIVE = 'ACTIVE',
+  SHOW_ALL = 'show all',
   MANAGED = 'MANAGED',
   OWNED = 'OWNED',
 }
@@ -148,19 +146,19 @@ export const apiSlice = createApi({
         if (
           isFetchArgs &&
           fetchArgs.args.statusFilter &&
-          fetchArgs.args.statusFilter !== ServiceAccountStatusFilter.ACTIVE
+          fetchArgs.args.statusFilter !== ServiceAccountStatusFilter.SHOW_ALL
         ) {
           return `${url}&clientId=${fetchArgs.args!.expr}&isOwner=${isOwner}`
         } else if (
           isFetchArgs &&
           fetchArgs.args.statusFilter &&
-          fetchArgs.args.statusFilter === ServiceAccountStatusFilter.ACTIVE
+          fetchArgs.args.statusFilter === ServiceAccountStatusFilter.SHOW_ALL
         ) {
           return `${url}&clientId=${fetchArgs.args!.expr}`
         } else if (
           !isFetchArgs &&
           fetchArgs.args.statusFilter &&
-          fetchArgs.args.statusFilter !== ServiceAccountStatusFilter.ACTIVE
+          fetchArgs.args.statusFilter !== ServiceAccountStatusFilter.SHOW_ALL
         ) {
           return `${url}&isOwner=${isOwner}`
         } else {

yarn.lock

@@ -329,10 +329,10 @@
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@catena-x/portal-shared-components@^3.4.0":
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/@catena-x/portal-shared-components/-/portal-shared-components-3.4.0.tgz#68f9b2c6d4a567b347cd008a113a3f5f7bf64a89"
-  integrity sha512-EYhOSvwuXZt1zXPPpCFfSe+6I8VghH8fClH80aud+x8UhMiZbBzOOn6kjAZKnpKH9qoyEX4TqpE4ZUYxnfagMA==
+"@catena-x/portal-shared-components@^3.5.1":
+  version "3.5.1"
+  resolved "https://registry.yarnpkg.com/@catena-x/portal-shared-components/-/portal-shared-components-3.5.1.tgz#d2caf4acf4c0197bca392054e0b9f8f1b451b704"
+  integrity sha512-xWAqM2FuTTBF3Koyjkvf1ZJi36DDwDuXin3nlkbB8hRwBKKV5fWLGQN+3bcwCoA6quNK/Juj7PQ2BYYqrQEDRw==
   dependencies:
     "@date-io/date-fns" "^3.0.0"
     "@emotion/react" "^11.11.4"