IBX-7908: Multivalue dropdown

[GrabowskiM]

🎫 Issue	IBX-7908

Related PRs:

• IBX-7908: Multivalue dropdown design-system-storybook#34

Description:

For QA:

Documentation:

[Copilot]

Pull Request Overview

This PR implements a multivalue dropdown component (IBX-7908), allowing users to select multiple items from a dropdown list with checkboxes. The implementation extends the existing dropdown infrastructure to support multi-selection functionality.

Key changes:

• Added DropdownMultiInput component with checkbox-based item selection
• Extended AbstractDropdown with template property support for custom item rendering
• Created utility function for dynamic template rendering with placeholder replacement

Reviewed Changes

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

Show a summary per file

File	Description
src/lib/Twig/Components/DropdownMulti/Input.php	PHP component for multi-value dropdown with selected items handling
src/lib/Twig/Components/AbstractDropdown.php	Extended base dropdown with item template property support
src/bundle/Resources/views/themes/standard/design_system/partials/base_dropdown.html.twig	Updated dropdown template to support custom item content with template props
src/bundle/Resources/views/themes/standard/design_system/components/dropdown_multi/input.html.twig	Twig template for multi-select dropdown with checkbox items
src/bundle/Resources/public/ts/utils/dom.ts	DOM utility for creating nodes from templates with placeholder replacement
src/bundle/Resources/public/ts/partials/base_dropdown/base_dropdown.ts	Updated base dropdown to support NodeList item content and removed abstract methods
src/bundle/Resources/public/ts/init_components.ts	Added initialization for multi-value dropdown components
src/bundle/Resources/public/ts/components/dropdown/index.ts	Added export for DropdownMultiInput
src/bundle/Resources/public/ts/components/dropdown/dropdown_multi_input.ts	TypeScript implementation of multi-value dropdown with checkbox selection

---

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

[Copilot]

Error message incorrectly references 'DropdownSingleInput' but should reference 'DropdownMultiInput' since this is the DropdownMultiInput class.

Suggested change

	throw new Error('DropdownSingleInput: Required elements are missing in the container.');
	throw new Error('DropdownMultiInput: Required elements are missing in the container.');

[Copilot]

Calling setValue with this._sourceInputNode.value is incorrect for a multi-select. HTMLSelectElement.value returns only the first selected option's value, not all selected values. This line should likely be removed since _value is already initialized from getSelectedValuesFromSource().

Suggested change

	this.setValue(this._sourceInputNode.value);
	// Removed incorrect setValue call for multi-select.

[ViniTou]

for php

[ViniTou]

multiple missing callback return typehints here.

[ViniTou]

what this fancy thing do?

[mikadamczyk]

#[ExposeInTemplate('is_empty')] comes from Symfony UX TwigComponent. It marks the isEmpty() method so that, when the component renders, its return value is automatically available in the Twig template as the variable is_empty. In other words, Twig templates using this component can just write {{ is_empty }} without calling the method explicitly; TwigComponent populates that context entry by running isEmpty().
Without #[ExposeInTemplate('is_empty')], the Twig template would only see the component’s public properties; isEmpty() would remain internal, so you’d have to replicate the empty-check logic in Twig or reference the component object directly (e.g., this.isEmpty()), which is discouraged.

[albozek]

I think at the end of our frontend discussion we decided to skip _ for private class properties