Add delay and duration to tooltip trigger; fix storybook

Author: vthomas13

ui/components/multichain/pages/permissions-page/connection-list-item.js

@@ -186,6 +186,8 @@ export const ConnectionListItem = ({ connection, onClick }) => {
               }
               arrow
               offset={0}
+              delay={50}
+              duration={0}
               size="small"
               title={t('alertDisableTooltip')}
               trigger="mouseenter focus"

ui/components/multichain/pages/permissions-page/connection-list-item.stories.js

@@ -21,7 +21,14 @@ export default {
       name: 'MetaMask Portfolio',
       origin: 'https://portfolio.metamask.io',
       subjectType: 'website',
-      addresses: ['0xTestAddress1', '0xTestAddress2'],
+      addresses: [
+        '0xaaaF07C80ce267F3132cE7e6048B66E6E669365B',
+        '0xbbbD671F1Fcc94bCF0ebC6Ec4790Da35E8d5e1E1',
+      ],
+      addressToNameMap: {
+        '0xaaaF07C80ce267F3132cE7e6048B66E6E669365B': 'TestAddress1',
+        '0xbbbD671F1Fcc94bCF0ebC6Ec4790Da35E8d5e1E1': 'TestAddress2',
+      },
     },
     onClick: () => console.log('clicked'),
   },
@@ -63,6 +70,18 @@ ChaosStory.args = {
       '0x777F07C80ce267F3132cE7e6048B66E6E669365B',
       '0x666D671F1Fcc94bCF0ebC6Ec4790Da35E8d5e1E1',
     ],
+    addressToNameMap: {
+      '0xaaaF07C80ce267F3132cE7e6048B66E6E669365B': 'TestAddress1',
+      '0xbbbD671F1Fcc94bCF0ebC6Ec4790Da35E8d5e1E1': 'TestAddress2',
+      '0xcccF07C80ce267F3132cE7e6048B66E6E669365B': 'TestAddress3',
+      '0xdddD671F1Fcc94bCF0ebC6Ec4790Da35E8d5e1E1': 'TestAddress4',
+      '0xeeeF07C80ce267F3132cE7e6048B66E6E669365B': 'TestAddress5',
+      '0xfffD671F1Fcc94bCF0ebC6Ec4790Da35E8d5e1E1': 'TestAddress6',
+      '0x999F07C80ce267F3132cE7e6048B66E6E669365B': 'TestAddress7',
+      '0x888D671F1Fcc94bCF0ebC6Ec4790Da35E8d5e1E1': 'TestAddress8',
+      '0x777F07C80ce267F3132cE7e6048B66E6E669365B': 'TestAddress9',
+      '0x666D671F1Fcc94bCF0ebC6Ec4790Da35E8d5e1E1': 'TestAddress10',
+    },
   },
   onClick: () => {
     console.log(
@@ -85,7 +104,14 @@ SnapStory.args = {
     name: 'Connect'.repeat(100),
     packageName: '@metamask/storybooksnap',
     subjectType: 'snap',
-    addresses: ['OxTestAddress1', 'OxTestAddress2'],
+    addresses: [
+      '0xaaaF07C80ce267F3132cE7e6048B66E6E669365B',
+      '0xbbbD671F1Fcc94bCF0ebC6Ec4790Da35E8d5e1E1',
+    ],
+    addressToNameMap: {
+      '0xaaaF07C80ce267F3132cE7e6048B66E6E669365B': 'TestAddress1',
+      '0xbbbD671F1Fcc94bCF0ebC6Ec4790Da35E8d5e1E1': 'TestAddress2',
+    },
   },
   onClick: () =>
     console.log(