refactor(components, app, shared-data): move ProtocolDeck and utils to shared directories (#18949)

I moved `ProtocolDeck` to `components` and all utils it uses to
`shared-data` so that Protocol Library can have an up to date
`@opentrons/components` that supports Flex stacker.

Author: jerader

app/src/molecules/LabwareStackContents/index.tsx

@@ -17,7 +17,7 @@ import { getIsOnDevice } from '/app/redux/config'
 
 import type { Dispatch, SetStateAction } from 'react'
 import type { StyleProps } from '@opentrons/components'
-import type { LabwareInStack } from '/app/transformations/commands'
+import type { LabwareInStack } from '@opentrons/shared-data'
 
 const HIDE_SCROLLBAR = css`
   ::-webkit-scrollbar {

app/src/molecules/LiquidDetailCard/LiquidCardList.tsx

@@ -9,8 +9,11 @@ import { getIsOnDevice } from '/app/redux/config'
 import { LiquidDetailCard } from './LiquidDetailCard'
 
 import type { Dispatch, SetStateAction } from 'react'
-import type { LabwareDefinition, ParsedLiquid } from '@opentrons/shared-data'
-import type { LabwareByLiquidId } from '/app/transformations/commands'
+import type {
+  LabwareByLiquidId,
+  LabwareDefinition,
+  ParsedLiquid,
+} from '@opentrons/shared-data'
 
 interface LiquidCardListProps {
   selectedLabwareDefinition: LabwareDefinition

app/src/organisms/Desktop/ChooseProtocolSlideout/index.tsx

@@ -29,6 +29,7 @@ import {
   NO_WRAP,
   OVERFLOW_WRAP_ANYWHERE,
   PrimaryButton,
+  ProtocolDeck,
   SecondaryButton,
   SPACING,
   Tooltip,
@@ -52,7 +53,6 @@ import { useTrackCreateProtocolRunEvent } from '/app/organisms/Desktop/Devices/h
 import { getAnalysisStatus } from '/app/organisms/Desktop/ProtocolsLanding/utils'
 import { LegacyApplyHistoricOffsets } from '/app/organisms/LegacyApplyHistoricOffsets'
 import { useOffsetCandidatesForAnalysis } from '/app/organisms/LegacyApplyHistoricOffsets/hooks/useOffsetCandidatesForAnalysis'
-import { ProtocolDeck } from '/app/organisms/ProtocolDeck'
 import { useRobotType } from '/app/redux-resources/robots'
 import { OPENTRONS_USB } from '/app/redux/discovery'
 import { getStoredProtocols } from '/app/redux/protocol-storage'

app/src/organisms/Desktop/Devices/ProtocolRun/SetupLabware/LabwareListItem.tsx

@@ -27,7 +27,9 @@ import {
 } from '@opentrons/components'
 import { useCreateLiveCommandMutation } from '@opentrons/react-api-client'
 import {
+  getLabwareLiquidRenderInfoFromStack,
   getLabwareViewBox,
+  getModuleFromStack,
   getModuleType,
   HEATERSHAKER_MODULE_TYPE,
   MAGNETIC_MODULE_TYPE,
@@ -36,27 +38,21 @@ import {
 } from '@opentrons/shared-data'
 
 import { ToggleButton } from '/app/atoms/buttons'
-import {
-  getLabwareLiquidRenderInfoFromStack,
-  getModuleFromStack,
-} from '/app/transformations/commands'
 
 import { SecureLabwareModal } from './SecureLabwareModal'
 
 import type { MouseEvent } from 'react'
 import type {
   HeaterShakerCloseLatchCreateCommand,
   HeaterShakerOpenLatchCreateCommand,
-  LabwareDefinition,
-  ModuleType,
-} from '@opentrons/shared-data'
-import type { ModuleRenderInfoForProtocol } from '/app/resources/runs'
-import type {
   LabwareByLiquidId,
+  LabwareDefinition,
   LabwareDefinitionsByURI,
   LabwareInStack,
+  ModuleType,
   StackItem,
-} from '/app/transformations/commands'
+} from '@opentrons/shared-data'
+import type { ModuleRenderInfoForProtocol } from '/app/resources/runs'
 import type { ModuleTypesThatRequireExtraAttention } from '../utils/getModuleTypesThatRequireExtraAttention'
 
 interface LabwareListItemProps {

app/src/organisms/Desktop/Devices/ProtocolRun/SetupLabware/OffDeckLabwareList.tsx

@@ -11,10 +11,7 @@ import {
 import { LabwareListItem } from './LabwareListItem'
 
 import type { Dispatch, SetStateAction } from 'react'
-import type {
-  LabwareDefinitionsByURI,
-  StackItem,
-} from '/app/transformations/commands'
+import type { LabwareDefinitionsByURI, StackItem } from '@opentrons/shared-data'
 
 interface OffDeckLabwareListProps {
   labwareItems: StackItem[]

app/src/organisms/Desktop/Devices/ProtocolRun/SetupLabware/SetupLabwareList.tsx

@@ -8,22 +8,21 @@ import {
   SPACING,
   StyledText,
 } from '@opentrons/components'
-
 import {
   getLabwareInfoByLiquidId,
   getStackedItemsOnStartingDeck,
   getStacksWithLabware,
-} from '/app/transformations/commands'
+} from '@opentrons/shared-data'
 
 import { LabwareListItem } from './LabwareListItem'
 import { SlotDetailModal } from './SlotDetailModal'
 
 import type {
   CompletedProtocolAnalysis,
   ProtocolAnalysisOutput,
+  StackItem,
 } from '@opentrons/shared-data'
 import type { ModuleRenderInfoForProtocol } from '/app/resources/runs'
-import type { StackItem } from '/app/transformations/commands'
 import type { ModuleTypesThatRequireExtraAttention } from '../utils/getModuleTypesThatRequireExtraAttention'
 
 interface SetupLabwareListProps {

app/src/organisms/Desktop/Devices/ProtocolRun/SetupLabware/SetupLabwareMap.tsx

@@ -12,21 +12,19 @@ import {
 import {
   FLEX_ROBOT_TYPE,
   FLEX_STACKER_MODULE_TYPE,
-  getModuleType,
-  getSimplestDeckConfigForProtocol,
-  THERMOCYCLER_MODULE_V1,
-} from '@opentrons/shared-data'
-
-import { getStandardDeckViewLayerBlockList } from '/app/local-resources/deck_configuration'
-import { getWellFillFromLabwareId } from '/app/organisms/ProtocolDeck'
-import {
   getLabwareDefinitionsByURIForProtocol,
   getLabwareInfoByLiquidId,
   getLabwareOnDeck,
+  getModuleType,
+  getSimplestDeckConfigForProtocol,
   getStackedItemsOnStartingDeck,
   getStacksOnModules,
   getTopLabwareFromStack,
-} from '/app/transformations/commands'
+  getWellFillFromLabwareId,
+  THERMOCYCLER_MODULE_V1,
+} from '@opentrons/shared-data'
+
+import { getStandardDeckViewLayerBlockList } from '/app/local-resources/deck_configuration'
 
 import { LabwareInfoOverlay } from '../LabwareInfoOverlay'
 import { OffDeckLabwareList } from './OffDeckLabwareList'
@@ -36,8 +34,8 @@ import type { LabwareOnDeck } from '@opentrons/components'
 import type {
   CompletedProtocolAnalysis,
   ProtocolAnalysisOutput,
+  StackItem,
 } from '@opentrons/shared-data'
-import type { StackItem } from '/app/transformations/commands'
 
 interface SetupLabwareMapProps {
   runId: string

app/src/organisms/Desktop/Devices/ProtocolRun/SetupLabware/SlotDetailModal.tsx

@@ -19,29 +19,27 @@ import {
   TYPOGRAPHY,
 } from '@opentrons/components'
 import {
+  getLabwareDefinitionsByURIForProtocol,
   getLabwareViewBox,
+  getWellFillFromLabwareId,
   parseLiquidsInLoadOrder,
 } from '@opentrons/shared-data'
 
 import { LabwareStackContents } from '/app/molecules/LabwareStackContents'
 import { LiquidCardList } from '/app/molecules/LiquidDetailCard'
-import { getWellFillFromLabwareId } from '/app/organisms/ProtocolDeck'
 import {
   getDisabledWellGroupForLiquidId,
   getLiquidsByIdForLabware,
   getWellGroupForLiquidId,
 } from '/app/transformations/analysis'
-import { getLabwareDefinitionsByURIForProtocol } from '/app/transformations/commands'
 
 import type {
   CompletedProtocolAnalysis,
-  ProtocolAnalysisOutput,
-} from '@opentrons/shared-data'
-import type {
   LabwareByLiquidId,
   LabwareInStack,
+  ProtocolAnalysisOutput,
   StackItem,
-} from '/app/transformations/commands'
+} from '@opentrons/shared-data'
 
 interface SlotDetailModalProps {
   closeModal: () => void

app/src/organisms/Desktop/Devices/ProtocolRun/SetupLabware/__tests__/SetupLabwareList.test.tsx

@@ -2,21 +2,28 @@ import { MemoryRouter } from 'react-router-dom'
 import { screen } from '@testing-library/react'
 import { beforeEach, describe, it, vi } from 'vitest'
 
-import { multiple_tipacks_with_tc } from '@opentrons/shared-data'
+import {
+  getStacksWithLabware,
+  multiple_tipacks_with_tc,
+} from '@opentrons/shared-data'
 
 import { renderWithProviders } from '/app/__testing-utils__'
 import { i18n } from '/app/i18n'
-import { getStacksWithLabware } from '/app/transformations/commands'
 
 import { LabwareListItem } from '../LabwareListItem'
 import { SetupLabwareList } from '../SetupLabwareList'
 
 import type { ComponentProps } from 'react'
 import type { CompletedProtocolAnalysis } from '@opentrons/shared-data'
 
-vi.mock('/app/transformations/commands')
 vi.mock('../LabwareListItem')
-
+vi.mock('@opentrons/shared-data', async importOriginal => {
+  const actual = await importOriginal<typeof getStacksWithLabware>()
+  return {
+    ...actual,
+    getStacksWithLabware: vi.fn(),
+  }
+})
 const protocolWithTC = (multiple_tipacks_with_tc as unknown) as CompletedProtocolAnalysis
 
 const render = (props: ComponentProps<typeof SetupLabwareList>) => {

app/src/organisms/Desktop/ProtocolDetails/index.tsx

@@ -33,6 +33,7 @@ import {
   OVERFLOW_WRAP_ANYWHERE,
   POSITION_RELATIVE,
   PrimaryButton,
+  ProtocolDeck,
   SecondaryButton,
   SIZE_1,
   SIZE_5,
@@ -53,7 +54,6 @@ import {
 import { getTopPortalEl } from '/app/App/portal'
 import { Divider } from '/app/atoms/structure'
 import { ChooseRobotToRunProtocolSlideout } from '/app/organisms/Desktop/ChooseRobotToRunProtocolSlideout'
-import { ProtocolDeck } from '/app/organisms/ProtocolDeck'
 import {
   ANALYTICS_PROTOCOL_PROCEED_TO_RUN,
   useTrackEvent,