CatalogLayerListViewModel

catalogLayerList.catalogLayer = new CatalogLayer({ url });

// Create a new CatalogLayerListViewModel with a listItemCreatedFunction
// that adds an "add-layer" action to each catalog layer list item
const catalogLayerListViewModel = new CatalogLayerListViewModel({
 catalogLayer,
 listItemCreatedFunction: (event) => {
   const { item } = event;
   const { layer } = item;

   if (isLayerFromCatalog(layer)) {
     item.actionsSections = [
       [
         {
           title: "Add layer to map",
           icon: "add-layer",
           id: "add-layer"
         }
       ]
     ];
   }
 },
 view
});

// Listen for the trigger-action event on the CatalogLayerListViewModel
// and add layers from the catalog to the map when the "add-layer" action is triggered.
// To correctly add a layer to the map, you must create a footprint from the layer
// and then create a new layer from the footprint.
catalogLayerListViewModel.on("trigger-action", async (event) => {
  const { id } = event.action;
  const { layer } = event.item;

  if (id === "add-layer") {
    const parentCatalogLayer = catalogUtils.getCatalogLayerForLayer(layer);
    const footprint = parentCatalogLayer.createFootprintFromLayer(layer);
    const layerFromFootprint = await parentCatalogLayer.createLayerFromFootprint(footprint);
    map.add(layerFromFootprint);
  }
});

view.on("click", function(event){
  // event is the event handle returned after the event fires.
  console.log(event.mapPoint);
});