useProcessMiningContext

A hook that provides access to the ProcessMiningModel which has various functions that can be used to interact with the ProcessMining diagram. It can only be used inside an ProcessMining component or an ProcessMiningProvider.

 function ProcessMiningWrapper() {
   const { fitContent, zoomToItem } = useProcessMiningContext()

   return (
     <>
       <ProcessMining eventLog={eventLog} contextMenuItems={(item: ProcessStep | null) => {
           if (item) {
             return [{ title: 'Zoom to Item', action: () => item && zoomToItem(item) }]
           }
           return []
         }}>
       </ProcessMining>
       <Sidebar>
         <button onClick={fitContent}>Fit Content</button>
       </Sidebar>
     </>
   )
 }

 function ProcessMiningDiagram() {
   return (
     <ProcessMiningProvider>
       <ProcessMiningWrapper></ProcessMiningWrapper>
     </ProcessMiningProvider>
   )
 }

Returns

ProcessMiningModel