fix: table messages for no record

DEPENDENCIES

@@ -446,7 +446,7 @@ npm/npmjs/-/resolve/1.22.8, MIT AND ISC, approved, #15315
 npm/npmjs/-/resolve/2.0.0-next.5, MIT AND ISC, approved, #3078
 npm/npmjs/-/reusify/1.0.4, MIT, approved, clearlydefined
 npm/npmjs/-/rimraf/3.0.2, ISC, approved, clearlydefined
-npm/npmjs/-/rollup/4.24.0, MIT, approved, clearlydefined
+npm/npmjs/-/rollup/4.24.0, MIT AND (ISC AND MIT), approved, #16917
 npm/npmjs/-/run-parallel/1.2.0, MIT, approved, clearlydefined
 npm/npmjs/-/safe-array-concat/1.1.2, MIT, approved, clearlydefined
 npm/npmjs/-/safe-regex-test/1.0.3, MIT, approved, clearlydefined
@@ -690,22 +690,22 @@ npm/npmjs/@react-hook/latest/1.0.3, MIT, approved, clearlydefined
 npm/npmjs/@reduxjs/toolkit/2.2.7, MIT AND (BSD-2-Clause AND ISC AND MIT) AND Apache-2.0, approved, #14170
 npm/npmjs/@remix-run/router/1.19.2, MIT, approved, clearlydefined
 npm/npmjs/@rollup/pluginutils/5.1.2, MIT, approved, #16428
-npm/npmjs/@rollup/rollup-android-arm-eabi/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-android-arm64/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-darwin-arm64/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-darwin-x64/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-linux-arm-gnueabihf/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-linux-arm-musleabihf/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-linux-arm64-gnu/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-linux-arm64-musl/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-linux-powerpc64le-gnu/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-linux-riscv64-gnu/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-linux-s390x-gnu/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-linux-x64-gnu/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-linux-x64-musl/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-win32-arm64-msvc/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-win32-ia32-msvc/4.24.0, MIT, approved, clearlydefined
-npm/npmjs/@rollup/rollup-win32-x64-msvc/4.24.0, MIT, approved, clearlydefined
+npm/npmjs/@rollup/rollup-android-arm-eabi/4.24.0, MIT AND (ISC AND MIT), approved, #16904
+npm/npmjs/@rollup/rollup-android-arm64/4.24.0, MIT AND (ISC AND MIT), approved, #16918
+npm/npmjs/@rollup/rollup-darwin-arm64/4.24.0, MIT AND (ISC AND MIT), approved, #16908
+npm/npmjs/@rollup/rollup-darwin-x64/4.24.0, MIT AND (ISC AND MIT), approved, #16901
+npm/npmjs/@rollup/rollup-linux-arm-gnueabihf/4.24.0, MIT AND (ISC AND MIT), approved, #16906
+npm/npmjs/@rollup/rollup-linux-arm-musleabihf/4.24.0, MIT AND (ISC AND MIT), approved, #16914
+npm/npmjs/@rollup/rollup-linux-arm64-gnu/4.24.0, MIT AND (ISC AND MIT), approved, #16910
+npm/npmjs/@rollup/rollup-linux-arm64-musl/4.24.0, MIT AND (ISC AND MIT), approved, #16912
+npm/npmjs/@rollup/rollup-linux-powerpc64le-gnu/4.24.0, MIT AND (ISC AND MIT), approved, #16916
+npm/npmjs/@rollup/rollup-linux-riscv64-gnu/4.24.0, MIT AND (ISC AND MIT), approved, #16907
+npm/npmjs/@rollup/rollup-linux-s390x-gnu/4.24.0, MIT AND (ISC AND MIT), approved, #16919
+npm/npmjs/@rollup/rollup-linux-x64-gnu/4.24.0, MIT AND (ISC AND MIT), approved, #16915
+npm/npmjs/@rollup/rollup-linux-x64-musl/4.24.0, MIT AND (ISC AND MIT), approved, #16911
+npm/npmjs/@rollup/rollup-win32-arm64-msvc/4.24.0, MIT AND (ISC AND MIT), approved, #16909
+npm/npmjs/@rollup/rollup-win32-ia32-msvc/4.24.0, MIT AND (ISC AND MIT), approved, #16913
+npm/npmjs/@rollup/rollup-win32-x64-msvc/4.24.0, MIT AND (ISC AND MIT), approved, #16902
 npm/npmjs/@rtsao/scc/1.1.0, MIT, approved, clearlydefined
 npm/npmjs/@sinclair/typebox/0.27.8, MIT, approved, clearlydefined
 npm/npmjs/@sinonjs/commons/3.0.1, BSD-3-Clause, approved, #12905

src/assets/locales/de/main.json

@@ -2316,6 +2316,10 @@
       "title": "Assigned Catena-X Portal Roles",
       "changeRoleBtn": "Change Portal Role",
       "errorMsg": "Sie sind nicht berechtigt, Ihre eigenen Administrator-Rollen zu ändern. Bitte wenden Sie sich an einen anderen Administrator."
+    },
+    "table": {
+      "emptySearchTable": "Keine Ergebnisse gefunden",
+      "emptyTable": "Keine Einträge vorhanden"
     }
   },
   "global": {

src/assets/locales/en/main.json

@@ -2290,6 +2290,10 @@
       "title": "Assigned Catena-X Portal Roles",
       "changeRoleBtn": "Change Portal Role",
       "errorMsg": "You are not authorized to change your own admin roles. Please contact another admin."
+    },
+    "table": {
+      "emptySearchTable": "No results found",
+      "emptyTable": "No items to display"
     }
   },
   "global": {

src/components/overlays/AddAppUserRoles/UserListContent.tsx

@@ -30,6 +30,7 @@ import { updatePartnerSelector } from 'features/control/updates'
 import { setSelectedUserToAdd } from 'features/admin/userDeprecated/actions'
 import Patterns from 'types/Patterns'
 import { useFetchAppUsersSearchQuery } from 'features/admin/appuserApiSlice'
+import { PAGES } from 'types/Constants'
 
 interface FetchHookArgsType {
   appId: string | undefined
@@ -42,6 +43,10 @@ export default function UserListContent() {
   const dispatch = useDispatch()
 
   const { appId } = useParams()
+  const mappedTableSearchTranslation = {
+    [PAGES.NO_SEARCH_TABLE_DATA]: t('shared.table.emptySearchTable'),
+    [PAGES.NO_TABLE_DATA]: t('shared.table.emptyTable'),
+  }
 
   const [expr, setExpr] = useState<string>('')
   const [refresh, setRefresh] = useState<number>(0)
@@ -94,6 +99,7 @@ export default function UserListContent() {
         },
       ]}
       checkboxSelection
+      mappedTableSearchTranslation={mappedTableSearchTranslation}
     />
   )
 }

src/components/pages/Admin/components/RegistrationRequests/components/RequestList/index.tsx

@@ -37,6 +37,7 @@ import { type GridEventListener } from '@mui/x-data-grid'
 import './RequestListStyle.scss'
 import { refetch } from 'features/admin/registration/slice'
 import { isCompanyName } from 'types/Patterns'
+import { PAGES } from 'types/Constants'
 
 interface FetchHookArgsType {
   statusFilter: string
@@ -67,6 +68,10 @@ export const RequestList = ({
   const [filterStatus, setFilterStatus] = useState<string>(
     AppFilterType.INREVIEW
   )
+  const mappedTableSearchTranslation = {
+    [PAGES.NO_SEARCH_TABLE_DATA]: t('shared.table.emptySearchTable'),
+    [PAGES.NO_TABLE_DATA]: t('shared.table.emptyTable'),
+  }
   const [fetchHookArgs, setFetchHookArgs] = useState<FetchHookArgsType>()
   const setView = (e: React.MouseEvent<HTMLInputElement>) => {
     const viewValue = e.currentTarget.value
@@ -156,6 +161,7 @@ export const RequestList = ({
         )}${t('content.admin.registration-requests.introText2')}`}
         defaultFilter={group}
         filterViews={filterView}
+        mappedTableSearchTranslation={mappedTableSearchTranslation}
       />
     </section>
   )

src/components/pages/AdminCredential/AdminCredentialElements.tsx

@@ -48,7 +48,7 @@ import {
   StatusTag,
   Tooltips,
 } from '@catena-x/portal-shared-components'
-import { ROLES } from 'types/Constants'
+import { PAGES, ROLES } from 'types/Constants'
 import SettingsBackupRestoreIcon from '@mui/icons-material/SettingsBackupRestore'
 import { userHasSsiCredentialRole } from 'services/AccessService'
 
@@ -97,6 +97,10 @@ export default function AdminCredentialElements() {
   const [approveCredential] = useApproveCredentialMutation()
   const [declineCredential] = useDeclineCredentialMutation()
   const [revokeCredential] = useRevokeCredentialMutation()
+  const mappedTableSearchTranslation = {
+    [PAGES.NO_SEARCH_TABLE_DATA]: t('shared.table.emptySearchTable'),
+    [PAGES.NO_TABLE_DATA]: t('shared.table.emptyTable'),
+  }
 
   const setView = (e: React.MouseEvent<HTMLInputElement>) => {
     const viewValue = e.currentTarget.value
@@ -425,6 +429,7 @@ export default function AdminCredentialElements() {
             setSortOption(value)
           }}
           disableColumnSelector={true}
+          mappedTableSearchTranslation={mappedTableSearchTranslation}
         />
       </div>
     </>

src/components/pages/AppOverview/AddRoles.tsx

@@ -194,6 +194,7 @@ export default function AddRoles() {
               rows={appRolesData}
               getRowId={(row) => uniqueId(row.urn)}
               hasBorder={false}
+              noRowsMsg={t('shared.table.emptyTable')}
             />
           </Box>
         </div>

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

@@ -212,7 +212,7 @@ export const CompanyAddressList = ({
           searchPlaceholder={t('content.companyData.table.search')}
           columnHeadersBackgroundColor={'#FFFFFF'}
           searchDebounce={1000}
-          noRowsMsg={t('content.companyData.table.noRowsMsg')}
+          noRowsMsg={t('shared.table.emptyTable')}
           title={t('content.companyData.table.title')}
           getRowId={(row: { [key: string]: string }) => row.createdAt}
           rows={inputs.concat(outputs)}

src/components/pages/CompanySubscriptions/index.tsx

@@ -46,6 +46,7 @@ import {
   useUnsubscribeServiceMutation,
 } from 'features/serviceSubscription/serviceSubscriptionApiSlice'
 import { Box } from '@mui/material'
+import { PAGES } from 'types/Constants'
 
 interface FetchHookArgsType {
   statusId: string
@@ -75,6 +76,11 @@ export default function CompanySubscriptions() {
   const [enableErrorMessage, setEnableErrorMessage] = useState<boolean>(false)
   const [currentActive, setCurrentActive] = useState<number>(0)
 
+  const mappedTableSearchTranslation = {
+    [PAGES.NO_SEARCH_TABLE_DATA]: t('shared.table.emptySearchTable'),
+    [PAGES.NO_TABLE_DATA]: t('shared.table.emptyTable'),
+  }
+
   const setView = (e: React.MouseEvent<HTMLInputElement>) => {
     const viewValue = e.currentTarget.value
     setFilterStatus(viewValue)
@@ -222,6 +228,7 @@ export default function CompanySubscriptions() {
         fetchHookRefresh={refresh}
         getRowId={(row: { [key: string]: string }) => row.subscriptionId}
         columns={companySubscriptionsCols}
+        mappedTableSearchTranslation={mappedTableSearchTranslation}
       />
     </div>
   )

src/components/pages/EdcConnector/index.tsx

@@ -65,6 +65,7 @@ import ConnectorDetailsOverlay from './ConnectorDetailsOverlay'
 import AddCircleOutlineIcon from '@mui/icons-material/AddCircleOutline'
 import ArrowForwardIcon from '@mui/icons-material/ArrowForward'
 import { Box } from '@mui/material'
+import { PAGES } from 'types/Constants'
 
 const EdcConnector = () => {
   const { t } = useTranslation()
@@ -107,6 +108,10 @@ const EdcConnector = () => {
   const [notificationMessage, setNotificationMessage] = useState<string>(
     t('content.edcconnector.snackbar.successmessage')
   )
+  const mappedTableSearchTranslation = {
+    [PAGES.NO_SEARCH_TABLE_DATA]: t('shared.table.emptySearchTable'),
+    [PAGES.NO_TABLE_DATA]: t('shared.table.emptyTable'),
+  }
   const [
     viewConfigurationDetailsOverlayOpen,
     setViewConfigurationDetailsOverlayOpen,
@@ -506,6 +511,7 @@ const EdcConnector = () => {
               onCellClick={(params: GridCellParams) => {
                 onTableCellClick(params)
               }}
+              mappedTableSearchTranslation={mappedTableSearchTranslation}
             />
           </div>
         </TabPanel>
@@ -523,6 +529,7 @@ const EdcConnector = () => {
               onCellClick={(params: GridCellParams) => {
                 onTableCellClick(params)
               }}
+              mappedTableSearchTranslation={mappedTableSearchTranslation}
             />
           </div>
         </TabPanel>

src/components/pages/IDPManagement/IDPList.tsx

@@ -385,6 +385,8 @@ export const IDPList = ({ isManagementOSP }: { isManagementOSP?: boolean }) => {
     },
   }
 
+  const rowItems = (isManagementOSP ? idpsManagedData : idpsData) ?? []
+
   return (
     <Table
       rowsCount={isManagementOSP ? idpsManagedData?.length : idpsData?.length}
@@ -461,7 +463,7 @@ export const IDPList = ({ isManagementOSP }: { isManagementOSP?: boolean }) => {
             isManagementOSP ? renderManagementOSPMenu(row) : renderMenu(row),
         },
       ]}
-      rows={(isManagementOSP ? idpsManagedData : idpsData) ?? []}
+      rows={rowItems}
       getRowId={(row: { [key: string]: string }) => row.identityProviderId}
       hasBorder={false}
       searchPlaceholder={
@@ -482,6 +484,13 @@ export const IDPList = ({ isManagementOSP }: { isManagementOSP?: boolean }) => {
       onButtonClick={() => dispatch(show(OVERLAYS.ADD_IDP))}
       buttonLabel={t('content.onboardingServiceProvider.addIdentityProvider')}
       sx={isManagementOSP ? style : undefined}
+      noRowsMsg={
+        !rowItems.length
+          ? searchExpr
+            ? t('shared.table.emptySearchTable')
+            : t('shared.table.emptyTable')
+          : ''
+      }
     />
   )
 }

src/components/pages/InviteBusinessPartner/components/InviteList/index.tsx

@@ -33,6 +33,7 @@ import dayjs from 'dayjs'
 import { setSearchInput } from 'features/appManagement/actions'
 import { updateInviteSelector } from 'features/control/updates'
 import { isCompanyName } from 'types/Patterns'
+import { PAGES } from 'types/Constants'
 
 interface FetchHookArgsType {
   expr: string
@@ -57,6 +58,10 @@ export const InviteList = ({
   const dispatch = useDispatch()
   const [refresh, setRefresh] = useState<number>(0)
   const searchInputData = useSelector(updateInviteSelector)
+  const mappedTableSearchTranslation = {
+    [PAGES.NO_SEARCH_TABLE_DATA]: t('shared.table.emptySearchTable'),
+    [PAGES.NO_TABLE_DATA]: t('shared.table.emptyTable'),
+  }
 
   const validateSearchText = (expr: string) => {
     const validateExpr = isCompanyName(expr)
@@ -135,6 +140,7 @@ export const InviteList = ({
             ),
           },
         ]}
+        mappedTableSearchTranslation={mappedTableSearchTranslation}
       />
     </section>
   )

src/components/pages/OnboardingServiceProvider/OnboardingServiceProvider.tsx

@@ -51,6 +51,7 @@ import { InputType } from 'components/shared/basic/Input/BasicInput'
 import { type IHashMap } from 'types/MainTypes'
 import { success } from 'services/NotifyService'
 import WarningAmberIcon from '@mui/icons-material/WarningAmber'
+import { PAGES } from 'types/Constants'
 
 const OnboardingServiceProvider = () => {
   const { t } = useTranslation()
@@ -65,6 +66,10 @@ const OnboardingServiceProvider = () => {
   const [callbackData, setCallbackData] = useState<
     RegistartionStatusCallbackType | undefined
   >(undefined)
+  const mappedTableSearchTranslation = {
+    [PAGES.NO_SEARCH_TABLE_DATA]: t('shared.table.emptySearchTable'),
+    [PAGES.NO_TABLE_DATA]: t('shared.table.emptyTable'),
+  }
 
   const handleTabChange = (
     _e: SyntheticEvent<Element, Event>,
@@ -398,6 +403,7 @@ const OnboardingServiceProvider = () => {
                   sortable: false,
                 },
               ]}
+              mappedTableSearchTranslation={mappedTableSearchTranslation}
             />
           </div>
         </TabPanel>

src/components/pages/PartnerNetwork/index.tsx

@@ -170,7 +170,6 @@ const PartnerNetwork = () => {
           loading={loading}
           rows={allItems}
           rowsCount={allItems?.length}
-          noRowsMsg={t('content.companyData.table.noRowsMsg')}
           nextPage={() => {
             setPage(page + 1)
           }}
@@ -179,6 +178,13 @@ const PartnerNetwork = () => {
             memberData.meta.page < memberData.meta.totalPages - 1
           }
           hideFooterPagination={true}
+          noRowsMsg={
+            !allItems.length
+              ? expr || bpn
+                ? t('shared.table.emptySearchTable')
+                : t('shared.table.emptyTable')
+              : ''
+          }
         />
       </section>
     </main>

src/components/pages/SemanticHub/ModelTable.tsx

@@ -45,6 +45,7 @@ type SelectedFilter = {
 const ModelTable = ({ onModelSelect }: ModelTableProps) => {
   const { t } = useTranslation()
   const dispatch = useDispatch<AppDispatch>()
+  const [searchExpr, setSearchExpr] = useState<string>('')
   const { modelList, loadingModelList, deleteModelId, uploadedModel, error } =
     useSelector(semanticModelsSelector)
   const [models, setModels] = useState<SemanticModel[]>([])
@@ -126,6 +127,7 @@ const ModelTable = ({ onModelSelect }: ModelTableProps) => {
         status: selectedFilter.status[0],
       }),
     }
+    setSearchExpr(value)
     dispatch(fetchSemanticModels({ filter }))
   }
 
@@ -202,7 +204,13 @@ const ModelTable = ({ onModelSelect }: ModelTableProps) => {
             })
           )
         }
-        noRowsMsg={t('global.noData.heading')}
+        noRowsMsg={
+          !models.length
+            ? searchExpr
+              ? t('shared.table.emptySearchTable')
+              : t('shared.table.emptyTable')
+            : ''
+        }
       />
       <div className="load-more-button-container">
         {modelList.totalPages !== pageNumber && (