Tree : Fix PassThrough Options checkbox

[kyybo]

Describe the bug

In the Tree component documentation, in the TreePassThroughOptions section, the properties checkbox and checkboxContainer are mentioned.
I tried to get them to work, but without success :
<Tree value={nodes} selectionMode="checkbox" selectionKeys={selectedKeys} onSelectionChange={(e) => setSelectedKeys(e.value)} pt={{ checkbox: { 'aria-label': 'My aria label' } }} />
The checkbox input in DOM doesn't take the aria-label property.

After looking at the code, I noticed that the passtrough checkbox and checkboxContainer options were never used. Instead, the nodeCheckbox option is used, even though it's not mentioned in the documentation.
This can be seen in the file UITreeNode.js on line 750.

So I tried using the nodeCheckbox option and it works.
<Tree value={nodes} selectionMode="checkbox" selectionKeys={selectedKeys} onSelectionChange={(e) => setSelectedKeys(e.value)} pt={{ nodeCheckbox: { 'aria-label': 'My aria label' } }} />
Both checkbox input and checkbox container had the aria-label property :

So we'd need to either update the documentation or modify the implementation to ensure consistency between the two.

Reproducer

No response

System Information

"primereact": "10.8.2"
"react": "^18.2.0"

Steps to reproduce the behavior

No response

Expected behavior

Either update the documentation or modify the implementation to ensure consistency between the two.

[melloware]

I think NodeCheckbox etc is correct so if you can submit a PR correcting the docs that would be great.

[Neelabha29]

Tree Checkbox PT: TreePassThroughOptions is also not working with Tailwind CSS styles

[kyybo]

Neelabha29 and if you try to use the passtrough option nodeCheckbox instead of checkbox (without worrying about typescript warnings) does it work ?