MultiSelect: is valueTemplate missing?

[AlexanderZeilmann]

Describe the bug

The MultiSelect template documentation mentions a valueTemplate property. However, it seems that it is not implemented for MultiSelect (it is for Dropdown).

See here for a demo: https://stackblitz.com/edit/vitejs-vite-hmrctz?file=src%2FApp.tsx

Reproducer

https://stackblitz.com/edit/vitejs-vite-hmrctz?file=src%2FApp.tsx

System Information

System info (in Stackblitz)


  System:
    OS: Linux 5.0 undefined
    CPU: (5) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.20.3 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.2.3 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  npmPackages:
    primereact: latest => 9.5.0 
    react: ^18.2.0 => 18.2.0 

Steps to reproduce the behavior

1. Implement the valueTemplate as mentioned in the MultiSelect docs.
2. Typescript shows an error, template is not applied.
   

Expected behavior

MultiSelect should implement valueTemplate similar to the Dropdown component.

[melloware]

Yep definitely looks like its missing.

[AlexanderZeilmann]

I just noticed that there is selectedItemTemplate which is called for each selected item:

primereact/components/lib/multiselect/MultiSelect.js

Lines 857 to 871 in e433da4

	if (props.selectedItemTemplate) {
	if (!empty) {
	if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
	return getSelectedItemsLabel();
	}
	return props.value.map((val, index) => {
	const item = ObjectUtils.getJSXElement(props.selectedItemTemplate, val);
	return <React.Fragment key={index}>{item}</React.Fragment>;
	});
	}
	return ObjectUtils.getJSXElement(props.selectedItemTemplate);
	}

Since this is not documented, the easiest fix would probably be to change the docs to

Available options and the selected options support templating with itemTemplate and selectedItemTemplate properties respectively. In addition, header, footer and filter sections can be templated as well.

Maybe valueTemplate could be used as template that is only called once for all selectedValues with the selectedItemTemplates as children

[melloware]

Thanks I am updating the Docs for selectedItemTemplate