@opentrons/components 0.2.0-alpha.0 → 0.2.0-alpha.1

package/src/hardware-sim/Labware/LabwareAdapter/OpentronsToughPCRAutoSealingLid.tsx

@@ -1,83 +0,0 @@
-export function OpentronsToughPCRAutoSealingLid(): JSX.Element {
-  return (
-    <svg id="TcDisposable" xmlns="http://www.w3.org/2000/svg" version="1.1">
-      <g id="BgFill">
-        <path
-          stroke="#4a4a4a"
-          fill="#f09d20"
-          strokeWidth=".5px"
-          strokeMiterlimit={10}
-          d="M124.5.6c1.7,0,2.8,1.1,2.8,2.8v.7s.2,2.9.2,2.9v21.2s-.2,5.5-.2,5.5v17.7c0,0,.2,5.5.2,5.5v1.5c0,0,0,19.7,0,19.7l-.2,3.1v.7c0,1.7-1.1,2.9-2.8,2.9h-1.4s-3.1.2-3.1.2h-1.9c0,.1-19.7.1-19.7.1h-1.9c0-.1-3-.4-3-.4h-59.2l-3,.2h-1.9c0,.1-19.7.1-19.7.1h-1.9c0-.1-3-.4-3-.4h-1.4c-1.7,0-2.8-1.2-2.8-2.9v-.7l-.2-3.1v-21.2c0,0,.3-5.5.4-5.5v-17.7c-.1,0-.4-5.5-.4-5.5V7.1l.2-2.9v-.7C.5,1.7,1.5.6,3.2.6h1.4l3-.2h1.9c0-.1,19.8-.1,19.8-.1h1.9c0,.1,3,.4,3,.4h59.1c0,0,3-.3,3-.3h1.9c0-.1,19.7-.1,19.7-.1h1.9c0,.1,3.4.4,3.4.4h1.4Z"
-        />
-      </g>
-      <g id="CornerBrackets">
-        <path
-          id="TopLeftBracket"
-          stroke="#4a4a4a"
-          fill="none"
-          strokeWidth=".4px"
-          strokeMiterlimit={10}
-          d="M4.6.6v1.9c0,0,.7.7,1.5.7h26.5c.8,0,1.6-.7,1.6-.7V.6"
-        />
-        <path
-          id="BottomRightBracket"
-          stroke="#4a4a4a"
-          fill="none"
-          strokeWidth=".4px"
-          strokeMiterlimit={10}
-          d="M123,85.1v-1.9c0,0-.7-.7-1.5-.7h-26.5c-.8,0-1.6.7-1.6.7v1.9"
-        />
-        <path
-          id="BottomLeftBracket"
-          stroke="#4a4a4a"
-          fill="none"
-          strokeWidth=".4px"
-          strokeMiterlimit={10}
-          d="M34.1,85.1v-1.9c0,0-.7-.7-1.5-.7H6.2c-.8,0-1.6.7-1.6.7v1.9h0"
-        />
-        <path
-          id="LeftTopBracket"
-          stroke="#4a4a4a"
-          fill="none"
-          strokeWidth=".4px"
-          strokeMiterlimit={10}
-          d="M.5,4.2h2s.8.8.8,1.6v24.8c0,.8-.8,1.6-.8,1.6H.5"
-        />
-        <path
-          id="LeftBottomBracket"
-          stroke="#4a4a4a"
-          fill="none"
-          strokeWidth=".4px"
-          strokeMiterlimit={10}
-          d="M.5,53.2h2.3s.8.8.8,1.6v24.8c0,.8-.7,1.6-.7,1.6H.5"
-        />
-        <path
-          id="LeftTopBracket-2"
-          data-name="LeftTopBracket"
-          stroke="#4a4a4a"
-          fill="none"
-          strokeWidth=".4px"
-          strokeMiterlimit={10}
-          d="M127.2,32.2h-1.9s-.8-.8-.8-1.6V5.8c0-.8.8-1.6.8-1.6h2"
-        />
-        <path
-          id="LeftBottomBracket-2"
-          data-name="LeftBottomBracket"
-          stroke="#4a4a4a"
-          fill="none"
-          strokeWidth=".4px"
-          strokeMiterlimit={10}
-          d="M127.3,81.2h-2.3s-.8-.8-.7-1.6v-24.8c0-.8.8-1.6.8-1.6h2.3"
-        />
-        <path
-          id="TopRightBracket"
-          stroke="#4a4a4a"
-          fill="none"
-          strokeWidth=".4px"
-          strokeMiterlimit={10}
-          d="M93.5.6v1.9c0,0,.7.7,1.5.7h26.5c.8,0,1.6-.7,1.6-.7V.6"
-        />
-      </g>
-    </svg>
-  )
-}

package/src/hardware-sim/Labware/LabwareAdapter/OpentronsUniversalFlatAdapter.tsx

@@ -1,13 +0,0 @@
-import { COLORS } from '../../../helix-design-system'
-
-export function OpentronsUniversalFlatAdapter(): JSX.Element {
-  return (
-    <svg>
-      <path
-        fill="none"
-        stroke={COLORS.black90}
-        d="M 55.0327 34.1351 c -1.8356 0 -3.3182 1.4826 -3.3182 3.3182 c 0 1.8356 1.4826 3.3182 3.3182 3.3182 c 1.8356 0 3.3182 -1.4826 3.3182 -3.3182 C 58.3509 35.6177 56.8683 34.1351 55.0327 34.1351 z M 55.0327 39.9596 c -1.412 0 -2.5063 -1.1296 -2.5063 -2.5063 c 0 -1.412 1.1649 -2.5063 2.5063 -2.5063 c 1.412 0 2.5063 1.1296 2.5063 2.5063 C 57.539 38.83 56.4094 39.9596 55.0327 39.9596 z M 111.0538 5.7892 C 111.0538 2.5769 108.4416 0 105.2293 0 H 5.8245 C 2.6122 0 0 2.6122 0 5.8245 v 63.3635 c 0 3.2476 2.6122 5.8245 5.8245 5.8245 h 99.4048 c 3.2123 0 5.7539 -2.5416 5.8245 -5.7186 l 0 -0.6354 c 0 -0.5295 0.353 -0.9178 0.8472 -0.9178 h 1.7297 h 2.1533 h 10.3429 c 0.706 0 1.3061 -0.6707 1.3061 -1.4826 v -3.7065 c 0 -0.8119 -0.6001 -1.4826 -1.3061 -1.4826 l -14.1906 -0.0353 c -0.4942 0 -0.8825 -0.3883 -0.8825 -0.9178 v -0.6354 V 15.6379 v -0.6354 c 0 -0.5295 0.353 -0.9178 0.8472 -0.9178 h 1.7297 h 2.1533 h 10.3429 c 0.706 0 1.3061 -0.6707 1.3061 -1.4826 V 8.8603 c 0 -0.8119 -0.6001 -1.4826 -1.3061 -1.4826 l -14.1906 -0.0353 c -0.4942 0 -0.8825 -0.4236 -0.8825 -0.9178 M 120.1612 13.2728 V 8.1896 h 0.9884 v 5.0832 H 120.1612 z M 126.6564 8.8603 v 3.7065 c 0 0.353 -0.2471 0.6707 -0.5295 0.6707 h -4.1654 V 8.1896 h 4.1654 C 126.4093 8.1896 126.6564 8.5073 126.6564 8.8603 z M 119.3846 8.1896 v 5.0832 H 115.784 h -2.1533 H 111.901 c -0.3177 0 -0.6001 0.1059 -0.8472 0.2471 V 7.8719 c 0.2471 0.1765 0.5648 0.2824 0.8825 0.2824 L 119.3846 8.1896 z M 120.1612 66.9641 v -5.0832 h 0.9884 v 5.0832 H 120.1612 z M 126.6564 62.5869 v 3.7065 c 0 0.353 -0.2471 0.6707 -0.5295 0.6707 h -4.1654 v -5.0832 h 4.1654 C 126.4093 61.9162 126.6564 62.2339 126.6564 62.5869 z M 119.3846 61.9162 v 5.0832 H 115.784 h -2.1533 H 111.901 c -0.3177 0 -0.6001 0.1059 -0.8472 0.2471 v -5.6127 c 0.2471 0.1765 0.5648 0.2824 0.8825 0.2824 L 119.3846 61.9162 z M 110.2772 68.6938 v 0.5295 c 0 2.7887 -2.2945 5.0479 -5.0479 5.0479 H 5.8245 c -2.7887 0 -5.0479 -2.2945 -5.0479 -5.0479 V 5.8245 c 0 -2.7887 2.2945 -5.0479 5.0479 -5.0479 h 99.4048 c 2.7887 0 5.0479 2.2945 5.0479 5.0479 v 9.1427 v 0.6354 V 68.6938 z"
-      />
-    </svg>
-  )
-}

package/src/hardware-sim/Labware/LabwareAdapter/index.tsx

@@ -1,74 +0,0 @@
-import { COLORS } from '../../../helix-design-system'
-import { LabwareOutline } from '../labwareInternals'
-import { Opentrons96DeepWellAdapter } from './Opentrons96DeepWellAdapter'
-import { Opentrons96FlatBottomAdapter } from './Opentrons96FlatBottomAdapter'
-import { OpentronsAluminumFlatBottomPlate } from './OpentronsAluminumFlatBottomPlate'
-import { OpentronsAutoclavableDeckRiser } from './OpentronsAutoclavableDeckRiser'
-import { OpentronsFlex96TiprackAdapter } from './OpentronsFlex96TiprackAdapter'
-import { OpentronsToughPCRAutoSealingLid } from './OpentronsToughPCRAutoSealingLid'
-import { OpentronsUniversalFlatAdapter } from './OpentronsUniversalFlatAdapter'
-
-import type { LabwareDefinition } from '@opentrons/shared-data'
-
-const LABWARE_ADAPTER_LOADNAME_PATHS = {
-  opentrons_96_deep_well_adapter: Opentrons96DeepWellAdapter,
-  opentrons_96_flat_bottom_adapter: Opentrons96FlatBottomAdapter,
-  opentrons_aluminum_flat_bottom_plate: OpentronsAluminumFlatBottomPlate,
-  opentrons_flex_96_tiprack_adapter: OpentronsFlex96TiprackAdapter,
-  opentrons_universal_flat_adapter: OpentronsUniversalFlatAdapter,
-  opentrons_tough_pcr_auto_sealing_lid: OpentronsToughPCRAutoSealingLid,
-  opentrons_flex_deck_riser: OpentronsAutoclavableDeckRiser,
-}
-
-export type LabwareAdapterLoadName = keyof typeof LABWARE_ADAPTER_LOADNAME_PATHS
-export const labwareAdapterLoadNames = Object.keys(
-  LABWARE_ADAPTER_LOADNAME_PATHS
-)
-
-export interface LabwareAdapterProps {
-  labwareLoadName: LabwareAdapterLoadName
-  definition?: LabwareDefinition
-  highlight?: boolean
-  highlightShadow?: boolean
-}
-
-export const LabwareAdapter = (
-  props: LabwareAdapterProps
-): JSX.Element | null => {
-  const {
-    labwareLoadName,
-    definition,
-    highlight = false,
-    highlightShadow,
-  } = props
-  const highlightOutline =
-    highlight && definition != null ? (
-      <LabwareOutline
-        definition={definition}
-        highlight={highlight}
-        fill={COLORS.transparent}
-      />
-    ) : null
-  const highlightShadowOutline =
-    highlight && definition != null ? (
-      <LabwareOutline
-        definition={definition}
-        highlight={highlight}
-        highlightShadow={highlightShadow}
-        fill={COLORS.transparent}
-      />
-    ) : null
-  const SVGElement = LABWARE_ADAPTER_LOADNAME_PATHS[labwareLoadName]
-
-  return (
-    <g>
-      {/**
-       * render an initial shadow outline first in the DOM so that the SVG highlight shadow
-       * does not layer over the inside of the SVG labware adapter
-       */}
-      {highlightShadowOutline}
-      <SVGElement />
-      {highlightOutline}
-    </g>
-  )
-}

package/src/hardware-sim/Labware/LabwareRender.stories.tsx

@@ -1,110 +0,0 @@
-import {
-  fixture12Trough as _fixture12Trough,
-  fixture24Tuberack as _fixture24Tuberack,
-  fixture96Plate as _fixture96Plate,
-  fixtureTiprack10ul as _fixtureTiprack10ul,
-  fixtureTiprack300ul as _fixtureTiprack300ul,
-  fixtureTiprack1000ul as _fixtureTiprack1000ul,
-} from '@opentrons/shared-data'
-
-import { RobotWorkSpace } from '../Deck'
-import { LabwareRender } from './LabwareRender'
-
-import type { Meta, Story } from '@storybook/react'
-import type * as React from 'react'
-import type { LabwareDefinition } from '@opentrons/shared-data'
-
-const fixture96Plate = _fixture96Plate as LabwareDefinition
-const fixture24Tuberack = _fixture24Tuberack as LabwareDefinition
-const fixture12Trough = _fixture12Trough as LabwareDefinition
-
-const fixtureTiprack10 = _fixtureTiprack10ul as LabwareDefinition
-const fixtureTiprack300 = _fixtureTiprack300ul as LabwareDefinition
-const fixtureTiprack1000 = _fixtureTiprack1000ul as LabwareDefinition
-
-const labwareDefMap: Record<string, LabwareDefinition> = {
-  [fixture96Plate.metadata.displayName]: fixture96Plate,
-  [fixture24Tuberack.metadata.displayName]: fixture24Tuberack,
-  [fixture12Trough.metadata.displayName]: fixture12Trough,
-}
-
-const tipRackDefMap: Record<string, LabwareDefinition> = {
-  [fixtureTiprack10.metadata.displayName]: fixtureTiprack10,
-  [fixtureTiprack300.metadata.displayName]: fixtureTiprack300,
-  [fixtureTiprack1000.metadata.displayName]: fixtureTiprack1000,
-}
-
-export default {
-  title: 'Library/Molecules/Simulation/Labware',
-  decorators: [
-    Story => (
-      <RobotWorkSpace
-        viewBox={`0 0 ${fixture96Plate.dimensions.xDimension} ${fixture96Plate.dimensions.yDimension}`}
-      >
-        {() => <Story />}
-      </RobotWorkSpace>
-    ),
-  ],
-} as Meta
-
-const Template: Story<React.ComponentProps<typeof LabwareRender>> = ({
-  definition,
-  ...args
-}) => {
-  // Ensure we have a valid definition
-  const resolvedDef = definition || fixture96Plate
-  return (
-    <LabwareRender
-      definition={resolvedDef}
-      positioningMode="passThrough"
-      {...args}
-    />
-  )
-}
-
-export const Basic = Template.bind({})
-Basic.argTypes = {
-  definition: {
-    control: {
-      type: 'select',
-      options: Object.keys(labwareDefMap),
-    },
-  },
-  positioningMode: {
-    control: {
-      type: 'select',
-      options: ['passThrough', 'offsetInSlot'],
-    },
-  },
-}
-Basic.args = {
-  definition: fixture96Plate,
-  wellLabelOption: 'SHOW_LABEL_INSIDE',
-  highlightedWells: { A1: null, A2: null },
-  wellFill: { A1: 'maroon', A2: 'lavender' },
-  highlightLabware: false,
-}
-
-export const TipRack = Template.bind({})
-TipRack.argTypes = {
-  definition: {
-    control: {
-      type: 'select',
-      options: Object.keys(tipRackDefMap),
-    },
-  },
-  positioningMode: {
-    control: {
-      type: 'select',
-      options: ['passThrough', 'offsetInSlot'],
-    },
-  },
-}
-TipRack.args = {
-  definition: fixtureTiprack10,
-  positioningMode: 'passThrough',
-  wellLabelOption: 'SHOW_LABEL_INSIDE',
-  highlightedWells: { A1: null, A2: null },
-  missingTips: { C3: null, D4: null },
-  highlightLabware: false,
-}

package/src/hardware-sim/Labware/LabwareRender.tsx

@@ -1,228 +0,0 @@
-import {
-  getSchema2CornerOffsetFromSlot,
-  getSchema2Dimensions,
-} from '@opentrons/shared-data'
-
-import { LabwareAdapter, labwareAdapterLoadNames } from './LabwareAdapter'
-import {
-  FilledWells,
-  StaticLabware,
-  StrokedWells,
-  StyledWells,
-  WellLabels,
-} from './labwareInternals'
-
-import type { CSSProperties, RefObject } from 'react'
-import type { LabwareDefinition } from '@opentrons/shared-data'
-import type { LabwareAdapterLoadName } from './LabwareAdapter'
-import type {
-  HighlightedWellLabels,
-  WellFill,
-  WellGroup,
-  WellMouseEvent,
-  WellStroke,
-} from './labwareInternals/types'
-
-export const WELL_LABEL_OPTIONS = {
-  SHOW_LABEL_INSIDE: 'SHOW_LABEL_INSIDE',
-  SHOW_LABEL_OUTSIDE: 'SHOW_LABEL_OUTSIDE',
-} as const
-
-export type WellLabelOption = keyof typeof WELL_LABEL_OPTIONS
-
-export interface LabwareRenderProps {
-  /** Labware definition to render */
-  definition: LabwareDefinition
-  /**
-   * How the rendered labware should be positioned. Use `passThrough` for new code.
-   *
-   * `passThrough` -
-   *   The origin of the labware will be at the SVG origin. Beware that what
-   *   "the origin of the labware" corresponds to, physically, is not consistent across
-   *   labware. e.g. do not assume that it's always the labware's front-left corner.
-   *
-   *   To render a labware on its own, use the `getLabwareViewBox()` util from
-   *   shared-data to compute the SVG's viewBox around that origin.
-   *
-   *   To render a labware aligned to something like a deck slot or module, wrap this
-   *   component in an SVG transform. Use a util like shared-data's
-   *   `getDeckSlotOriginToLabwareOrigin()` to compute it.
-   *
-   * `offsetInSlot` -
-   *   The SVG origin will be treated as the origin of the slot enclosing the labware.
-   *   The labware will be offset from that origin according to the labware def's
-   *   cornerOffsetFromSlot.
-   *
-   *   To render a labware on its own, set the SVG viewBox's origin to
-   *   definition.cornerOffsetFromSlot.
-   *
-   *   To render a labware aligned to something like a deck slot or module, wrap this
-   *   component in an SVG transform that places the origin of this component at the
-   *   origin of the slot.
-   *
-   *   This is deprecated because it relies on labware schema 2's slot-centric ideas of
-   *   how labware are positioned. It's also clunky when rendering a labware on its
-   *   own.
-   */
-  // todo(mm, 2025-06-09):
-  // Remove uses of offsetInSlot mode as we're able, and delete it when none are left.
-  positioningMode: 'passThrough' | 'offsetInSlot'
-  /**
-   * Special handling for opentrons_universal_flat_adapter. Unlike other labware,
-   * it rotates to match the underlying module, and that rotation actually matters
-   * because it's asymmetrical.
-   *
-   * This should be true if this is that adapter and we're on the left side of the deck,
-   * and false otherwise.
-   *
-   * Ignored if positioningMode is passThrough, in which case it's the caller's
-   * responsibility to do this rotation.
-   */
-  shouldRotateAdapterOrientation?: boolean
-  /** option to show well labels inside or outside of labware outline */
-  wellLabelOption?: WellLabelOption
-  /** wells to highlight */
-  highlightedWells?: WellGroup | null
-  /** option for none highlighted wells to be disabled */
-  disabledWells?: WellGroup[]
-  missingTips?: WellGroup | null
-  /** color to render well labels */
-  wellLabelColor?: string
-  /** option to highlight well labels with specified color */
-  highlightedWellLabels?: HighlightedWellLabels
-  selectedWells?: WellGroup | null
-  /** CSS color to fill specified wells */
-  wellFill?: WellFill
-  /** CSS color to stroke specified wells */
-  wellStroke?: WellStroke
-  /** CSS color to stroke the labware outline */
-  labwareStroke?: CSSProperties['stroke']
-  /** adds thicker blue border with blur to labware */
-  highlight?: boolean
-  /** adds a drop shadow to the highlight border */
-  highlightShadow?: boolean
-  /** Optional callback, called with WellMouseEvent args onMouseEnter */
-  onMouseEnterWell?: (e: WellMouseEvent) => unknown
-  /** Optional callback, called with WellMouseEvent args onMouseLeave */
-  onMouseLeaveWell?: (e: WellMouseEvent) => unknown
-  gRef?: RefObject<SVGGElement>
-  onLabwareClick?: () => void
-  showBorder?: boolean
-  strokeColor?: string
-}
-
-export const LabwareRender = (props: LabwareRenderProps): JSX.Element => {
-  const { gRef, definition, positioningMode } = props
-
-  const cornerOffsetFromSlot = getSchema2CornerOffsetFromSlot(definition)
-  const labwareLoadName = definition.parameters.loadName
-  const isAdapter = labwareAdapterLoadNames.includes(labwareLoadName)
-
-  if (isAdapter) {
-    const { shouldRotateAdapterOrientation } = props
-    const { xDimension, yDimension } = getSchema2Dimensions(definition)
-
-    return (
-      <g
-        transform={
-          positioningMode === 'offsetInSlot' && shouldRotateAdapterOrientation
-            ? `rotate(180, ${xDimension / 2}, ${yDimension / 2})`
-            : undefined
-        }
-      >
-        <g
-          transform={
-            positioningMode === 'offsetInSlot'
-              ? shouldRotateAdapterOrientation
-                ? `translate(${-cornerOffsetFromSlot.x}, ${-cornerOffsetFromSlot.y})`
-                : `translate(${cornerOffsetFromSlot.x}, ${cornerOffsetFromSlot.y})`
-              : undefined
-          }
-          ref={gRef}
-          onClick={props.onLabwareClick}
-        >
-          <LabwareAdapter
-            labwareLoadName={labwareLoadName as LabwareAdapterLoadName}
-            definition={definition}
-            highlight={props.highlight}
-            highlightShadow={props.highlightShadow}
-          />
-        </g>
-      </g>
-    )
-  }
-  return (
-    <g
-      transform={
-        positioningMode === 'offsetInSlot'
-          ? `translate(${cornerOffsetFromSlot.x}, ${cornerOffsetFromSlot.y})`
-          : undefined
-      }
-      ref={gRef}
-    >
-      <StaticLabware
-        showBorder={props.showBorder}
-        definition={props.definition}
-        onMouseEnterWell={props.onMouseEnterWell}
-        onMouseLeaveWell={props.onMouseLeaveWell}
-        onLabwareClick={props.onLabwareClick}
-        highlight={props.highlight}
-        highlightShadow={props.highlightShadow}
-        wellStroke={props.wellStroke}
-      />
-      {props.wellStroke != null ? (
-        <StrokedWells
-          definition={props.definition}
-          strokeByWell={props.wellStroke}
-        />
-      ) : null}
-      {props.wellFill != null ? (
-        <FilledWells
-          definition={props.definition}
-          fillByWell={props.wellFill}
-          strokeColor={props.strokeColor}
-        />
-      ) : null}
-      {props.disabledWells != null
-        ? props.disabledWells.map((well, index) => (
-            <StyledWells
-              key={index}
-              wellContents="disabledWell"
-              definition={props.definition}
-              wells={well}
-            />
-          ))
-        : null}
-      {props.highlightedWells != null ? (
-        <StyledWells
-          wellContents="highlightedWell"
-          definition={props.definition}
-          wells={props.highlightedWells}
-        />
-      ) : null}
-      {props.selectedWells != null ? (
-        <StyledWells
-          wellContents="selectedWell"
-          definition={props.definition}
-          wells={props.selectedWells}
-        />
-      ) : null}
-      {props.missingTips != null ? (
-        <StyledWells
-          wellContents="tipMissing"
-          definition={props.definition}
-          wells={props.missingTips}
-        />
-      ) : null}
-      {props.wellLabelOption != null &&
-      props.definition.metadata.displayCategory !== 'adapter' ? (
-        <WellLabels
-          definition={props.definition}
-          wellLabelOption={props.wellLabelOption}
-          wellLabelColor={props.wellLabelColor}
-          highlightedWellLabels={props.highlightedWellLabels}
-        />
-      ) : null}
-    </g>
-  )
-}

package/src/hardware-sim/Labware/__tests__/Labware.test.tsx

@@ -1,52 +0,0 @@
-import { render, screen } from '@testing-library/react'
-import { beforeEach, describe, it, vi } from 'vitest'
-
-import '@testing-library/jest-dom/vitest'
-
-import { fixture12Trough } from '@opentrons/shared-data'
-
-import { Labware } from '../Labware'
-import {
-  LabwareOutline,
-  LabwareWellLabelsComponent as LabwareWellLabels,
-} from '../labwareInternals'
-
-import type { ComponentProps } from 'react'
-import type { LabwareDefinition } from '@opentrons/shared-data'
-
-vi.mock('../labwareInternals')
-
-const troughFixture12 = fixture12Trough as LabwareDefinition
-
-describe('Labware', () => {
-  beforeEach(() => {
-    vi.mocked(LabwareOutline).mockReturnValue(<div>mock labware outline</div>)
-  })
-
-  it('should render a labware outline', () => {
-    const props: ComponentProps<typeof Labware> = {
-      definition: troughFixture12,
-      positioningMode: 'passThrough',
-    }
-    render(
-      <svg>
-        <Labware {...props} />
-      </svg>
-    )
-    screen.getByText('mock labware outline')
-  })
-  it('should render well labels', () => {
-    const props: ComponentProps<typeof Labware> = {
-      definition: troughFixture12,
-      positioningMode: 'passThrough',
-      showLabels: true,
-    }
-    vi.mocked(LabwareWellLabels).mockReturnValue(<div>mock well labels</div>)
-    render(
-      <svg>
-        <Labware {...props} />
-      </svg>
-    )
-    screen.getByText('mock well labels')
-  })
-})

package/src/hardware-sim/Labware/__tests__/LabwareRender.test.tsx

@@ -1,67 +0,0 @@
-import { render, screen } from '@testing-library/react'
-import { beforeEach, describe, it, vi } from 'vitest'
-
-import '@testing-library/jest-dom/vitest'
-
-import { fixture12Trough } from '@opentrons/shared-data'
-
-import {
-  StaticLabwareComponent as StaticLabware,
-  StrokedWellsComponent as StrokedWells,
-  WellLabelsComponent as WellLabels,
-} from '../labwareInternals'
-import { LabwareRender, WELL_LABEL_OPTIONS } from '../LabwareRender'
-
-import type { ComponentProps } from 'react'
-import type { LabwareDefinition } from '@opentrons/shared-data'
-
-vi.mock('../labwareInternals')
-
-const troughFixture12 = fixture12Trough as LabwareDefinition
-
-describe('LabwareRender', () => {
-  beforeEach(() => {
-    vi.mocked(StaticLabware).mockReturnValue(<div>mock static labware</div>)
-  })
-
-  it('should render a static labware component', () => {
-    const props: ComponentProps<typeof LabwareRender> = {
-      definition: troughFixture12,
-      positioningMode: 'passThrough',
-    }
-    render(
-      <svg>
-        <LabwareRender {...props} />
-      </svg>
-    )
-    screen.getByText('mock static labware')
-  })
-  it('should render stroked wells', () => {
-    const props: ComponentProps<typeof LabwareRender> = {
-      definition: troughFixture12,
-      positioningMode: 'passThrough',
-      wellStroke: { A1: 'blue' },
-    }
-    vi.mocked(StrokedWells).mockReturnValue(<div>mock stroked wells</div>)
-    render(
-      <svg>
-        <LabwareRender {...props} />
-      </svg>
-    )
-    screen.getByText('mock stroked wells')
-  })
-  it('should render well labels', () => {
-    const props: ComponentProps<typeof LabwareRender> = {
-      definition: troughFixture12,
-      positioningMode: 'passThrough',
-      wellLabelOption: WELL_LABEL_OPTIONS.SHOW_LABEL_INSIDE,
-    }
-    vi.mocked(WellLabels).mockReturnValue(<div>mock well labels</div>)
-    render(
-      <svg>
-        <LabwareRender {...props} />
-      </svg>
-    )
-    screen.getByText('mock well labels')
-  })
-})

package/src/hardware-sim/Labware/index.ts

@@ -1,6 +0,0 @@
-export * from './labwareInternals/index'
-export * from './CalibrationBlockRender'
-export * from './LabwareRender'
-export * from './Labware'
-
-export * from './labwareInternals/types'

package/src/hardware-sim/Labware/labware.module.css

@@ -1,8 +0,0 @@
-.adapter_render {
-  transition: transform 0.3s ease;
-}
-
-.rotated {
-  transform: rotate(180deg); /* fallback in case CSS vars not set */
-  transform-origin: var(--cx) var(--cy);
-}

package/src/hardware-sim/Labware/labwareInternals/FilledWells.tsx

@@ -1,41 +0,0 @@
-import { memo } from 'react'
-import map from 'lodash/map'
-
-import { COLORS } from '../../../helix-design-system'
-import { Well } from './Well'
-
-import type { CSSProperties, MemoExoticComponent, ReactNode } from 'react'
-import type { LabwareDefinition } from '@opentrons/shared-data'
-
-export interface FilledWellsProps {
-  definition: LabwareDefinition
-  fillByWell: Record<string, CSSProperties['fill']>
-  strokeColor?: string
-}
-
-function FilledWellsComponent(props: FilledWellsProps): JSX.Element {
-  const { definition, fillByWell, strokeColor = COLORS.black90 } = props
-  return (
-    <>
-      {map<Record<string, CSSProperties['fill']>, ReactNode>(
-        fillByWell,
-        (color: CSSProperties['fill'], wellName: string): JSX.Element => {
-          return (
-            <Well
-              key={wellName}
-              wellName={wellName}
-              well={definition.wells[wellName]}
-              fill={color}
-              stroke={strokeColor}
-              strokeWidth="0.6"
-            />
-          )
-        }
-      )}
-    </>
-  )
-}
-
-export const FilledWells: MemoExoticComponent<
-  typeof FilledWellsComponent
-> = memo(FilledWellsComponent)