Refactored how event was triggered

resources/js/treeMapChart.js

@@ -54,7 +54,7 @@ const treeMapChart = () => {
 
                             const block = data[series[seriesIndex].name][dataPointIndex]
 
-                            component.emit(onBlockClickEventName, block)
+                            component.call('onBlockClick', block)
                         },
                     }
                 },

src/Charts/LivewireTreeMapChart.php

@@ -18,6 +18,17 @@ public function mount(TreeMapChartModel $treeMapChartModel)
         $this->treeMapChartModel = $treeMapChartModel->toArray();
     }
 
+    public function onBlockClick($block)
+    {
+        $onBlockClickEventName = data_get($this->treeMapChartModel, 'onBlockClickEventName');
+
+        if ($onBlockClickEventName === null) {
+            return;
+        }
+
+        $this->dispatch($onBlockClickEventName, $block);
+    }
+
     public function render()
     {
         return view('livewire-charts::livewire-tree-map-chart');

tests/LivewireTreeMapChartTest.php

@@ -22,4 +22,23 @@ public function can_build_component()
         //Assert
         $this->assertNotNull($component);
     }
+
+    /** @test */
+    public function should_emit_event_if_present()
+    {
+        //Arrange
+        $component = $this->buildComponent();
+
+        $treeMapChartModel = $component->treeMapChartModel;
+
+        data_set($treeMapChartModel, 'onBlockClickEventName', 'custom-event');
+
+        $component->set('treeMapChartModel', $treeMapChartModel);
+
+        //Act
+        $component->runAction('onBlockClick', []);
+
+        //Assert
+        $component->assertDispatched('custom-event');
+    }
 }