Custom Asset Manager UI - Getting the "clicked" asset

[Lori-Becker]

Hey there! For work, I've been working on integrating a custom asset manager ui into GrapesJS. The custom UI opens when the Image block is clicked. It also opens when any of the displayed images in the editor is double-clicked. However, in the props passed to open, I do not see any way to determine which image has been double-clicked that triggered opening the asset manager. Let's pretend someone inserts 3 images into the content and they click on Image 2. I want to use this information to display some other elements in the UI. Is there any way to determine what asset has been clicked?

My very simple code for asset manager:

const editor = grapesjs.init({
      height: '100%',
      assetManager: {
        custom: {
          open(props) {
            setAssetManager({
              display: true,
              drawerProps: { onClose: () => props.close() },
              contextValues: { select: props.select, remove: props.remove },
            });
          },
          close(props) {
            setAssetManager({ display: false, drawerProps: {}, contextValues: {} });
          },
        },
      },

[Lori-Becker]

I figured it out. Calling editor.getSelected() gave me a bunch of properties of the clicked image component and then I used editor.getSelected().attributes.src to get the specific image.