Add onMouseEnter prop to the each item on the ActionList component

[fatimasajadi]

WHY are these changes introduced?

Fixes #8511

The IndexTable component's bulkActions prop has an optional onMouseEnter prop in its type (ActionListSection) that is passed down to the ActionList/Components/Item/Item.tsx component, but it's not used in the Item.tsx. I need to use the onMouseEnter prop for a prefetch task that I am working on, and I don't have access to this prop until it's properly used in the Item.tsx component.

WHAT is this pull request doing?

Using the onMouseEnter Prop in the Item.tsx component.

How to 🎩

1- Use this spin link, and select any number of products in product index page.
2- Open the console on your browser.
3- Open up the bulk edit modal and observe when you hover over the Add available channel(s), and Hello World will be logged to your console.

Screen.Recording.2023-03-01.at.2.32.18.PM.mov

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

Copy-paste this code in playground/Playground.tsx:

import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}

🎩 checklist

• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility
• Updated the component's README.md with documentation changes
• Tophatted documentation changes in the style guide

[github-actions]

size-limit report 📦

Path	Size
polaris-react-cjs	220.33 KB (+0.01% 🔺)
polaris-react-esm	140.06 KB (+0.02% 🔺)
polaris-react-esnext	195.84 KB (+0.01% 🔺)
polaris-react-css	42.33 KB (0%)

[fatimasajadi]

/snapit

[github-actions]

🫰✨ Thanks @fatimasajadi! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/polaris-cli@0.0.0-snapshot-release-20230301180438

yarn add @shopify/polaris-icons@0.0.0-snapshot-release-20230301180438

yarn add @shopify/polaris@0.0.0-snapshot-release-20230301180438

[pamelahicks]

@fatimasajadi can you go through the description's checklist and either fulfill the items or explain why you didn't need to fulfill them?

[fatimasajadi]

@fatimasajadi can you go through the description's checklist and either fulfill the items or explain why you didn't need to fulfill them?

Oh sorry, I missed that part.

[fatimasajadi]

@fatimasajadi can you go through the description's checklist and either fulfill the items or explain why you didn't need to fulfill them?

@pamelahicks, I went through all the checklist items. I checked the second item but based on the provided information on the checklist, I don't think my change requires any of the other items to be checked in the checklist (mobile, accessibility, updating the readme.md, and documentation).

[pamelahicks]

I don't think my change requires any of the other items to be checked in the checklist (mobile, accessibility, updating the readme.md, and documentation).

@fatimasajadi I think a good callout to make about the README not needing to be updated is that the IndexTable README's bulk actions prop type definition already points to mouseEnter as being available and this PR makes that become true.

[kyledurand]

⭐