IBX-10850: AltRadio List Field

[GrabowskiM]

🎫 Issue	IBX-10850

Related PRs:

• IBX-10850: Added name to AltRadio List Field design-system#76
• IBX-10850: AltRadio List Field design-system-storybook#35

Description:

For QA:

Documentation:

[Copilot]

Pull Request Overview

This PR implements an AltRadio List Field component, introducing new functionality for rendering and managing lists of alternative radio button inputs with their associated TypeScript behavior.

Key Changes:

• Added backend PHP component class and Twig template for AltRadio list fields
• Implemented TypeScript class to manage AltRadio list field interactions
• Updated initialization code to support the new component

Reviewed Changes

Copilot reviewed 7 out of 7 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
src/lib/Twig/Components/AltRadio/ListField.php	Defines the PHP component class for AltRadio list fields with configuration
src/bundle/Resources/views/themes/standard/design_system/components/alt_radio/list_field.html.twig	Twig template for rendering the AltRadio list field component
src/bundle/Resources/views/themes/standard/design_system/components/alt_radio/input.html.twig	Updated radio input template to support custom initialization and name attribute
src/bundle/Resources/public/ts/init_components.ts	Updated component initialization to include AltRadio list fields
src/bundle/Resources/public/ts/components/alt_radio/index.ts	Exports the new AltRadiosListField class
src/bundle/Resources/public/ts/components/alt_radio/alt_radios_list_field.ts	TypeScript implementation for managing AltRadio list field behavior
src/bundle/Resources/public/ts/components/alt_radio/alt_radio_input.ts	Enhanced radio input class to support list field integration

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Corrected class name from 'ids-alt-radio_tile--error' to 'ids-alt-radio__tile--error' for BEM naming consistency (should use double underscore).

Suggested change

	this.tileElement.classList.toggle('ids-alt-radio_tile--error', value);
	this.tileElement.classList.toggle('ids-alt-radio__tile--error', value);

[Copilot]

Pull Request Overview

Copilot reviewed 9 out of 9 changed files in this pull request and generated 3 comments.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

The type check is too restrictive. The event target could be any element within the tile (like text nodes or other HTML elements), not just HTMLDivElement. This will prevent clicks on child elements from working properly.

Suggested change

	if (!(event.target instanceof HTMLDivElement)) {
	return;
	}
	// Allow clicks from any element within the tile, not just HTMLDivElement

[Copilot]

Using empty string as fallback for undefined value could cause issues if there's an actual item with an empty string ID. Consider using a different approach or ensuring empty string IDs are not valid.

Suggested change

	const currentValueInstance = this.itemsMap.get(this.value ?? '');
	let currentValueInstance: AltRadioInput | undefined;
	if (this.value !== undefined) {
	currentValueInstance = this.itemsMap.get(this.value);
	}

[Copilot]

Using empty string as fallback for undefined value could cause issues if there's an actual item with an empty string ID. Consider using a different approach or ensuring empty string IDs are not valid.

[adamwojs]

@GrabowskiM / @mikadamczyk Rebase is needed here