chore: release->edge for 8.0.0

app/src/organisms/ErrorRecoveryFlows/RecoverySplash.tsx

@@ -15,11 +15,11 @@ import {
   POSITION_ABSOLUTE,
   PrimaryButton,
   SecondaryButton,
+  LargeButton,
   SPACING,
   StyledText,
   TEXT_ALIGN_CENTER,
   TYPOGRAPHY,
-  LargeButton,
   WARNING_TOAST,
 } from '@opentrons/components'
 import {
@@ -66,10 +66,10 @@ type RecoverySplashProps = ErrorRecoveryFlowsProps &
     failedCommand: ReturnType<typeof useRetainedFailedCommandBySource>
     robotType: RobotType
     robotName: string
-    toggleERWizAsActiveUser: UseRecoveryTakeoverResult['toggleERWizAsActiveUser']
-    analytics: UseRecoveryAnalyticsResult<RecoveryRoute, RouteStep>
     /* Whether the app should resume any paused recovery state without user action. */
     resumePausedRecovery: boolean
+    toggleERWizAsActiveUser: UseRecoveryTakeoverResult['toggleERWizAsActiveUser']
+    analytics: UseRecoveryAnalyticsResult<RecoveryRoute, RouteStep>
   }
 export function RecoverySplash(props: RecoverySplashProps): JSX.Element | null {
   const {

app/src/organisms/ODD/QuickTransferFlow/QuickTransferAdvancedSettings/Delay.tsx

@@ -12,7 +12,6 @@ import {
   POSITION_FIXED,
   SPACING,
 } from '@opentrons/components'
-
 import { ANALYTICS_QUICK_TRANSFER_SETTING_SAVED } from '/app/redux/analytics'
 import { getTopPortalEl } from '/app/App/portal'
 import { ChildNavigation } from '/app/organisms/ODD/ChildNavigation'

app/src/pages/ODD/InstrumentDetail/__tests__/InstrumentDetailOverflowMenu.test.tsx

@@ -25,6 +25,7 @@ vi.mock('@opentrons/shared-data', async importOriginal => {
     getPipetteModelSpecs: vi.fn(),
   }
 })
+
 vi.mock('/app/resources/maintenance_runs')
 vi.mock('/app/organisms/PipetteWizardFlows')
 vi.mock('/app/organisms/GripperWizardFlows')

app/src/pages/ODD/QuickTransferDashboard/LongPressModal.tsx

@@ -1,6 +1,7 @@
 import { useState } from 'react'
 import { useDispatch, useSelector } from 'react-redux'
 import { useNavigate } from 'react-router-dom'
+import { createPortal } from 'react-dom'
 import { useTranslation } from 'react-i18next'
 import {
   Flex,
@@ -13,6 +14,7 @@ import {
 import { useCreateRunMutation } from '@opentrons/react-api-client'
 
 import { MAXIMUM_PINNED_PROTOCOLS } from '/app/App/constants'
+import { getTopPortalEl } from '/app/App/portal'
 import { SmallModalChildren } from '/app/molecules/OddModal'
 import { useToaster } from '/app/organisms/ToasterOven'
 import { getPinnedQuickTransferIds, updateConfigValue } from '/app/redux/config'
@@ -94,7 +96,7 @@ export function LongPressModal({
     )
     longpress.setIsLongPressed(false)
   }
-
+  // TODO(sf 10-01-24): Create an ODD-specific component that wraps MenuList with a portal.
   return (
     <>
       {showMaxPinsAlert ? (
@@ -107,32 +109,35 @@ export function LongPressModal({
           }}
         />
       ) : (
-        <MenuList onClick={handleCloseModal} isOnDevice={true}>
-          <MenuItem onClick={handleRunClick} key="play-circle">
-            <Flex>
-              <Icon name="play-circle" size="1.75rem" />
-              <LegacyStyledText marginLeft={SPACING.spacing24}>
-                {t('run_transfer')}
-              </LegacyStyledText>
-            </Flex>
-          </MenuItem>
-          <MenuItem onClick={handlePinClick} key="pin">
-            <Flex>
-              <Icon name="pin" size="2.5rem" />
-              <LegacyStyledText marginLeft={SPACING.spacing24}>
-                {pinned ? t('unpin_transfer') : t('pin_transfer')}
-              </LegacyStyledText>
-            </Flex>
-          </MenuItem>
-          <MenuItem onClick={handleDeleteClick} key="trash" isAlert={true}>
-            <Flex>
-              <Icon name="trash" size="2.5rem" />
-              <LegacyStyledText marginLeft={SPACING.spacing24}>
-                {t('delete_transfer')}
-              </LegacyStyledText>
-            </Flex>
-          </MenuItem>
-        </MenuList>
+        createPortal(
+          <MenuList onClick={handleCloseModal} isOnDevice={true}>
+            <MenuItem onClick={handleRunClick} key="play-circle">
+              <Flex>
+                <Icon name="play-circle" size="1.75rem" />
+                <LegacyStyledText marginLeft={SPACING.spacing24}>
+                  {t('run_transfer')}
+                </LegacyStyledText>
+              </Flex>
+            </MenuItem>
+            <MenuItem onClick={handlePinClick} key="pin">
+              <Flex>
+                <Icon name="pin" size="2.5rem" />
+                <LegacyStyledText marginLeft={SPACING.spacing24}>
+                  {pinned ? t('unpin_transfer') : t('pin_transfer')}
+                </LegacyStyledText>
+              </Flex>
+            </MenuItem>
+            <MenuItem onClick={handleDeleteClick} key="trash" isAlert={true}>
+              <Flex>
+                <Icon name="trash" size="2.5rem" />
+                <LegacyStyledText marginLeft={SPACING.spacing24}>
+                  {t('delete_transfer')}
+                </LegacyStyledText>
+              </Flex>
+            </MenuItem>
+          </MenuList>,
+          getTopPortalEl()
+        )
       )}
     </>
   )

app/src/redux-resources/analytics/hooks/useTrackEventWithRobotSerial.ts

@@ -1,6 +1,6 @@
 import { useSelector } from 'react-redux'
-import { useTrackEvent } from '../../../redux/analytics'
-import { getLocalRobot, getRobotSerialNumber } from '../../../redux/discovery'
+import { useTrackEvent } from '/app/redux/analytics'
+import { getLocalRobot, getRobotSerialNumber } from '/app/redux/discovery'
 
 interface AnalyticsEvent {
   name: string