passed the element data inside the modal

Author: ValeriaMaltseva

assets/js/src/core/components/hooks/use-element-actions-menu.tsx

@@ -95,7 +95,12 @@ export const useElementActionsMenu = ({ element, elementType }: IUseElementActio
       onClick: (e) => {
         e.domEvent.stopPropagation()
 
-        openModal()
+        openModal({
+          data: {
+            elementInfo: element,
+            deeplinkUrl
+          }
+        })
       }
     }
   ]

assets/js/src/core/modules/element/components/system-info-modal/hooks/use-system-info-modal.tsx

@@ -8,20 +8,23 @@
  *  @license    Pimcore Open Core License (POCL)
  */
 
-import {
-  useSystemInfoModalContext
-} from '@Pimcore/modules/element/components/system-info-modal/provider/use-system-info-modal-context'
+import { useSystemInfoModalContext } from '@Pimcore/modules/element/components/system-info-modal/provider/use-system-info-modal-context'
+import { type ISystemInfoModalData } from '@Pimcore/modules/element/components/system-info-modal/provider/system-info-modal-provider'
+
+interface IOpenModalData {
+  data: ISystemInfoModalData
+}
 
 interface ISystemInfoModalReturn {
-  openModal: () => void
+  openModal: (data: IOpenModalData) => void
   closeModal: () => void
 }
 
 export const useSystemInfoModal = (): ISystemInfoModalReturn => {
   const systemModalContext = useSystemInfoModalContext()
 
-  const openModal = (): void => {
-    systemModalContext.openModal()
+  const openModal = ({ data }: IOpenModalData): void => {
+    systemModalContext.openModal(data)
   }
 
   const closeModal = (): void => {

assets/js/src/core/modules/element/components/system-info-modal/provider/system-info-modal-provider.tsx

@@ -10,9 +10,15 @@
 
 import React, { createContext, useMemo, useState } from 'react'
 import { SystemInfoModal } from '@Pimcore/modules/element/components/system-info-modal/system-info-modal'
+import { type IElementDraft } from '@Pimcore/modules/element/hooks/use-element-draft'
+
+export interface ISystemInfoModalData {
+  elementInfo: IElementDraft
+  deeplinkUrl: string
+}
 
 export interface SystemInfoModalContextProps {
-  openModal: () => void
+  openModal: (data: ISystemInfoModalData) => void
   closeModal: () => void
   isOpen: boolean
 }
@@ -25,13 +31,16 @@ export const SystemInfoModalContext = createContext<SystemInfoModalContextProps
 
 export const SystemInfoModalProvider = ({ children }: SystemInfoModalProviderProps): React.JSX.Element => {
   const [isOpen, setIsOpen] = useState(false)
+  const [modalData, setModalData] = useState<ISystemInfoModalData | null>(null)
 
-  const openModal = (): void => {
+  const openModal = (data: ISystemInfoModalData): void => {
+    setModalData(data)
     setIsOpen(true)
   }
 
   const closeModal = (): void => {
     setIsOpen(false)
+    setModalData(null)
   }
 
   const contextValue = useMemo(
@@ -47,6 +56,7 @@ export const SystemInfoModalProvider = ({ children }: SystemInfoModalProviderPro
     <SystemInfoModalContext.Provider value={ contextValue }>
       {children}
       <SystemInfoModal
+        data={ modalData }
         isOpen={ isOpen }
         onClose={ closeModal }
       />

assets/js/src/core/modules/element/components/system-info-modal/system-info-modal.tsx

@@ -9,14 +9,21 @@
  */
 
 import React from 'react'
+import { isNil } from 'lodash'
 import { Modal } from '@Pimcore/components/modal/modal'
+import { type ISystemInfoModalData } from './provider/system-info-modal-provider'
 
 export interface ISystemInfoModalProps {
   isOpen: boolean
   onClose: () => void
+  data: ISystemInfoModalData | null
 }
 
-export const SystemInfoModal = ({ isOpen, onClose }: ISystemInfoModalProps): React.JSX.Element => {
+export const SystemInfoModal = ({ isOpen, onClose, data }: ISystemInfoModalProps): React.JSX.Element => {
+  if (isNil(data)) {
+    return <></>
+  }
+
   return (
     <Modal
       onCancel={ onClose }