[User Management] Add user reference data

assets/js/src/core/modules/user/management/detail/tabs/references/components/table/table.tsx

@@ -11,13 +11,14 @@
 *  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
 */
 
-import React from 'react'
+import React, { useEffect } from 'react'
 import { Grid } from '@Pimcore/components/grid/grid'
 import { createColumnHelper } from '@tanstack/react-table'
 import { useTranslation } from 'react-i18next'
-import { type UserWorkspace } from '@Pimcore/modules/user/user-api-slice.gen'
+import { type DependencyToAnObject } from '@Pimcore/modules/user/user-api-slice.gen'
+
 interface ITableProps {
-  data: UserWorkspace[]
+  data: DependencyToAnObject[]
   isLoading: boolean
 }
 
@@ -26,33 +27,37 @@ export const Table = ({
   isLoading
 }: ITableProps): React.JSX.Element => {
   const { t } = useTranslation()
+  const [gridData, setGridData] = React.useState<DependencyToAnObject[]>(data)
+
+  useEffect(() => {
+    setGridData(data)
+  }, [data])
 
   const columnHelper = createColumnHelper()
   const createColumns = (): any => [
     columnHelper.accessor('id', {
-      header: t('user-management.references.columns.id'),
+      header: t('user-management.workspaces.columns.id'),
       meta: {
         type: 'element-cell',
-        editable: false
+        editable: true
       },
-      size: 184
+      size: 100
     }),
-    columnHelper.accessor('cpath', {
-      header: t('user-management.references.columns.cpath'),
+    columnHelper.accessor('path', {
+      header: t('user-management.workspaces.columns.path'),
       meta: {
         type: 'element-cell',
-        editable: false,
+        editable: true,
         autoWidth: true
-      },
-      size: 270
+      }
     }),
     columnHelper.accessor('subtype', {
-      header: t('user-management.references.columns.subtype'),
+      header: t('user-management.workspaces.columns.subtype'),
       meta: {
         type: 'element-cell',
-        editable: false
+        editable: true
       },
-      size: 184
+      size: 150
     })
   ]
   const ownTableColumns = [
@@ -63,7 +68,7 @@ export const Table = ({
     <Grid
       autoWidth
       columns={ ownTableColumns }
-      data={ data }
+      data={ gridData }
       isLoading={ isLoading }
       resizable
       setRowId={ (row) => row.cid }

assets/js/src/core/modules/user/management/detail/tabs/references/references-container.tsx

@@ -15,20 +15,20 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import { Table } from '@Pimcore/modules/user/management/detail/tabs/references/components/table/table'
 import { Accordion } from '@Pimcore/components/accordion/accordion'
+import { useUserDraft } from '@Pimcore/modules/user/hooks/use-user-draft'
+import { useUserContext } from '@Pimcore/modules/user/hooks/use-user-context'
 
 const ReferenceContainer = ({ ...props }): React.JSX.Element => {
   const { t } = useTranslation()
-  // const { id } = useUserContext()
-  // const { user, isLoading } = useUserDraft(id)
-
-  const [references] = React.useState<[]>([])
+  const { id } = useUserContext()
+  const { user } = useUserDraft(id)
 
   const accordionContent = [
     {
       key: '1',
       title: <>{ t('user-management.references.documents') }</>,
       children: <Table
-        data={ references }
+        data={ user?.objectDependencies?.dependencies ?? [] }
         isLoading={ false }
                 />
     }

public/build/30473065-eed4-4d82-9b20-e1ad4929c640/entrypoints.json

@@ -0,0 +1,12 @@
+{
+  "entrypoints": {
+    "core-dll": {
+      "css": [
+        "/bundles/pimcorestudioui/build/30473065-eed4-4d82-9b20-e1ad4929c640/core-dll.css"
+      ],
+      "js": [
+        "/bundles/pimcorestudioui/build/30473065-eed4-4d82-9b20-e1ad4929c640/core-dll.js"
+      ]
+    }
+  }
+}

public/build/5c0b74ca-5754-43a4-a8bc-99f1db392187/entrypoints.json

@@ -0,0 +1,9 @@
+{
+  "entrypoints": {
+    "main": {
+      "js": [
+        "/bundles/pimcorestudioui/build/5c0b74ca-5754-43a4-a8bc-99f1db392187/main.js"
+      ]
+    }
+  }
+}

public/build/5c0b74ca-5754-43a4-a8bc-99f1db392187/manifest.json

@@ -0,0 +1,3 @@
+{
+  "bundles/pimcorestudioui/build/5c0b74ca-5754-43a4-a8bc-99f1db392187/main.js": "/bundles/pimcorestudioui/build/5c0b74ca-5754-43a4-a8bc-99f1db392187/main.js"
+}

public/build/6e304b74-13b3-4ba3-8fa4-e6210241a94e/entrypoints.json

@@ -0,0 +1,9 @@
+{
+  "entrypoints": {
+    "vendor": {
+      "js": [
+        "/bundles/pimcorestudioui/build/6e304b74-13b3-4ba3-8fa4-e6210241a94e/vendor.js"
+      ]
+    }
+  }
+}

public/build/6e304b74-13b3-4ba3-8fa4-e6210241a94e/manifest.json

@@ -0,0 +1,3 @@
+{
+  "bundles/pimcorestudioui/build/6e304b74-13b3-4ba3-8fa4-e6210241a94e/vendor.js": "/bundles/pimcorestudioui/build/6e304b74-13b3-4ba3-8fa4-e6210241a94e/vendor.js"
+}

translations/studio.en.yaml

@@ -475,6 +475,9 @@ user-management.workspaces.columns.create: Create
 user-management.workspaces.columns.settings: Settings
 user-management.workspaces.columns.versions: Versions
 user-management.workspaces.columns.properties: Properties
+user-management.workspaces.columns.path: Path
+user-management.workspaces.columns.id: ID
+user-management.workspaces.columns.subtype: Subtype
 navigation.document-types: Document Types
 navigation.clear-cache: Clear Full Page Cache
 navigation.custom-reports: Custom Reports