docs(SelectDialog): use onSelectionChange event instead of onItemClick (#6860)

Fixes #6855

Author: Lukas742

packages/main/src/components/SelectDialog/SelectDialog.mdx

@@ -92,7 +92,7 @@ const MultiSelectDialog = () => {
   };
   // select/unselect
   const handleItemClick = (e) => {
-    const itemDescription = e.detail.item.dataset.description;
+    const itemDescription = e.detail.targetItem.dataset.description;
     setSelectedItems((prev) => {
       if (prev[itemDescription]) {
         const { [itemDescription]: _omit, ...rest } = prev;
@@ -122,7 +122,7 @@ const MultiSelectDialog = () => {
         open={dialogOpen}
         mode={ListSelectionMode.Multiple}
         numberOfSelectedItems={Object.keys(selectedItems).length}
-        listProps={{ onItemClick: handleItemClick }}
+        listProps={{ onSelectionChange: handleItemClick }}
         showClearButton
         rememberSelections
         onClear={handleClear}

packages/main/src/components/SelectDialog/SelectDialog.stories.tsx

@@ -99,7 +99,7 @@ export const MultiSelect: Story = {
     };
     // select/unselect
     const handleItemClick = (e) => {
-      const itemDescription = e.detail.item.dataset.description;
+      const itemDescription = e.detail.targetItem.dataset.description;
       setSelectedItems((prev) => {
         if (prev[itemDescription]) {
           const { [itemDescription]: _omit, ...rest } = prev;
@@ -129,7 +129,7 @@ export const MultiSelect: Story = {
           open={dialogOpen}
           selectionMode={ListSelectionMode.Multiple}
           numberOfSelectedItems={Object.keys(selectedItems).length}
-          listProps={{ onItemClick: handleItemClick }}
+          listProps={{ onSelectionChange: handleItemClick }}
           showClearButton
           rememberSelections
           onClear={handleClear}