chore: backport to 9.24

Author: gjulivan

packages/pluggableWidgets/charts-web/package.json

@@ -28,7 +28,7 @@
     },
     "packagePath": "com.mendix.widget.web",
     "marketplace": {
-        "minimumMXVersion": "9.6.0.27784",
+        "minimumMXVersion": "9.24.0.2965",
         "appNumber": 105695,
         "appName": "Charts",
         "reactReady": true

packages/pluggableWidgets/pie-doughnut-chart-web/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Breaking
+
+- We remove listened to selection in order for charts to works on Studio Pro 9.24.
+
 ## [6.0.0] - 2025-02-28
 
 ### Changed

packages/pluggableWidgets/pie-doughnut-chart-web/package.json

@@ -18,7 +18,7 @@
     },
     "packagePath": "com.mendix.widget.web",
     "marketplace": {
-        "minimumMXVersion": "9.6.0",
+        "minimumMXVersion": "9.24.0",
         "appName": "Pie Chart"
     },
     "testProject": {

packages/pluggableWidgets/pie-doughnut-chart-web/src/PieChart.tsx

@@ -39,11 +39,10 @@ export function PieChart(props: PieChartContainerProps): ReactElement | null {
         seriesSortOrder: props.seriesSortOrder,
         seriesValueAttribute: props.seriesValueAttribute,
         onClickAction: props.onClickAction,
-        tooltipHoverText: props.tooltipHoverText,
-        seriesItemSelection: props.seriesItemSelection
+        tooltipHoverText: props.tooltipHoverText
     });
 
-    const isPieClickable = props.seriesItemSelection?.type === "Single" || props.onClickAction;
+    const isPieClickable = props.onClickAction;
 
     return (
         <ChartWidget

packages/pluggableWidgets/pie-doughnut-chart-web/src/PieChart.xml

@@ -51,14 +51,6 @@
                     <description />
                     <returnType type="String" />
                 </property>
-                <property key="seriesItemSelection" type="selection" dataSource="seriesDataSource">
-                    <caption>Selection type</caption>
-                    <description />
-                    <selectionTypes>
-                        <selectionType name="None" />
-                        <selectionType name="Single" />
-                    </selectionTypes>
-                </property>
             </propertyGroup>
             <propertyGroup caption="General">
                 <property key="enableAdvancedOptions" type="boolean" defaultValue="false">

packages/pluggableWidgets/pie-doughnut-chart-web/src/hooks/data.ts

@@ -18,7 +18,6 @@ type PieChartDataSeriesHooks = Pick<
     | "seriesSortOrder"
     | "seriesValueAttribute"
     | "tooltipHoverText"
-    | "seriesItemSelection"
 >;
 
 type LocalPieChartData = {
@@ -39,8 +38,7 @@ export const usePieChartDataSeries = ({
     seriesSortOrder,
     seriesValueAttribute,
     onClickAction,
-    tooltipHoverText,
-    seriesItemSelection
+    tooltipHoverText
 }: PieChartDataSeriesHooks): ChartWidgetProps["data"] => {
     const [pieChartData, setPieChartData] = useState<LocalPieChartData[]>([]);
 
@@ -76,11 +74,8 @@ export const usePieChartDataSeries = ({
     const onClick = useCallback(
         (item: ObjectItem) => {
             executeAction(onClickAction?.get(item));
-            if (seriesItemSelection && seriesItemSelection.type === "Single") {
-                seriesItemSelection.setSelection(item);
-            }
         },
-        [onClickAction, seriesItemSelection]
+        [onClickAction]
     );
 
     return useMemo<ChartWidgetProps["data"]>(

packages/pluggableWidgets/pie-doughnut-chart-web/typings/PieChartProps.d.ts

@@ -4,7 +4,7 @@
  * @author Mendix Widgets Framework Team
  */
 import { ComponentType, CSSProperties, ReactNode } from "react";
-import { ListValue, ListActionValue, ListAttributeValue, ListExpressionValue, SelectionSingleValue } from "mendix";
+import { ListValue, ListActionValue, ListAttributeValue, ListExpressionValue } from "mendix";
 import { Big } from "big.js";
 
 export type SeriesSortOrderEnum = "asc" | "desc";
@@ -24,7 +24,6 @@ export interface PieChartContainerProps {
     seriesSortAttribute?: ListAttributeValue<string | boolean | Date | Big>;
     seriesSortOrder: SeriesSortOrderEnum;
     seriesColorAttribute?: ListExpressionValue<string>;
-    seriesItemSelection?: SelectionSingleValue;
     enableAdvancedOptions: boolean;
     showPlaygroundSlot: boolean;
     playground?: ReactNode;
@@ -59,7 +58,6 @@ export interface PieChartPreviewProps {
     seriesSortAttribute: string;
     seriesSortOrder: SeriesSortOrderEnum;
     seriesColorAttribute: string;
-    seriesItemSelection: "None" | "Single";
     enableAdvancedOptions: boolean;
     showPlaygroundSlot: boolean;
     playground: { widgetCount: number; renderer: ComponentType<{ children: ReactNode; caption?: string }> };