fix: custom charts set event data attribute

Author: gjulivan

package.json

@@ -53,7 +53,8 @@
             "jest-environment-jsdom": "^29.7.0",
             "json5@1.x": ">=1.0.2",
             "json5@0.x": ">=1.0.2",
-            "@codemirror/view": "^6.34.2",
+            "@codemirror/view": "^6.38.1",
+            "@codemirror/state": "^6.5.2",
             "enzyme>cheerio": "1.0.0-rc.10",
             "ts-node": "10.9.2",
             "react-big-calendar@1>clsx": "2.1.0"

packages/pluggableWidgets/custom-chart-web/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+- We fixed an issue where event data attribute wouldn't successfully get its value set.
+
 ## [1.1.1] - 2025-07-15
 
 ### Fixed

packages/pluggableWidgets/custom-chart-web/package.json

@@ -1,8 +1,8 @@
 {
     "name": "@mendix/custom-chart-web",
     "widgetName": "CustomChart",
-    "version": "1.1.1",
-    "description": "",
+    "version": "1.1.2",
+    "description": "Create customizable charts with Plotly.js for advanced visualization needs",
     "copyright": "© Mendix Technology BV 2025. All rights reserved.",
     "license": "Apache-2.0",
     "repository": {

packages/pluggableWidgets/custom-chart-web/src/controllers/ChartPropsController.ts

@@ -125,10 +125,9 @@ export class ChartPropsController implements ReactiveController {
     private get chartOnClick(): (data: any) => void {
         return (data: any): void => {
             if (this.props.eventDataAttribute) {
-                this.props.eventDataAttribute?.setValue(JSON.stringify(data.points[0].bbox));
-            } else {
-                executeAction(this.props.onClick);
+                this.props.eventDataAttribute.setValue(JSON.stringify(data.points[0].bbox));
             }
+            executeAction(this.props.onClick);
         };
     }
 

packages/pluggableWidgets/custom-chart-web/src/hooks/useCustomChart.ts

@@ -2,7 +2,6 @@ import { EditorStoreState, initStateFromProps, PlaygroundData, useEditorStore }
 import { GateProvider } from "@mendix/widget-plugin-mobx-kit/GateProvider";
 import { useConst } from "@mendix/widget-plugin-mobx-kit/react/useConst";
 import { useSetup } from "@mendix/widget-plugin-mobx-kit/react/useSetup";
-import { executeAction } from "@mendix/widget-plugin-platform/framework/execute-action";
 import { CSSProperties, Ref, RefCallback, useEffect } from "react";
 import { CustomChartControllerHost } from "src/controllers/CustomChartControllerHost";
 import { mergeRefs } from "src/utils/mergeRefs";
@@ -45,13 +44,6 @@ export function useCustomChart(props: CustomChartContainerProps): UseCustomChart
         editorStateGateProvider.setProps(editorStore.state);
     });
 
-    useEffect(() => {
-        if (props.eventDataAttribute?.value && props.onClick) {
-            executeAction(props.onClick);
-            props.eventDataAttribute.setValue("");
-        }
-    }, [props.eventDataAttribute?.value]);
-
     const containerStyle: CSSProperties = {
         width: props.widthUnit === "percentage" ? `${props.width}%` : `${props.width}px`
     };

packages/pluggableWidgets/custom-chart-web/src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="CustomChart" version="1.1.1" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="CustomChart" version="1.1.2" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="CustomChart.xml" />
         </widgetFiles>