fix: update changelog

Author: yordan-st

packages/pluggableWidgets/checkbox-radio-selection-web/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Added
+
+- We added a missing validation alert.
+
 ## [1.0.0] - 2025-08-25
 
 ### Added

packages/pluggableWidgets/checkbox-radio-selection-web/src/components/CheckboxSelection/CheckboxSelection.tsx

@@ -2,6 +2,7 @@ import classNames from "classnames";
 import { createElement, MouseEvent, ReactElement } from "react";
 import { MultiSelector, SelectionBaseProps } from "../../helpers/types";
 import { CaptionContent } from "../CaptionContent";
+import { ValidationAlert } from "@mendix/widget-plugin-component-kit/Alert";
 import { Placeholder } from "../Placeholder";
 
 export function CheckboxSelection({
@@ -18,6 +19,8 @@ export function CheckboxSelection({
     const isReadOnly = selector.readOnly;
     const name = groupName?.value ?? inputId;
 
+    const validation = selector.validation;
+
     const handleChange = (optionId: string, checked: boolean): void => {
         if (!isReadOnly) {
             const newSelection = checked ? [...currentIds, optionId] : currentIds.filter(id => id !== optionId);
@@ -71,6 +74,7 @@ export function CheckboxSelection({
                 );
             })}
             {options.length === 0 && <Placeholder noOptionsText={noOptionsText} />}
+            {validation && <ValidationAlert>{validation}</ValidationAlert>}
         </div>
     );
 }

packages/pluggableWidgets/checkbox-radio-selection-web/src/components/RadioSelection/RadioSelection.tsx

@@ -2,6 +2,7 @@ import classNames from "classnames";
 import { ChangeEvent, createElement, MouseEvent, ReactElement } from "react";
 import { SelectionBaseProps, SingleSelector } from "../../helpers/types";
 import { CaptionContent } from "../CaptionContent";
+import { ValidationAlert } from "@mendix/widget-plugin-component-kit/Alert";
 import { Placeholder } from "../Placeholder";
 import { If } from "@mendix/widget-plugin-component-kit/If";
 
@@ -24,6 +25,8 @@ export function RadioSelection({
     const isReadOnly = selector.readOnly;
     const name = groupName?.value ?? inputId;
 
+    const validation = selector.validation;
+
     const handleChange = (e: ChangeEvent<HTMLInputElement>): void => {
         if (isReadOnly) {
             return;
@@ -89,6 +92,7 @@ export function RadioSelection({
                 );
             })}
             {options.length === 0 && <Placeholder noOptionsText={noOptionsText} />}
+            {validation && <ValidationAlert>{validation}</ValidationAlert>}
         </div>
     );
 }