@opentrons/components 0.1.6-alpha.9 → 0.1.7-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (776) hide show
  1. package/README.md +1 -2
  2. package/lib/alerts/AlertItem.d.ts +3 -3
  3. package/lib/assets/localization/en/index.d.ts +118 -0
  4. package/lib/assets/localization/index.d.ts +202 -0
  5. package/lib/assets/localization/zh/index.d.ts +82 -0
  6. package/lib/atoms/Checkbox/index.d.ts +3 -2
  7. package/lib/atoms/CheckboxField/index.d.ts +4 -4
  8. package/lib/atoms/Chip/index.d.ts +2 -0
  9. package/lib/atoms/Divider/index.d.ts +2 -2
  10. package/lib/atoms/InlineNotification/index.d.ts +18 -0
  11. package/lib/atoms/InputField/index.d.ts +10 -10
  12. package/lib/atoms/ListButton/ListButtonChildren/ListButtonAccordion.d.ts +2 -2
  13. package/lib/atoms/ListButton/ListButtonChildren/ListButtonAccordionContainer.d.ts +2 -2
  14. package/lib/atoms/ListButton/index.d.ts +9 -3
  15. package/lib/atoms/ListItem/ListItemChildren/ListItemCustomize.d.ts +2 -2
  16. package/lib/atoms/ListItem/ListItemChildren/ListItemDescriptor.d.ts +5 -0
  17. package/lib/atoms/ListItem/index.d.ts +3 -3
  18. package/lib/atoms/ListTable/index.d.ts +6 -0
  19. package/lib/atoms/MenuList/OverflowBtn.d.ts +3 -3
  20. package/lib/atoms/MenuList/index.d.ts +3 -3
  21. package/lib/atoms/StyledText/LegacyStyledText.d.ts +3 -3
  22. package/lib/atoms/StyledText/StyledText.d.ts +7 -3
  23. package/lib/atoms/SubListTable/index.d.ts +6 -0
  24. package/lib/atoms/Tag/index.d.ts +6 -2
  25. package/lib/atoms/Toast/index.d.ts +1 -1
  26. package/lib/atoms/Tooltip/index.d.ts +3 -3
  27. package/lib/atoms/buttons/LargeButton.d.ts +3 -3
  28. package/lib/atoms/buttons/RadioButton.d.ts +37 -4
  29. package/lib/atoms/buttons/SecondaryButton.d.ts +1 -0
  30. package/lib/atoms/buttons/TertiaryButton.d.ts +3 -0
  31. package/lib/atoms/buttons/index.d.ts +1 -0
  32. package/lib/atoms/index.d.ts +3 -0
  33. package/lib/buttons/Button.d.ts +5 -5
  34. package/lib/controls/ControlInfo.d.ts +2 -2
  35. package/lib/controls/LabeledButton.d.ts +2 -2
  36. package/lib/controls/LabeledCheckbox.d.ts +3 -3
  37. package/lib/controls/LabeledControl.d.ts +3 -3
  38. package/lib/controls/LabeledRadioGroup.d.ts +2 -2
  39. package/lib/controls/StackedLabeledControl.d.ts +3 -3
  40. package/lib/controls/ToggleButton.d.ts +8 -2
  41. package/lib/controls/index.d.ts +0 -2
  42. package/lib/forms/DeprecatedCheckboxField.d.ts +3 -3
  43. package/lib/forms/FormGroup.d.ts +2 -2
  44. package/lib/forms/LegacyInputField.d.ts +6 -6
  45. package/lib/forms/RadioGroup.d.ts +4 -4
  46. package/lib/forms/SelectField.d.ts +3 -3
  47. package/lib/forms/ToggleField.d.ts +2 -2
  48. package/lib/forms/index.d.ts +0 -1
  49. package/lib/hardware-sim/BaseDeck/BaseDeck.d.ts +19 -7
  50. package/lib/hardware-sim/BaseDeck/SingleSlotFixture.d.ts +4 -4
  51. package/lib/hardware-sim/BaseDeck/SlotBase.d.ts +2 -2
  52. package/lib/hardware-sim/BaseDeck/SlotClip.d.ts +2 -2
  53. package/lib/hardware-sim/BaseDeck/StagingAreaFixture.d.ts +4 -4
  54. package/lib/hardware-sim/BaseDeck/WasteChuteFixture.d.ts +13 -4
  55. package/lib/hardware-sim/BaseDeck/WasteChuteStagingAreaFixture.d.ts +7 -4
  56. package/lib/hardware-sim/Deck/DeckFromLayers.d.ts +1 -0
  57. package/lib/hardware-sim/Deck/FlexTrash.d.ts +6 -1
  58. package/lib/hardware-sim/Deck/MoveLabwareOnDeck.d.ts +3 -3
  59. package/lib/hardware-sim/Deck/OT2Layers.d.ts +5 -1
  60. package/lib/hardware-sim/Deck/RobotCoordsForeignDiv.d.ts +5 -3
  61. package/lib/hardware-sim/Deck/RobotCoordsForeignObject.d.ts +4 -4
  62. package/lib/hardware-sim/Deck/RobotCoordsText.d.ts +4 -3
  63. package/lib/hardware-sim/Deck/RobotWorkSpace.d.ts +3 -3
  64. package/lib/hardware-sim/Deck/__mocks__/getDeckDefinitions.d.ts +1 -1
  65. package/lib/hardware-sim/DeckConfigurator/FlexStackerFixture.d.ts +11 -0
  66. package/lib/hardware-sim/DeckConfigurator/index.d.ts +3 -3
  67. package/lib/hardware-sim/DeckSlotLocation/index.d.ts +4 -4
  68. package/lib/hardware-sim/Labware/Labware.d.ts +3 -3
  69. package/lib/hardware-sim/Labware/LabwareAdapter/index.d.ts +2 -2
  70. package/lib/hardware-sim/Labware/LabwareRender.d.ts +3 -3
  71. package/lib/hardware-sim/Labware/index.d.ts +0 -1
  72. package/lib/hardware-sim/Labware/labwareInternals/FilledWells.d.ts +3 -3
  73. package/lib/hardware-sim/Labware/labwareInternals/LabwareWellLabels.d.ts +2 -2
  74. package/lib/hardware-sim/Labware/labwareInternals/StaticLabware.d.ts +3 -3
  75. package/lib/hardware-sim/Labware/labwareInternals/StrokedWells.d.ts +3 -3
  76. package/lib/hardware-sim/Labware/labwareInternals/StyledWells.d.ts +5 -5
  77. package/lib/hardware-sim/Labware/labwareInternals/Well.d.ts +6 -6
  78. package/lib/hardware-sim/Labware/labwareInternals/WellLabels.d.ts +2 -2
  79. package/lib/hardware-sim/Labware/labwareInternals/getTiprackBackgroundColor.d.ts +1 -0
  80. package/lib/hardware-sim/Labware/labwareInternals/types.d.ts +2 -2
  81. package/lib/hardware-sim/Module/FlexStacker.d.ts +1 -0
  82. package/lib/hardware-sim/Module/ModuleTag.d.ts +2 -2
  83. package/lib/hardware-sim/Module/index.d.ts +5 -5
  84. package/lib/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpace.d.ts +2 -2
  85. package/lib/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpaceWithRef.d.ts +2 -2
  86. package/lib/hardware-sim/index.d.ts +0 -2
  87. package/lib/helix-design-system/colors.d.ts +2 -1
  88. package/lib/hooks/index.d.ts +0 -1
  89. package/lib/hooks/useMenuHandleClickOutside.d.ts +3 -3
  90. package/lib/hooks/useSwipe.d.ts +1 -1
  91. package/lib/i18n.d.ts +14 -0
  92. package/lib/icons/Icon.d.ts +2 -2
  93. package/lib/icons/ModuleIcon.d.ts +1 -1
  94. package/lib/icons/NotificationIcon.d.ts +1 -1
  95. package/lib/instrument/InstrumentDiagram.d.ts +1 -1
  96. package/lib/instrument/InstrumentInfo.d.ts +2 -2
  97. package/lib/instrument/index.d.ts +0 -1
  98. package/lib/interaction-enhancers/ClickOutside.d.ts +4 -3
  99. package/lib/interaction-enhancers/HandleKeypress.d.ts +4 -3
  100. package/lib/legacy-hardware-sim/ModuleItem.d.ts +1 -1
  101. package/lib/lists/SidePanelGroup.d.ts +2 -2
  102. package/lib/lists/TitledList.d.ts +8 -8
  103. package/lib/modals/AlertModal.d.ts +3 -3
  104. package/lib/modals/LegacyModal.d.ts +4 -4
  105. package/lib/modals/Modal.d.ts +7 -5
  106. package/lib/modals/ModalHeader.d.ts +5 -4
  107. package/lib/modals/ModalShell.d.ts +5 -5
  108. package/lib/modals/Overlay.d.ts +3 -3
  109. package/lib/modals/SpinnerModalPage.d.ts +2 -2
  110. package/lib/molecules/Banner/index.d.ts +5 -5
  111. package/lib/molecules/DeckInfoLabel/index.d.ts +3 -3
  112. package/lib/molecules/DeckLabel/index.d.ts +2 -1
  113. package/lib/molecules/DropdownMenu/index.d.ts +22 -6
  114. package/lib/molecules/InfoScreen/index.d.ts +3 -1
  115. package/lib/molecules/LiquidIcon/index.d.ts +2 -2
  116. package/lib/molecules/ListAccordion/index.d.ts +11 -0
  117. package/lib/molecules/ReleaseNotes/index.d.ts +5 -0
  118. package/lib/molecules/Tabs/index.d.ts +1 -0
  119. package/lib/molecules/TextListTableContent/__tests__/TextListTableContent.test.d.ts +1 -0
  120. package/lib/molecules/TextListTableContent/index.d.ts +8 -0
  121. package/lib/molecules/index.d.ts +3 -0
  122. package/lib/nav/SidePanel.d.ts +2 -2
  123. package/lib/organisms/CommandText/__tests__/CommandText.test.d.ts +1 -0
  124. package/lib/organisms/CommandText/fixtures/index.d.ts +2 -0
  125. package/lib/organisms/CommandText/index.d.ts +26 -0
  126. package/lib/organisms/CommandText/useCommandTextString/index.d.ts +30 -0
  127. package/lib/organisms/CommandText/useCommandTextString/utils/__tests__/formatDuration.test.d.ts +1 -0
  128. package/lib/organisms/CommandText/useCommandTextString/utils/__tests__/getFinalLabwareLocation.test.d.ts +1 -0
  129. package/lib/organisms/CommandText/useCommandTextString/utils/__tests__/getLabwareDisplayLocation.test.d.ts +1 -0
  130. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getFlexStackerCommandText.test.d.ts +1 -0
  131. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getPipettingCommandText.test.d.ts +1 -0
  132. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getRobotCommandText.test.d.ts +1 -0
  133. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getAbsorbanceReaderCommandText.d.ts +12 -0
  134. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getCommentCommandText.d.ts +3 -0
  135. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getConfigureForVolumeCommandText.d.ts +3 -0
  136. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getConfigureNozzleLayoutCommandText.d.ts +3 -0
  137. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getCustomCommandText.d.ts +3 -0
  138. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getDelayCommandText.d.ts +3 -0
  139. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getDirectTranslationCommandText.d.ts +11 -0
  140. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getFlexStackerCommandText.d.ts +12 -0
  141. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getHSShakeSpeedCommandText.d.ts +3 -0
  142. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getLiquidProbeCommandText.d.ts +5 -0
  143. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getLoadCommandText.d.ts +2 -0
  144. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveLabwareCommandText.d.ts +3 -0
  145. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveRelativeCommandText.d.ts +3 -0
  146. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToAddressableAreaCommandText.d.ts +3 -0
  147. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToAddressableAreaForDropTipCommandText.d.ts +3 -0
  148. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToCoordinatesCommandText.d.ts +3 -0
  149. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToSlotCommandText.d.ts +3 -0
  150. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToWellCommandText.d.ts +3 -0
  151. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getPipettingCommandText.d.ts +2 -0
  152. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getPrepareToAspirateCommandText.d.ts +3 -0
  153. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getRailLightsCommandText.d.ts +8 -0
  154. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getRobotCommandText.d.ts +4 -0
  155. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getTCRunExtendedProfileCommandText.d.ts +13 -0
  156. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getTCRunProfileCommandText.d.ts +4 -0
  157. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getTemperatureCommandText.d.ts +12 -0
  158. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getUnknownCommandText.d.ts +2 -0
  159. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getWaitForDurationCommandText.d.ts +3 -0
  160. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getWaitForResumeCommandText.d.ts +3 -0
  161. package/lib/organisms/CommandText/useCommandTextString/utils/commandText/index.d.ts +28 -0
  162. package/lib/organisms/CommandText/useCommandTextString/utils/formatDuration.d.ts +8 -0
  163. package/lib/organisms/CommandText/useCommandTextString/utils/getAddressableAreaDisplayName.d.ts +3 -0
  164. package/lib/organisms/CommandText/useCommandTextString/utils/getFinalAddressableAreaCmd.d.ts +8 -0
  165. package/lib/organisms/CommandText/useCommandTextString/utils/getFinalLabwareLocation.d.ts +12 -0
  166. package/lib/organisms/CommandText/useCommandTextString/utils/getLabwareDefinitionsFromCommands.d.ts +2 -0
  167. package/lib/organisms/CommandText/useCommandTextString/utils/getLabwareDisplayLocation.d.ts +15 -0
  168. package/lib/organisms/CommandText/useCommandTextString/utils/getLabwareLocation.d.ts +37 -0
  169. package/lib/organisms/CommandText/useCommandTextString/utils/getLabwareName.d.ts +8 -0
  170. package/lib/organisms/CommandText/useCommandTextString/utils/getLiquidDisplayName.d.ts +2 -0
  171. package/lib/organisms/CommandText/useCommandTextString/utils/getLoadedLabware.d.ts +3 -0
  172. package/lib/organisms/CommandText/useCommandTextString/utils/getLoadedModule.d.ts +3 -0
  173. package/lib/organisms/CommandText/useCommandTextString/utils/getModuleDisplayLocation.d.ts +2 -0
  174. package/lib/organisms/CommandText/useCommandTextString/utils/getModuleModel.d.ts +3 -0
  175. package/lib/organisms/CommandText/useCommandTextString/utils/getPipetteNameOnMount.d.ts +4 -0
  176. package/lib/organisms/CommandText/useCommandTextString/utils/getWellRange.d.ts +8 -0
  177. package/lib/organisms/CommandText/useCommandTextString/utils/helpers.d.ts +1 -0
  178. package/lib/organisms/CommandText/useCommandTextString/utils/index.d.ts +10 -0
  179. package/lib/organisms/CommandText/useCommandTextString/utils/types.d.ts +8 -0
  180. package/lib/organisms/DeckLabelSet/index.d.ts +4 -2
  181. package/lib/organisms/FixtureOption/__tests__/FixtureOption.test.d.ts +1 -0
  182. package/lib/organisms/FixtureOption/index.d.ts +10 -0
  183. package/lib/organisms/ProtocolTimelineScrubber/CommandItem.d.ts +12 -0
  184. package/lib/organisms/ProtocolTimelineScrubber/PipetteVisuals.d.ts +25 -0
  185. package/lib/organisms/ProtocolTimelineScrubber/index.d.ts +10 -0
  186. package/lib/organisms/ProtocolTimelineScrubber/types.d.ts +2 -0
  187. package/lib/organisms/ProtocolTimelineScrubber/utils.d.ts +23 -0
  188. package/lib/organisms/Toolbox/index.d.ts +5 -8
  189. package/lib/organisms/index.d.ts +3 -1
  190. package/lib/primitives/ForeignObject.d.ts +1 -1
  191. package/lib/primitives/Link.d.ts +1 -1
  192. package/lib/primitives/Svg.d.ts +1 -1
  193. package/lib/primitives/style-props.d.ts +5 -2
  194. package/lib/primitives/types.d.ts +3 -2
  195. package/lib/structure/Card.d.ts +3 -3
  196. package/lib/structure/LabeledValue.d.ts +3 -3
  197. package/lib/structure/Pill.d.ts +2 -2
  198. package/lib/structure/TitleBar.d.ts +4 -4
  199. package/lib/testing/utils/renderWithProviders.d.ts +4 -4
  200. package/lib/tooltips/DeprecatedTooltip.d.ts +6 -6
  201. package/lib/tooltips/HoverTooltip.d.ts +4 -3
  202. package/lib/tooltips/LegacyTooltip.d.ts +6 -7
  203. package/lib/tooltips/types.d.ts +6 -6
  204. package/lib/ui-style-constants/animation.d.ts +1 -0
  205. package/lib/ui-style-constants/index.d.ts +1 -0
  206. package/package.json +6 -3
  207. package/src/Components.mdx +12 -0
  208. package/src/__mocks__/file.js +10 -0
  209. package/src/__tests__/utils.test.ts +28 -0
  210. package/src/alerts/AlertItem.stories.tsx +49 -0
  211. package/src/alerts/AlertItem.tsx +86 -0
  212. package/src/alerts/alerts.module.css +103 -0
  213. package/src/alerts/index.ts +3 -0
  214. package/src/assets/localization/en/index.ts +8 -0
  215. package/src/assets/localization/en/protocol_command_text.json +116 -0
  216. package/src/assets/localization/index.ts +7 -0
  217. package/src/assets/localization/zh/index.ts +8 -0
  218. package/src/assets/localization/zh/protocol_command_text.json +80 -0
  219. package/src/atoms/Checkbox/Checkbox.stories.tsx +24 -0
  220. package/src/atoms/Checkbox/__tests__/Checkbox.test.tsx +58 -0
  221. package/src/atoms/Checkbox/index.tsx +134 -0
  222. package/src/atoms/CheckboxField/CheckboxField.stories.tsx +31 -0
  223. package/src/atoms/CheckboxField/__tests__/CheckboxField.test.tsx +128 -0
  224. package/src/atoms/CheckboxField/index.tsx +183 -0
  225. package/src/atoms/Chip/Chip.stories.tsx +67 -0
  226. package/src/atoms/Chip/__tests__/Chip.test.tsx +468 -0
  227. package/src/atoms/Chip/index.tsx +198 -0
  228. package/src/atoms/Divider/index.tsx +16 -0
  229. package/src/atoms/InlineNotification/InlineNotification.stories.tsx +107 -0
  230. package/src/atoms/InlineNotification/__tests__/InlineNotification.test.tsx +66 -0
  231. package/src/atoms/InlineNotification/index.tsx +197 -0
  232. package/src/atoms/InputField/InputField.stories.tsx +80 -0
  233. package/src/atoms/InputField/__tests__/InputField.test.tsx +65 -0
  234. package/src/atoms/InputField/index.tsx +384 -0
  235. package/src/atoms/ListButton/ListButton.stories.tsx +142 -0
  236. package/src/atoms/ListButton/ListButtonChildren/ListButtonAccordion.tsx +66 -0
  237. package/src/atoms/ListButton/ListButtonChildren/ListButtonAccordionContainer.tsx +24 -0
  238. package/src/atoms/ListButton/ListButtonChildren/ListButtonRadioButton.tsx +109 -0
  239. package/src/atoms/ListButton/ListButtonChildren/index.ts +3 -0
  240. package/src/atoms/ListButton/__tests__/ListButton.test.tsx +55 -0
  241. package/src/atoms/ListButton/__tests__/ListButtonAccordion.test.tsx +36 -0
  242. package/src/atoms/ListButton/__tests__/ListButtonRadioButton.test.tsx +28 -0
  243. package/src/atoms/ListButton/index.tsx +147 -0
  244. package/src/atoms/ListItem/ListItem.stories.tsx +128 -0
  245. package/src/atoms/ListItem/ListItemChildren/ListItemCustomize.tsx +84 -0
  246. package/src/atoms/ListItem/ListItemChildren/ListItemDescriptor.tsx +46 -0
  247. package/src/atoms/ListItem/ListItemChildren/index.ts +2 -0
  248. package/src/atoms/ListItem/__tests__/ListItem.test.tsx +104 -0
  249. package/src/atoms/ListItem/index.tsx +107 -0
  250. package/src/atoms/ListTable/ListTable.stories.tsx +70 -0
  251. package/src/atoms/ListTable/__tests__/ListTable.test.tsx +81 -0
  252. package/src/atoms/ListTable/index.tsx +92 -0
  253. package/src/atoms/MenuList/MenuItem.stories.tsx +30 -0
  254. package/src/atoms/MenuList/MenuItem.tsx +58 -0
  255. package/src/atoms/MenuList/MenuList.stories.tsx +32 -0
  256. package/src/atoms/MenuList/OverflowBtn.stories.tsx +17 -0
  257. package/src/atoms/MenuList/OverflowBtn.tsx +78 -0
  258. package/src/atoms/MenuList/__tests__/MenuItem.test.tsx +50 -0
  259. package/src/atoms/MenuList/__tests__/MenuList.test.tsx +37 -0
  260. package/src/atoms/MenuList/__tests__/OverflowBtn.test.tsx +34 -0
  261. package/src/atoms/MenuList/index.tsx +50 -0
  262. package/src/atoms/Snackbar/Snackbar.stories.tsx +69 -0
  263. package/src/atoms/Snackbar/__tests__/Snackbar.test.tsx +77 -0
  264. package/src/atoms/Snackbar/index.tsx +92 -0
  265. package/src/atoms/StepMeter/__tests__/StepMeter.test.tsx +45 -0
  266. package/src/atoms/StepMeter/index.tsx +62 -0
  267. package/src/atoms/StyledText/LegacyStyledText.stories.tsx +107 -0
  268. package/src/atoms/StyledText/LegacyStyledText.tsx +96 -0
  269. package/src/atoms/StyledText/StyledText.stories.tsx +47 -0
  270. package/src/atoms/StyledText/StyledText.tsx +333 -0
  271. package/src/atoms/StyledText/index.ts +2 -0
  272. package/src/atoms/SubListTable/SubListTable.stories.tsx +72 -0
  273. package/src/atoms/SubListTable/__tests__/SubListTable.test.tsx +81 -0
  274. package/src/atoms/SubListTable/index.tsx +71 -0
  275. package/src/atoms/Tag/Tag.stories.tsx +50 -0
  276. package/src/atoms/Tag/__tests__/Tag.test.tsx +57 -0
  277. package/src/atoms/Tag/index.tsx +133 -0
  278. package/src/atoms/Toast/ODDToast.stories.tsx +78 -0
  279. package/src/atoms/Toast/Toast.stories.tsx +65 -0
  280. package/src/atoms/Toast/__tests__/ODDToast.test.tsx +182 -0
  281. package/src/atoms/Toast/__tests__/Toast.test.tsx +178 -0
  282. package/src/atoms/Toast/index.tsx +434 -0
  283. package/src/atoms/ToggleGroup/ToggleGroup.stories.tsx +41 -0
  284. package/src/atoms/ToggleGroup/__tests__/ToggleGroup.test.tsx +30 -0
  285. package/src/atoms/ToggleGroup/index.tsx +91 -0
  286. package/src/atoms/Tooltip/Tooltip.stories.tsx +100 -0
  287. package/src/atoms/Tooltip/__tests__/Tooltip.test.tsx +80 -0
  288. package/src/atoms/Tooltip/index.tsx +37 -0
  289. package/src/atoms/buttons/AlertPrimaryButton.tsx +27 -0
  290. package/src/atoms/buttons/AltPrimaryButton.tsx +31 -0
  291. package/src/atoms/buttons/EmptySelectorButton.stories.tsx +37 -0
  292. package/src/atoms/buttons/EmptySelectorButton.tsx +89 -0
  293. package/src/atoms/buttons/LargeButton.stories.tsx +106 -0
  294. package/src/atoms/buttons/LargeButton.tsx +322 -0
  295. package/src/atoms/buttons/PrimaryButton.tsx +40 -0
  296. package/src/atoms/buttons/RadioButton.stories.tsx +109 -0
  297. package/src/atoms/buttons/RadioButton.tsx +327 -0
  298. package/src/atoms/buttons/SecondaryButton.tsx +94 -0
  299. package/src/atoms/buttons/TertiaryButton.tsx +89 -0
  300. package/src/atoms/buttons/__tests__/AlertPrimaryButton.test.tsx +49 -0
  301. package/src/atoms/buttons/__tests__/AltPrimaryButton.test.tsx +60 -0
  302. package/src/atoms/buttons/__tests__/EmptySelectorButton.test.tsx +45 -0
  303. package/src/atoms/buttons/__tests__/LargeButton.test.tsx +94 -0
  304. package/src/atoms/buttons/__tests__/PrimaryButton.test.tsx +67 -0
  305. package/src/atoms/buttons/__tests__/RadioButton.test.tsx +119 -0
  306. package/src/atoms/buttons/__tests__/SecondaryButton.test.tsx +56 -0
  307. package/src/atoms/buttons/buttons.stories.tsx +78 -0
  308. package/src/atoms/buttons/index.ts +7 -0
  309. package/src/atoms/index.ts +23 -0
  310. package/src/barrel.ts +10 -0
  311. package/src/buttons/Button.tsx +95 -0
  312. package/src/buttons/DeprecatedPrimaryButton.tsx +24 -0
  313. package/src/buttons/FlatButton.tsx +21 -0
  314. package/src/buttons/IconButton.tsx +36 -0
  315. package/src/buttons/OutlineButton.tsx +24 -0
  316. package/src/buttons/buttons.module.css +428 -0
  317. package/src/buttons/index.ts +7 -0
  318. package/src/controls/ControlInfo.tsx +13 -0
  319. package/src/controls/LabeledButton.tsx +28 -0
  320. package/src/controls/LabeledCheckbox.tsx +36 -0
  321. package/src/controls/LabeledControl.tsx +24 -0
  322. package/src/controls/LabeledRadioGroup.tsx +26 -0
  323. package/src/controls/StackedLabeledControl.tsx +28 -0
  324. package/src/controls/ToggleButton.tsx +69 -0
  325. package/src/controls/index.ts +8 -0
  326. package/src/controls/styles.module.css +103 -0
  327. package/src/forms/DeprecatedCheckboxField.stories.tsx +31 -0
  328. package/src/forms/DeprecatedCheckboxField.tsx +95 -0
  329. package/src/forms/FormGroup.stories.tsx +30 -0
  330. package/src/forms/FormGroup.tsx +55 -0
  331. package/src/forms/InputField.stories.tsx +42 -0
  332. package/src/forms/LegacyInputField.tsx +130 -0
  333. package/src/forms/RadioGroup.stories.tsx +45 -0
  334. package/src/forms/RadioGroup.tsx +89 -0
  335. package/src/forms/Select.module.css +118 -0
  336. package/src/forms/Select.stories.tsx +116 -0
  337. package/src/forms/Select.tsx +132 -0
  338. package/src/forms/SelectField.module.css +16 -0
  339. package/src/forms/SelectField.tsx +94 -0
  340. package/src/forms/ToggleField.stories.tsx +31 -0
  341. package/src/forms/ToggleField.tsx +60 -0
  342. package/src/forms/__tests__/DeprecatedCheckboxField.test.tsx +5 -0
  343. package/src/forms/__tests__/InputField.test.tsx +5 -0
  344. package/src/forms/__tests__/Select.test.tsx +5 -0
  345. package/src/forms/__tests__/SelectField.test.tsx +5 -0
  346. package/src/forms/__tests__/ToggleField.test.tsx +5 -0
  347. package/src/forms/forms.module.css +239 -0
  348. package/src/forms/index.ts +7 -0
  349. package/src/hardware-sim/BaseDeck/BaseDeck.stories.tsx +94 -0
  350. package/src/hardware-sim/BaseDeck/BaseDeck.tsx +528 -0
  351. package/src/hardware-sim/BaseDeck/SingleSlotFixture.tsx +198 -0
  352. package/src/hardware-sim/BaseDeck/SlotBase.tsx +5 -0
  353. package/src/hardware-sim/BaseDeck/SlotClip.tsx +15 -0
  354. package/src/hardware-sim/BaseDeck/StagingAreaFixture.tsx +113 -0
  355. package/src/hardware-sim/BaseDeck/WasteChuteFixture.tsx +158 -0
  356. package/src/hardware-sim/BaseDeck/WasteChuteStagingAreaFixture.tsx +73 -0
  357. package/src/hardware-sim/BaseDeck/__fixtures__/index.ts +165 -0
  358. package/src/hardware-sim/BaseDeck/index.ts +5 -0
  359. package/src/hardware-sim/Deck/DeckFromLayers.tsx +61 -0
  360. package/src/hardware-sim/Deck/FlexTrash.tsx +148 -0
  361. package/src/hardware-sim/Deck/MoveLabwareOnDeck.stories.tsx +98 -0
  362. package/src/hardware-sim/Deck/MoveLabwareOnDeck.tsx +287 -0
  363. package/src/hardware-sim/Deck/OT2Layers.tsx +160 -0
  364. package/src/hardware-sim/Deck/RobotCoordsForeignDiv.tsx +51 -0
  365. package/src/hardware-sim/Deck/RobotCoordsForeignObject.tsx +44 -0
  366. package/src/hardware-sim/Deck/RobotCoordsText.tsx +33 -0
  367. package/src/hardware-sim/Deck/RobotWorkSpace.tsx +100 -0
  368. package/src/hardware-sim/Deck/SlotLabels.tsx +113 -0
  369. package/src/hardware-sim/Deck/__mocks__/getDeckDefinitions.ts +29 -0
  370. package/src/hardware-sim/Deck/constants.ts +12 -0
  371. package/src/hardware-sim/Deck/index.tsx +8 -0
  372. package/src/hardware-sim/DeckConfigurator/AbsorbanceReaderFixture.tsx +91 -0
  373. package/src/hardware-sim/DeckConfigurator/DeckConfigurator.stories.tsx +109 -0
  374. package/src/hardware-sim/DeckConfigurator/EmptyConfigFixture.tsx +132 -0
  375. package/src/hardware-sim/DeckConfigurator/FlexStackerFixture.tsx +99 -0
  376. package/src/hardware-sim/DeckConfigurator/HeaterShakerFixture.tsx +102 -0
  377. package/src/hardware-sim/DeckConfigurator/MagneticBlockFixture.tsx +130 -0
  378. package/src/hardware-sim/DeckConfigurator/StagingAreaConfigFixture.tsx +89 -0
  379. package/src/hardware-sim/DeckConfigurator/StaticFixture.tsx +54 -0
  380. package/src/hardware-sim/DeckConfigurator/TemperatureModuleFixture.tsx +103 -0
  381. package/src/hardware-sim/DeckConfigurator/ThermocyclerFixture.tsx +89 -0
  382. package/src/hardware-sim/DeckConfigurator/TrashBinConfigFixture.tsx +99 -0
  383. package/src/hardware-sim/DeckConfigurator/WasteChuteConfigFixture.tsx +96 -0
  384. package/src/hardware-sim/DeckConfigurator/constants.ts +81 -0
  385. package/src/hardware-sim/DeckConfigurator/index.tsx +318 -0
  386. package/src/hardware-sim/DeckSlotLocation/index.tsx +88 -0
  387. package/src/hardware-sim/Labware/Labware.tsx +173 -0
  388. package/src/hardware-sim/Labware/LabwareAdapter/Opentrons96DeepWellAdapter.tsx +23 -0
  389. package/src/hardware-sim/Labware/LabwareAdapter/Opentrons96FlatBottomAdapter.tsx +7 -0
  390. package/src/hardware-sim/Labware/LabwareAdapter/OpentronsAluminumFlatBottomPlate.tsx +13 -0
  391. package/src/hardware-sim/Labware/LabwareAdapter/OpentronsAutoclavableDeckRiser.tsx +100 -0
  392. package/src/hardware-sim/Labware/LabwareAdapter/OpentronsFlex96TiprackAdapter.tsx +13 -0
  393. package/src/hardware-sim/Labware/LabwareAdapter/OpentronsToughPCRAutoSealingLid.tsx +83 -0
  394. package/src/hardware-sim/Labware/LabwareAdapter/OpentronsUniversalFlatAdapter.tsx +13 -0
  395. package/src/hardware-sim/Labware/LabwareAdapter/index.tsx +74 -0
  396. package/src/hardware-sim/Labware/LabwareRender.stories.tsx +95 -0
  397. package/src/hardware-sim/Labware/LabwareRender.tsx +173 -0
  398. package/src/hardware-sim/Labware/__tests__/Labware.test.tsx +47 -0
  399. package/src/hardware-sim/Labware/__tests__/LabwareRender.test.tsx +58 -0
  400. package/src/hardware-sim/Labware/index.ts +5 -0
  401. package/src/hardware-sim/Labware/labwareInternals/FilledWells.tsx +42 -0
  402. package/src/hardware-sim/Labware/labwareInternals/LabwareOutline.tsx +138 -0
  403. package/src/hardware-sim/Labware/labwareInternals/LabwareWellLabels.tsx +120 -0
  404. package/src/hardware-sim/Labware/labwareInternals/StaticLabware.tsx +122 -0
  405. package/src/hardware-sim/Labware/labwareInternals/StrokedWells.tsx +41 -0
  406. package/src/hardware-sim/Labware/labwareInternals/StyledWells.tsx +80 -0
  407. package/src/hardware-sim/Labware/labwareInternals/Well.tsx +78 -0
  408. package/src/hardware-sim/Labware/labwareInternals/WellLabels.tsx +124 -0
  409. package/src/hardware-sim/Labware/labwareInternals/__tests__/LabwareWellLabels.test.tsx +69 -0
  410. package/src/hardware-sim/Labware/labwareInternals/__tests__/StrokedWells.test.tsx +35 -0
  411. package/src/hardware-sim/Labware/labwareInternals/__tests__/WellLabels.test.tsx +95 -0
  412. package/src/hardware-sim/Labware/labwareInternals/getTiprackBackgroundColor.ts +32 -0
  413. package/src/hardware-sim/Labware/labwareInternals/index.ts +8 -0
  414. package/src/hardware-sim/Labware/labwareInternals/types.ts +18 -0
  415. package/src/hardware-sim/Module/FlexStacker.tsx +54 -0
  416. package/src/hardware-sim/Module/HeaterShaker.tsx +83 -0
  417. package/src/hardware-sim/Module/MagneticBlock.tsx +49 -0
  418. package/src/hardware-sim/Module/MagneticModule.tsx +51 -0
  419. package/src/hardware-sim/Module/Module.stories.tsx +91 -0
  420. package/src/hardware-sim/Module/ModuleTag.tsx +39 -0
  421. package/src/hardware-sim/Module/PlateReader.tsx +208 -0
  422. package/src/hardware-sim/Module/Temperature.tsx +54 -0
  423. package/src/hardware-sim/Module/Thermocycler/ThermocyclerGEN1.tsx +249 -0
  424. package/src/hardware-sim/Module/Thermocycler/ThermocyclerGEN2.tsx +286 -0
  425. package/src/hardware-sim/Module/Thermocycler/index.tsx +49 -0
  426. package/src/hardware-sim/Module/index.tsx +230 -0
  427. package/src/hardware-sim/Pipette/EightEmanatingNozzles.tsx +24 -0
  428. package/src/hardware-sim/Pipette/EmanatingNozzle.tsx +54 -0
  429. package/src/hardware-sim/Pipette/PipetteRender.stories.tsx +73 -0
  430. package/src/hardware-sim/Pipette/PipetteRender.tsx +88 -0
  431. package/src/hardware-sim/Pipette/__tests__/EightEmanatingNozzles.test.tsx +17 -0
  432. package/src/hardware-sim/Pipette/__tests__/EmanatingNozzle.test.tsx +69 -0
  433. package/src/hardware-sim/Pipette/__tests__/PipetteRender.test.tsx +101 -0
  434. package/src/hardware-sim/Pipette/constants.ts +10 -0
  435. package/src/hardware-sim/Pipette/index.ts +1 -0
  436. package/src/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpace.tsx +30 -0
  437. package/src/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpaceWithRef.tsx +52 -0
  438. package/src/hardware-sim/RobotCoordinateSpace/index.ts +2 -0
  439. package/src/hardware-sim/index.ts +9 -0
  440. package/src/hardware-sim/utils.ts +18 -0
  441. package/src/helix-design-system/borders.ts +32 -0
  442. package/src/helix-design-system/colors.ts +101 -0
  443. package/src/helix-design-system/index.ts +4 -0
  444. package/src/helix-design-system/product/index.ts +1 -0
  445. package/src/helix-design-system/product/typography.ts +151 -0
  446. package/src/helix-design-system/style.ts +2 -0
  447. package/src/hooks/__tests__/useConditionalConfirm.test.tsx +5 -0
  448. package/src/hooks/__tests__/useDrag.test.ts +48 -0
  449. package/src/hooks/__tests__/useInterval.test.tsx +5 -0
  450. package/src/hooks/__tests__/useLongPress.test.ts +26 -0
  451. package/src/hooks/__tests__/useMountEffect.test.tsx +5 -0
  452. package/src/hooks/__tests__/usePrevious.test.tsx +5 -0
  453. package/src/hooks/__tests__/useScrolling.test.tsx +47 -0
  454. package/src/hooks/__tests__/useSwipe.test.tsx +27 -0
  455. package/src/hooks/__tests__/useTimeout.test.tsx +5 -0
  456. package/src/hooks/__tests__/useToggle.test.tsx +5 -0
  457. package/src/hooks/index.ts +14 -0
  458. package/src/hooks/useConditionalConfirm.ts +70 -0
  459. package/src/hooks/useDrag.ts +91 -0
  460. package/src/hooks/useInterval.ts +38 -0
  461. package/src/hooks/useLongPress.ts +84 -0
  462. package/src/hooks/useMenuHandleClickOutside.tsx +47 -0
  463. package/src/hooks/useMountEffect.ts +14 -0
  464. package/src/hooks/usePrevious.ts +19 -0
  465. package/src/hooks/useScrolling.ts +33 -0
  466. package/src/hooks/useSelectDeckLocation/SelectDeckLocation.stories.tsx +57 -0
  467. package/src/hooks/useSelectDeckLocation/index.tsx +333 -0
  468. package/src/hooks/useSwipe.ts +87 -0
  469. package/src/hooks/useTimeout.ts +33 -0
  470. package/src/hooks/useToggle.ts +27 -0
  471. package/src/i18n.ts +63 -0
  472. package/src/icons/Icon.stories.tsx +45 -0
  473. package/src/icons/Icon.tsx +79 -0
  474. package/src/icons/IconList.stories.tsx +109 -0
  475. package/src/icons/ModuleIcon.tsx +52 -0
  476. package/src/icons/NotificationIcon.tsx +41 -0
  477. package/src/icons/icon-data.ts +826 -0
  478. package/src/icons/index.ts +6 -0
  479. package/src/images/index.ts +1 -0
  480. package/src/images/labware/index.ts +1 -0
  481. package/src/images/labware/measurement-guide/images/depth/depth-plate-flat@3x.png +0 -0
  482. package/src/images/labware/measurement-guide/images/depth/depth-plate-round@3x.png +0 -0
  483. package/src/images/labware/measurement-guide/images/depth/depth-plate-v@3x.png +0 -0
  484. package/src/images/labware/measurement-guide/images/depth/depth-reservoir-and-tubes-flat@3x.png +0 -0
  485. package/src/images/labware/measurement-guide/images/depth/depth-reservoir-and-tubes-round@3x.png +0 -0
  486. package/src/images/labware/measurement-guide/images/depth/depth-reservoir-and-tubes-v@3x.png +0 -0
  487. package/src/images/labware/measurement-guide/images/depth/length-tip-rack@3x.png +0 -0
  488. package/src/images/labware/measurement-guide/images/dimensions/footprint@3x.png +0 -0
  489. package/src/images/labware/measurement-guide/images/dimensions/height-alum-block-plate@3x.png +0 -0
  490. package/src/images/labware/measurement-guide/images/dimensions/height-alum-block-tubes@3x.png +0 -0
  491. package/src/images/labware/measurement-guide/images/dimensions/height-plate-and-reservoir@3x.png +0 -0
  492. package/src/images/labware/measurement-guide/images/dimensions/height-tip-rack@3x.png +0 -0
  493. package/src/images/labware/measurement-guide/images/dimensions/height-tube-rack-irregular@3x.png +0 -0
  494. package/src/images/labware/measurement-guide/images/dimensions/height-tube-rack@3x.png +0 -0
  495. package/src/images/labware/measurement-guide/images/offset/offset-reservoir@3x.png +0 -0
  496. package/src/images/labware/measurement-guide/images/offset/offset-well-circular@3x.png +0 -0
  497. package/src/images/labware/measurement-guide/images/offset/offset-well-rectangular@3x.png +0 -0
  498. package/src/images/labware/measurement-guide/images/shape/shape-circular@3x.png +0 -0
  499. package/src/images/labware/measurement-guide/images/shape/shape-rectangular@3x.png +0 -0
  500. package/src/images/labware/measurement-guide/images/spacing/spacing-reservoir-multi-row@3x.png +0 -0
  501. package/src/images/labware/measurement-guide/images/spacing/spacing-reservoir@3x.png +0 -0
  502. package/src/images/labware/measurement-guide/images/spacing/spacing-well-circular@3x.png +0 -0
  503. package/src/images/labware/measurement-guide/images/spacing/spacing-well-rectangular@3x.png +0 -0
  504. package/src/images/labware/measurement-guide/index.ts +272 -0
  505. package/src/index.module.css +9 -0
  506. package/src/index.ts +41 -0
  507. package/src/instrument/InstrumentDiagram.stories.tsx +43 -0
  508. package/src/instrument/InstrumentDiagram.tsx +59 -0
  509. package/src/instrument/InstrumentGroup.stories.tsx +89 -0
  510. package/src/instrument/InstrumentGroup.tsx +35 -0
  511. package/src/instrument/InstrumentInfo.tsx +106 -0
  512. package/src/instrument/PipetteSelect.module.css +14 -0
  513. package/src/instrument/__tests__/InstrumentInfo.test.tsx +58 -0
  514. package/src/instrument/eight-channel-flex.png +0 -0
  515. package/src/instrument/index.ts +3 -0
  516. package/src/instrument/instrument.module.css +45 -0
  517. package/src/instrument/multi-channel_GEN1_800px.png +0 -0
  518. package/src/instrument/multi-channel_GEN2_800px.png +0 -0
  519. package/src/instrument/ninety-six-channel-gen1.png +0 -0
  520. package/src/instrument/pipetteGEN2Multi.png +0 -0
  521. package/src/instrument/pipetteGEN2Single.png +0 -0
  522. package/src/instrument/pipetteMulti.png +0 -0
  523. package/src/instrument/pipetteSingle.png +0 -0
  524. package/src/instrument/single-channel-flex.png +0 -0
  525. package/src/instrument/single-channel_GEN2_800px.png +0 -0
  526. package/src/instrument/single_channel_GEN1_800px.png +0 -0
  527. package/src/interaction-enhancers/ClickOutside.ts +59 -0
  528. package/src/interaction-enhancers/HandleKeypress.tsx +72 -0
  529. package/src/interaction-enhancers/__tests__/useHover.test.tsx +5 -0
  530. package/src/interaction-enhancers/index.ts +4 -0
  531. package/src/interaction-enhancers/useHover.ts +84 -0
  532. package/src/interaction-enhancers/useOnClickOutside.ts +42 -0
  533. package/src/legacy-hardware-sim/LabwareNameOverlay.module.css +20 -0
  534. package/src/legacy-hardware-sim/LabwareNameOverlay.tsx +23 -0
  535. package/src/legacy-hardware-sim/ModuleItem.module.css +98 -0
  536. package/src/legacy-hardware-sim/ModuleItem.tsx +145 -0
  537. package/src/legacy-hardware-sim/index.ts +2 -0
  538. package/src/lists/SidePanelGroup.tsx +48 -0
  539. package/src/lists/TitledList.tsx +154 -0
  540. package/src/lists/index.ts +3 -0
  541. package/src/lists/lists.module.css +171 -0
  542. package/src/modals/AlertModal.tsx +89 -0
  543. package/src/modals/ContinueModal.tsx +32 -0
  544. package/src/modals/LegacyModal.tsx +61 -0
  545. package/src/modals/Modal.stories.tsx +45 -0
  546. package/src/modals/Modal.tsx +101 -0
  547. package/src/modals/ModalHeader.tsx +110 -0
  548. package/src/modals/ModalShell.tsx +158 -0
  549. package/src/modals/Overlay.tsx +39 -0
  550. package/src/modals/SpinnerModal.tsx +35 -0
  551. package/src/modals/SpinnerModalPage.tsx +29 -0
  552. package/src/modals/__tests__/Modal.test.tsx +68 -0
  553. package/src/modals/__tests__/ModalHeader.test.tsx +71 -0
  554. package/src/modals/__tests__/ModalShell.test.tsx +48 -0
  555. package/src/modals/index.ts +10 -0
  556. package/src/modals/modals.module.css +275 -0
  557. package/src/molecules/Banner/Banner.stories.tsx +51 -0
  558. package/src/molecules/Banner/__tests__/Banner.test.tsx +95 -0
  559. package/src/molecules/Banner/index.tsx +149 -0
  560. package/src/molecules/DeckInfoLabel/DeckInfoLabel.stories.tsx +65 -0
  561. package/src/molecules/DeckInfoLabel/__tests__/DeckInfoLabel.test.tsx +50 -0
  562. package/src/molecules/DeckInfoLabel/index.tsx +95 -0
  563. package/src/molecules/DeckLabel/DeckLabel.stories.tsx +31 -0
  564. package/src/molecules/DeckLabel/__tests__/DeckLabel.test.tsx +71 -0
  565. package/src/molecules/DeckLabel/index.tsx +84 -0
  566. package/src/molecules/DropdownMenu/DropdownMenu.stories.tsx +30 -0
  567. package/src/molecules/DropdownMenu/__tests__/DropdownMenu.test.tsx +86 -0
  568. package/src/molecules/DropdownMenu/index.tsx +435 -0
  569. package/src/molecules/InfoScreen/InfoScreen.stories.tsx +51 -0
  570. package/src/molecules/InfoScreen/__tests__/InfoScreen.test.tsx +57 -0
  571. package/src/molecules/InfoScreen/index.tsx +54 -0
  572. package/src/molecules/LiquidIcon/LiquidIcon.stories.tsx +54 -0
  573. package/src/molecules/LiquidIcon/__tests__/LiquidIcon.test.tsx +51 -0
  574. package/src/molecules/LiquidIcon/index.tsx +74 -0
  575. package/src/molecules/ListAccordion/ListAccordion.stories.tsx +128 -0
  576. package/src/molecules/ListAccordion/__tests__/ListAccordion.test.tsx +123 -0
  577. package/src/molecules/ListAccordion/index.tsx +182 -0
  578. package/src/molecules/ParametersTable/ParametersTable.stories.tsx +173 -0
  579. package/src/molecules/ParametersTable/__tests__/ParametersTable.test.tsx +127 -0
  580. package/src/molecules/ParametersTable/index.tsx +200 -0
  581. package/src/molecules/ReleaseNotes/index.tsx +70 -0
  582. package/src/molecules/ReleaseNotes/styles.module.css +66 -0
  583. package/src/molecules/Tabs/Tabs.stories.tsx +76 -0
  584. package/src/molecules/Tabs/__tests__/Tabs.test.tsx +92 -0
  585. package/src/molecules/Tabs/index.tsx +116 -0
  586. package/src/molecules/TextListTableContent/TextListTableContent.stories.tsx +114 -0
  587. package/src/molecules/TextListTableContent/__tests__/TextListTableContent.test.tsx +44 -0
  588. package/src/molecules/TextListTableContent/index.tsx +45 -0
  589. package/src/molecules/index.ts +11 -0
  590. package/src/nav/SidePanel.module.css +34 -0
  591. package/src/nav/SidePanel.stories.tsx +30 -0
  592. package/src/nav/SidePanel.tsx +22 -0
  593. package/src/nav/index.ts +2 -0
  594. package/src/organisms/CommandText/CommandText.stories.tsx +79 -0
  595. package/src/organisms/CommandText/__tests__/CommandText.test.tsx +1671 -0
  596. package/src/organisms/CommandText/fixtures/index.ts +5 -0
  597. package/src/organisms/CommandText/fixtures/mockRobotSideAnalysis.json +6609 -0
  598. package/src/organisms/CommandText/index.tsx +280 -0
  599. package/src/organisms/CommandText/useCommandTextString/index.ts +338 -0
  600. package/src/organisms/CommandText/useCommandTextString/utils/__tests__/formatDuration.test.tsx +93 -0
  601. package/src/organisms/CommandText/useCommandTextString/utils/__tests__/getFinalLabwareLocation.test.ts +133 -0
  602. package/src/organisms/CommandText/useCommandTextString/utils/__tests__/getLabwareDisplayLocation.test.tsx +186 -0
  603. package/src/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getFlexStackerCommandText.test.tsx +179 -0
  604. package/src/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getPipettingCommandText.test.tsx +188 -0
  605. package/src/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getRobotCommandText.test.tsx +118 -0
  606. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getAbsorbanceReaderCommandText.ts +53 -0
  607. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getCommentCommandText.ts +10 -0
  608. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getConfigureForVolumeCommandText.ts +21 -0
  609. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getConfigureNozzleLayoutCommandText.ts +29 -0
  610. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getCustomCommandText.ts +16 -0
  611. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getDelayCommandText.ts +20 -0
  612. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getDirectTranslationCommandText.ts +44 -0
  613. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getFlexStackerCommandText.ts +168 -0
  614. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getHSShakeSpeedCommandText.ts +11 -0
  615. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getLiquidProbeCommandText.ts +61 -0
  616. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getLoadCommandText.ts +173 -0
  617. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveLabwareCommandText.ts +108 -0
  618. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveRelativeCommandText.ts +11 -0
  619. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToAddressableAreaCommandText.ts +19 -0
  620. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToAddressableAreaForDropTipCommandText.ts +19 -0
  621. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToCoordinatesCommandText.ts +11 -0
  622. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToSlotCommandText.ts +11 -0
  623. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToWellCommandText.ts +46 -0
  624. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getPipettingCommandText.ts +197 -0
  625. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getPrepareToAspirateCommandText.ts +20 -0
  626. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getRailLightsCommandText.ts +15 -0
  627. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getRobotCommandText.ts +87 -0
  628. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getTCRunExtendedProfileCommandText.ts +68 -0
  629. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getTCRunProfileCommandText.ts +30 -0
  630. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getTemperatureCommandText.ts +49 -0
  631. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getUnknownCommandText.ts +5 -0
  632. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getWaitForDurationCommandText.ts +11 -0
  633. package/src/organisms/CommandText/useCommandTextString/utils/commandText/getWaitForResumeCommandText.ts +11 -0
  634. package/src/organisms/CommandText/useCommandTextString/utils/commandText/index.ts +28 -0
  635. package/src/organisms/CommandText/useCommandTextString/utils/formatDuration.ts +46 -0
  636. package/src/organisms/CommandText/useCommandTextString/utils/getAddressableAreaDisplayName.ts +62 -0
  637. package/src/organisms/CommandText/useCommandTextString/utils/getFinalAddressableAreaCmd.ts +22 -0
  638. package/src/organisms/CommandText/useCommandTextString/utils/getFinalLabwareLocation.ts +46 -0
  639. package/src/organisms/CommandText/useCommandTextString/utils/getLabwareDefinitionsFromCommands.ts +59 -0
  640. package/src/organisms/CommandText/useCommandTextString/utils/getLabwareDisplayLocation.tsx +163 -0
  641. package/src/organisms/CommandText/useCommandTextString/utils/getLabwareLocation.tsx +280 -0
  642. package/src/organisms/CommandText/useCommandTextString/utils/getLabwareName.ts +41 -0
  643. package/src/organisms/CommandText/useCommandTextString/utils/getLiquidDisplayName.ts +10 -0
  644. package/src/organisms/CommandText/useCommandTextString/utils/getLoadedLabware.tsx +12 -0
  645. package/src/organisms/CommandText/useCommandTextString/utils/getLoadedModule.ts +12 -0
  646. package/src/organisms/CommandText/useCommandTextString/utils/getModuleDisplayLocation.ts +11 -0
  647. package/src/organisms/CommandText/useCommandTextString/utils/getModuleModel.ts +12 -0
  648. package/src/organisms/CommandText/useCommandTextString/utils/getPipetteNameOnMount.ts +20 -0
  649. package/src/organisms/CommandText/useCommandTextString/utils/getWellRange.ts +65 -0
  650. package/src/organisms/CommandText/useCommandTextString/utils/helpers.ts +15 -0
  651. package/src/organisms/CommandText/useCommandTextString/utils/index.ts +10 -0
  652. package/src/organisms/CommandText/useCommandTextString/utils/types.ts +19 -0
  653. package/src/organisms/DeckLabelSet/DeckLabelSet.stories.tsx +48 -0
  654. package/src/organisms/DeckLabelSet/__tests__/DeckLabelSet.test.tsx +52 -0
  655. package/src/organisms/DeckLabelSet/index.tsx +126 -0
  656. package/src/organisms/FixtureOption/__tests__/FixtureOption.test.tsx +42 -0
  657. package/src/organisms/FixtureOption/index.tsx +92 -0
  658. package/src/organisms/ProtocolTimelineScrubber/CommandItem.tsx +115 -0
  659. package/src/organisms/ProtocolTimelineScrubber/PipetteVisuals.tsx +213 -0
  660. package/src/organisms/ProtocolTimelineScrubber/index.tsx +312 -0
  661. package/src/organisms/ProtocolTimelineScrubber/types.ts +6 -0
  662. package/src/organisms/ProtocolTimelineScrubber/utils.ts +160 -0
  663. package/src/organisms/Toolbox/Toolbox.stories.tsx +34 -0
  664. package/src/organisms/Toolbox/__tests__/Toolbox.test.tsx +37 -0
  665. package/src/organisms/Toolbox/index.tsx +149 -0
  666. package/src/organisms/index.ts +5 -0
  667. package/src/primitives/Box.stories.tsx +25 -0
  668. package/src/primitives/Box.tsx +17 -0
  669. package/src/primitives/Btn.stories.tsx +105 -0
  670. package/src/primitives/Btn.tsx +267 -0
  671. package/src/primitives/Flex.stories.tsx +50 -0
  672. package/src/primitives/Flex.tsx +17 -0
  673. package/src/primitives/ForeignObject.tsx +69 -0
  674. package/src/primitives/Link.stories.tsx +27 -0
  675. package/src/primitives/Link.tsx +33 -0
  676. package/src/primitives/README.md +179 -0
  677. package/src/primitives/Svg.stories.tsx +36 -0
  678. package/src/primitives/Svg.tsx +69 -0
  679. package/src/primitives/Text.stories.tsx +17 -0
  680. package/src/primitives/Text.tsx +18 -0
  681. package/src/primitives/__tests__/Box.test.tsx +5 -0
  682. package/src/primitives/__tests__/Btn.test.tsx +5 -0
  683. package/src/primitives/__tests__/Flex.test.tsx +5 -0
  684. package/src/primitives/__tests__/Link.test.tsx +5 -0
  685. package/src/primitives/__tests__/Svg.test.tsx +5 -0
  686. package/src/primitives/__tests__/Text.test.tsx +5 -0
  687. package/src/primitives/__tests__/primitives.test.tsx +5 -0
  688. package/src/primitives/__tests__/style-props.test.tsx +5 -0
  689. package/src/primitives/index.ts +10 -0
  690. package/src/primitives/style-props.ts +198 -0
  691. package/src/primitives/types.ts +120 -0
  692. package/src/robot-types.ts +4 -0
  693. package/src/slotmap/OT2SlotMap.tsx +74 -0
  694. package/src/slotmap/__tests__/OT2SlotMap.test.tsx +5 -0
  695. package/src/slotmap/index.ts +1 -0
  696. package/src/slotmap/styles.module.css +18 -0
  697. package/src/structure/Card.stories.tsx +29 -0
  698. package/src/structure/Card.tsx +65 -0
  699. package/src/structure/LabeledValue.stories.tsx +17 -0
  700. package/src/structure/LabeledValue.tsx +31 -0
  701. package/src/structure/Pill.module.css +16 -0
  702. package/src/structure/Pill.tsx +43 -0
  703. package/src/structure/Splash.module.css +16 -0
  704. package/src/structure/Splash.stories.tsx +25 -0
  705. package/src/structure/Splash.tsx +22 -0
  706. package/src/structure/TitleBar.stories.tsx +43 -0
  707. package/src/structure/TitleBar.tsx +80 -0
  708. package/src/structure/index.ts +7 -0
  709. package/src/structure/structure.module.css +114 -0
  710. package/src/styles/borders.module.css +20 -0
  711. package/src/styles/borders.ts +16 -0
  712. package/src/styles/colors.module.css +57 -0
  713. package/src/styles/colors.ts +58 -0
  714. package/src/styles/cursor.ts +12 -0
  715. package/src/styles/flexbox.ts +39 -0
  716. package/src/styles/index.module.css +8 -0
  717. package/src/styles/index.ts +8 -0
  718. package/src/styles/layout.ts +31 -0
  719. package/src/styles/position.ts +5 -0
  720. package/src/styles/spacing.ts +11 -0
  721. package/src/styles/typography.module.css +22 -0
  722. package/src/styles/typography.ts +90 -0
  723. package/src/testing/utils/index.ts +2 -0
  724. package/src/testing/utils/matchers.ts +32 -0
  725. package/src/testing/utils/renderWithProviders.tsx +59 -0
  726. package/src/tooltips/DeprecatedTooltip.tsx +112 -0
  727. package/src/tooltips/HoverTooltip.tsx +84 -0
  728. package/src/tooltips/LegacyTooltip.stories.tsx +99 -0
  729. package/src/tooltips/LegacyTooltip.tsx +151 -0
  730. package/src/tooltips/__tests__/Tooltip.test.tsx +5 -0
  731. package/src/tooltips/__tests__/useHoverTooltip.test.tsx +5 -0
  732. package/src/tooltips/__tests__/usePopper.test.tsx +5 -0
  733. package/src/tooltips/__tests__/useTooltip.test.tsx +5 -0
  734. package/src/tooltips/constants.ts +28 -0
  735. package/src/tooltips/index.ts +10 -0
  736. package/src/tooltips/styles.ts +20 -0
  737. package/src/tooltips/tooltips.module.css +72 -0
  738. package/src/tooltips/types.ts +71 -0
  739. package/src/tooltips/useHoverTooltip.ts +47 -0
  740. package/src/tooltips/usePopper.ts +87 -0
  741. package/src/tooltips/useTooltip.ts +101 -0
  742. package/src/ui-style-constants/animation.ts +1 -0
  743. package/src/ui-style-constants/index.ts +5 -0
  744. package/src/ui-style-constants/responsiveness.ts +15 -0
  745. package/src/ui-style-constants/spacing.ts +18 -0
  746. package/src/ui-style-constants/typography.ts +259 -0
  747. package/src/ui-style-constants/viewport.ts +18 -0
  748. package/src/utils.ts +56 -0
  749. package/tsconfig-data.json +13 -0
  750. package/tsconfig.json +6 -0
  751. package/vite.config.mts +10 -9
  752. package/lib/controls/LabeledSelect.d.ts +0 -9
  753. package/lib/controls/LabeledToggle.d.ts +0 -11
  754. package/lib/forms/DropdownField.d.ts +0 -38
  755. package/lib/hardware-sim/Labware/LabwareStackRender.d.ts +0 -20
  756. package/lib/hardware-sim/ProtocolDeck/LabwareInfo.d.ts +0 -6
  757. package/lib/hardware-sim/ProtocolDeck/index.d.ts +0 -14
  758. package/lib/hardware-sim/ProtocolDeck/types.d.ts +0 -8
  759. package/lib/hardware-sim/ProtocolDeck/utils/getInitiallyLoadedLabwareByAdapter.d.ts +0 -5
  760. package/lib/hardware-sim/ProtocolDeck/utils/getLabwareInSlots.d.ts +0 -12
  761. package/lib/hardware-sim/ProtocolDeck/utils/getLabwareInfoByLiquidId.d.ts +0 -3
  762. package/lib/hardware-sim/ProtocolDeck/utils/getModulesInSlots.d.ts +0 -10
  763. package/lib/hardware-sim/ProtocolDeck/utils/getStandardDeckViewLayerBlockList.d.ts +0 -2
  764. package/lib/hardware-sim/ProtocolDeck/utils/getWellFillFromLabwareId.d.ts +0 -4
  765. package/lib/hardware-sim/ProtocolDeck/utils/index.d.ts +0 -3
  766. package/lib/hooks/useIdle.d.ts +0 -11
  767. package/lib/index.cjs +0 -732
  768. package/lib/index.mjs +0 -36563
  769. package/lib/instrument/PipetteSelect.d.ts +0 -20
  770. package/lib/organisms/EndUserAgreementFooter/index.d.ts +0 -1
  771. package/lib/style.css +0 -1
  772. /package/lib/{forms/__tests__/DropdownField.test.d.ts → atoms/InlineNotification/__tests__/InlineNotification.test.d.ts} +0 -0
  773. /package/lib/{hardware-sim/ProtocolDeck/utils/__tests__/getLabwareInforByLiquidId.test.d.ts → atoms/ListTable/__tests__/ListTable.test.d.ts} +0 -0
  774. /package/lib/{hooks/__tests__/useIdle.test.d.ts → atoms/StepMeter/__tests__/StepMeter.test.d.ts} +0 -0
  775. /package/lib/{instrument/__tests__/PipetteSelect.test.d.ts → atoms/SubListTable/__tests__/SubListTable.test.d.ts} +0 -0
  776. /package/lib/{organisms/EndUserAgreementFooter/__tests__/EndUserAgreementFooter.test.d.ts → molecules/ListAccordion/__tests__/ListAccordion.test.d.ts} +0 -0
@@ -0,0 +1,1671 @@
1
+ import { screen } from '@testing-library/react'
2
+ import { describe, expect, it } from 'vitest'
3
+
4
+ import {
5
+ FLEX_ROBOT_TYPE,
6
+ GRIPPER_WASTE_CHUTE_ADDRESSABLE_AREA,
7
+ OT2_ROBOT_TYPE,
8
+ } from '@opentrons/shared-data'
9
+
10
+ import { i18n } from '../../../i18n'
11
+ import { renderWithProviders } from '../../../testing/utils'
12
+ import { getCommandTextData } from '../../ProtocolTimelineScrubber/utils'
13
+ import { mockRobotSideAnalysis } from '../fixtures'
14
+ import { CommandText } from '../index'
15
+
16
+ import type {
17
+ AspirateInPlaceRunTimeCommand,
18
+ BlowoutInPlaceRunTimeCommand,
19
+ BlowoutRunTimeCommand,
20
+ CompletedProtocolAnalysis,
21
+ ConfigureForVolumeRunTimeCommand,
22
+ DispenseInPlaceRunTimeCommand,
23
+ DispenseRunTimeCommand,
24
+ DropTipInPlaceRunTimeCommand,
25
+ DropTipRunTimeCommand,
26
+ LabwareDefinition2,
27
+ LoadLabwareRunTimeCommand,
28
+ LoadLiquidClassRunTimeCommand,
29
+ LoadLiquidRunTimeCommand,
30
+ MoveToAddressableAreaForDropTipRunTimeCommand,
31
+ MoveToAddressableAreaRunTimeCommand,
32
+ MoveToWellRunTimeCommand,
33
+ PrepareToAspirateRunTimeCommand,
34
+ RunTimeCommand,
35
+ } from '@opentrons/shared-data'
36
+ import type { CommandTextData } from '../../ProtocolTimelineScrubber'
37
+
38
+ const mockCommandTextData: CommandTextData = {
39
+ commands: mockRobotSideAnalysis.commands,
40
+ pipettes: mockRobotSideAnalysis.pipettes,
41
+ labware: mockRobotSideAnalysis.labware,
42
+ modules: mockRobotSideAnalysis.modules,
43
+ liquids: mockRobotSideAnalysis.liquids,
44
+ }
45
+
46
+ describe('CommandText', () => {
47
+ it('renders correct text for aspirate', () => {
48
+ const command = mockCommandTextData.commands.find(
49
+ c => c.commandType === 'aspirate'
50
+ )
51
+ expect(command).not.toBeUndefined()
52
+ if (command != null) {
53
+ renderWithProviders(
54
+ <CommandText
55
+ allRunDefs={[]}
56
+ commandTextData={mockCommandTextData}
57
+ robotType={FLEX_ROBOT_TYPE}
58
+ command={command}
59
+ />,
60
+ { i18nInstance: i18n }
61
+ )
62
+ screen.getByText(
63
+ 'Aspirating 100 µL from well A1 of NEST 1 Well Reservoir 195 mL in Slot 5 at 150 µL/sec'
64
+ )
65
+ }
66
+ })
67
+ it('renders correct text for dispense without pushOut', () => {
68
+ const command = mockCommandTextData.commands.find(
69
+ c => c.commandType === 'dispense'
70
+ )
71
+ expect(command).not.toBeUndefined()
72
+ if (command != null) {
73
+ renderWithProviders(
74
+ <CommandText
75
+ allRunDefs={[]}
76
+ commandTextData={mockCommandTextData}
77
+ robotType={FLEX_ROBOT_TYPE}
78
+ command={command}
79
+ />,
80
+ { i18nInstance: i18n }
81
+ )
82
+ screen.getByText(
83
+ 'Dispensing 100 µL into well A1 of NEST 96 Well Plate 100 µL PCR Full Skirt (1) in Magnetic Module GEN2 in Slot 1 at 300 µL/sec'
84
+ )
85
+ }
86
+ })
87
+ it('renders correct text for dispense with pushOut', () => {
88
+ const command = mockCommandTextData.commands.find(
89
+ c => c.commandType === 'dispense'
90
+ )
91
+ const pushOutDispenseCommand = {
92
+ ...command,
93
+ params: {
94
+ ...command?.params,
95
+ pushOut: 10,
96
+ },
97
+ } as DispenseRunTimeCommand
98
+ expect(pushOutDispenseCommand).not.toBeUndefined()
99
+ if (pushOutDispenseCommand != null) {
100
+ renderWithProviders(
101
+ <CommandText
102
+ allRunDefs={[]}
103
+ commandTextData={mockCommandTextData}
104
+ robotType={FLEX_ROBOT_TYPE}
105
+ command={pushOutDispenseCommand}
106
+ />,
107
+ { i18nInstance: i18n }
108
+ )
109
+ screen.getByText(
110
+ 'Dispensing 100 µL into well A1 of NEST 96 Well Plate 100 µL PCR Full Skirt (1) in Magnetic Module GEN2 in Slot 1 at 300 µL/sec and pushing out 10 µL'
111
+ )
112
+ }
113
+ })
114
+ it('renders correct text for dispenseInPlace', () => {
115
+ renderWithProviders(
116
+ <CommandText
117
+ allRunDefs={[]}
118
+ commandTextData={mockCommandTextData}
119
+ robotType={FLEX_ROBOT_TYPE}
120
+ command={
121
+ {
122
+ commandType: 'dispenseInPlace',
123
+ params: {
124
+ pipetteId: 'f6d1c83c-9d1b-4d0d-9de3-e6d649739cfb',
125
+ flowRate: 300,
126
+ volume: 50,
127
+ },
128
+ } as DispenseInPlaceRunTimeCommand
129
+ }
130
+ />,
131
+ { i18nInstance: i18n }
132
+ )
133
+ screen.getByText('Dispensing 50 µL in place at 300 µL/sec')
134
+ })
135
+ it('renders correct text for blowout', () => {
136
+ const dispenseCommand = mockCommandTextData.commands.find(
137
+ c => c.commandType === 'dispense'
138
+ )
139
+ const blowoutCommand = {
140
+ ...dispenseCommand,
141
+ commandType: 'blowout',
142
+ } as BlowoutRunTimeCommand
143
+ expect(blowoutCommand).not.toBeUndefined()
144
+ if (blowoutCommand != null) {
145
+ renderWithProviders(
146
+ <CommandText
147
+ allRunDefs={[]}
148
+ commandTextData={mockCommandTextData}
149
+ robotType={FLEX_ROBOT_TYPE}
150
+ command={blowoutCommand}
151
+ />,
152
+ { i18nInstance: i18n }
153
+ )
154
+ screen.getByText(
155
+ 'Blowing out at well A1 of NEST 96 Well Plate 100 µL PCR Full Skirt (1) in Magnetic Module GEN2 in Slot 1 at 300 µL/sec'
156
+ )
157
+ }
158
+ })
159
+ it('renders correct text for blowOutInPlace', () => {
160
+ renderWithProviders(
161
+ <CommandText
162
+ allRunDefs={[]}
163
+ commandTextData={mockCommandTextData}
164
+ robotType={FLEX_ROBOT_TYPE}
165
+ command={
166
+ {
167
+ commandType: 'blowOutInPlace',
168
+ params: {
169
+ pipetteId: 'f6d1c83c-9d1b-4d0d-9de3-e6d649739cfb',
170
+ flowRate: 300,
171
+ },
172
+ } as BlowoutInPlaceRunTimeCommand
173
+ }
174
+ />,
175
+ { i18nInstance: i18n }
176
+ )
177
+ screen.getByText('Blowing out in place at 300 µL/sec')
178
+ })
179
+ it('renders correct text for aspirateInPlace', () => {
180
+ renderWithProviders(
181
+ <CommandText
182
+ allRunDefs={[]}
183
+ commandTextData={mockCommandTextData}
184
+ robotType={FLEX_ROBOT_TYPE}
185
+ command={
186
+ {
187
+ commandType: 'aspirateInPlace',
188
+ params: {
189
+ pipetteId: 'f6d1c83c-9d1b-4d0d-9de3-e6d649739cfb',
190
+ flowRate: 300,
191
+ volume: 10,
192
+ },
193
+ } as AspirateInPlaceRunTimeCommand
194
+ }
195
+ />,
196
+ { i18nInstance: i18n }
197
+ )
198
+ screen.getByText('Aspirating 10 µL in place at 300 µL/sec')
199
+ })
200
+ it('renders correct text for moveToWell', () => {
201
+ const dispenseCommand = mockCommandTextData.commands.find(
202
+ c => c.commandType === 'aspirate'
203
+ )
204
+ const moveToWellCommand = {
205
+ ...dispenseCommand,
206
+ commandType: 'moveToWell',
207
+ } as MoveToWellRunTimeCommand
208
+ expect(moveToWellCommand).not.toBeUndefined()
209
+ if (moveToWellCommand != null) {
210
+ renderWithProviders(
211
+ <CommandText
212
+ allRunDefs={[]}
213
+ commandTextData={mockCommandTextData}
214
+ robotType={FLEX_ROBOT_TYPE}
215
+ command={moveToWellCommand}
216
+ />,
217
+ { i18nInstance: i18n }
218
+ )
219
+ screen.getByText(
220
+ 'Moving to well A1 of NEST 1 Well Reservoir 195 mL in Slot 5'
221
+ )
222
+ }
223
+ })
224
+ it('renders correct text for labware involving an addressable area slot', () => {
225
+ renderWithProviders(
226
+ <CommandText
227
+ allRunDefs={[]}
228
+ command={{
229
+ commandType: 'moveLabware',
230
+ params: {
231
+ strategy: 'usingGripper',
232
+ labwareId: mockCommandTextData.labware[2].id,
233
+ newLocation: { addressableAreaName: '5' },
234
+ },
235
+ id: 'def456',
236
+ result: { offsetId: 'fake_offset_id' },
237
+ status: 'queued',
238
+ error: null,
239
+ createdAt: 'fake_timestamp',
240
+ startedAt: null,
241
+ completedAt: null,
242
+ }}
243
+ commandTextData={mockCommandTextData}
244
+ robotType={FLEX_ROBOT_TYPE}
245
+ />,
246
+ {
247
+ i18nInstance: i18n,
248
+ }
249
+ )
250
+ screen.getByText(
251
+ 'Moving Opentrons 96 Tip Rack 300 µL using gripper from Slot 9 to Slot 5'
252
+ )
253
+ })
254
+ it('renders correct text for moveToAddressableArea for Waste Chutes', () => {
255
+ renderWithProviders(
256
+ <CommandText
257
+ allRunDefs={[]}
258
+ commandTextData={mockCommandTextData}
259
+ robotType={FLEX_ROBOT_TYPE}
260
+ command={
261
+ {
262
+ id: 'aca688ed-4916-496d-aae8-ca0e6e56c47b',
263
+ commandType: 'moveToAddressableArea',
264
+ params: {
265
+ pipetteId: 'f6d1c83c-9d1b-4d0d-9de3-e6d649739cfb',
266
+ addressableAreaName: '1ChannelWasteChute',
267
+ },
268
+ } as MoveToAddressableAreaRunTimeCommand
269
+ }
270
+ />,
271
+ { i18nInstance: i18n }
272
+ )
273
+ screen.getByText('Moving to Waste Chute')
274
+ })
275
+ it('renders correct text for moveToAddressableArea for Fixed Trash', () => {
276
+ renderWithProviders(
277
+ <CommandText
278
+ allRunDefs={[]}
279
+ commandTextData={mockCommandTextData}
280
+ robotType={OT2_ROBOT_TYPE}
281
+ command={
282
+ {
283
+ id: 'aca688ed-4916-496d-aae8-ca0e6e56c47c',
284
+ commandType: 'moveToAddressableArea',
285
+ params: {
286
+ pipetteId: 'f6d1c83c-9d1b-4d0d-9de3-e6d649739cfb',
287
+ addressableAreaName: 'fixedTrash',
288
+ },
289
+ } as MoveToAddressableAreaRunTimeCommand
290
+ }
291
+ />,
292
+ { i18nInstance: i18n }
293
+ )
294
+ screen.getByText('Moving to Fixed Trash')
295
+ })
296
+ it('renders correct text for moveToAddressableArea for Trash Bins', () => {
297
+ renderWithProviders(
298
+ <CommandText
299
+ allRunDefs={[]}
300
+ commandTextData={mockCommandTextData}
301
+ robotType={OT2_ROBOT_TYPE}
302
+ command={
303
+ {
304
+ id: 'aca688ed-4916-496d-aae8-ca0e6e56c47d',
305
+ commandType: 'moveToAddressableArea',
306
+ params: {
307
+ pipetteId: 'f6d1c83c-9d1b-4d0d-9de3-e6d649739cfb',
308
+ addressableAreaName: 'movableTrashD3',
309
+ },
310
+ } as MoveToAddressableAreaRunTimeCommand
311
+ }
312
+ />,
313
+ { i18nInstance: i18n }
314
+ )
315
+ screen.getByText('Moving to Trash Bin in D3')
316
+ })
317
+ it('renders correct text for moveToAddressableAreaForDropTip for Trash Bin', () => {
318
+ renderWithProviders(
319
+ <CommandText
320
+ allRunDefs={[]}
321
+ commandTextData={mockCommandTextData}
322
+ robotType={OT2_ROBOT_TYPE}
323
+ command={
324
+ {
325
+ id: 'aca688ed-4916-496d-aae8-ca0e6e56c47d',
326
+ commandType: 'moveToAddressableAreaForDropTip',
327
+ params: {
328
+ pipetteId: 'f6d1c83c-9d1b-4d0d-9de3-e6d649739cfb',
329
+ addressableAreaName: 'movableTrashD3',
330
+ alternateDropLocation: true,
331
+ },
332
+ } as MoveToAddressableAreaForDropTipRunTimeCommand
333
+ }
334
+ />,
335
+ { i18nInstance: i18n }
336
+ )
337
+ screen.getByText('Moving to Trash Bin in D3')
338
+ })
339
+ it('renders correct text for moveToAddressableArea for slots', () => {
340
+ renderWithProviders(
341
+ <CommandText
342
+ allRunDefs={[]}
343
+ commandTextData={mockCommandTextData}
344
+ robotType={OT2_ROBOT_TYPE}
345
+ command={
346
+ {
347
+ id: 'aca688ed-4916-496d-aae8-ca0e6e56c47e',
348
+ commandType: 'moveToAddressableArea',
349
+ params: {
350
+ pipetteId: 'f6d1c83c-9d1b-4d0d-9de3-e6d649739cfb',
351
+ addressableAreaName: 'D3',
352
+ },
353
+ } as MoveToAddressableAreaRunTimeCommand
354
+ }
355
+ />,
356
+ { i18nInstance: i18n }
357
+ )
358
+ screen.getByText('Moving to D3')
359
+ })
360
+ it('renders correct text for configureForVolume', () => {
361
+ const command = {
362
+ commandType: 'configureForVolume',
363
+ params: {
364
+ volume: 1,
365
+ pipetteId: 'f6d1c83c-9d1b-4d0d-9de3-e6d649739cfb',
366
+ },
367
+ } as ConfigureForVolumeRunTimeCommand
368
+
369
+ renderWithProviders(
370
+ <CommandText
371
+ allRunDefs={[]}
372
+ commandTextData={mockCommandTextData}
373
+ robotType={FLEX_ROBOT_TYPE}
374
+ command={command}
375
+ />,
376
+ { i18nInstance: i18n }
377
+ )
378
+ screen.getByText('Configure P300 Single-Channel GEN1 to aspirate 1 µL')
379
+ })
380
+ it('renders correct text for prepareToAspirate', () => {
381
+ const command = {
382
+ commandType: 'prepareToAspirate',
383
+ params: {
384
+ pipetteId: 'f6d1c83c-9d1b-4d0d-9de3-e6d649739cfb',
385
+ },
386
+ } as PrepareToAspirateRunTimeCommand
387
+
388
+ renderWithProviders(
389
+ <CommandText
390
+ allRunDefs={[]}
391
+ commandTextData={mockCommandTextData}
392
+ robotType={FLEX_ROBOT_TYPE}
393
+ command={command}
394
+ />,
395
+ { i18nInstance: i18n }
396
+ )
397
+ screen.getByText('Preparing P300 Single-Channel GEN1 to aspirate')
398
+ })
399
+ it('renders correct text for dropTip', () => {
400
+ const command = mockCommandTextData.commands.find(
401
+ c => c.commandType === 'dropTip'
402
+ )
403
+ expect(command).not.toBeUndefined()
404
+ if (command != null) {
405
+ renderWithProviders(
406
+ <CommandText
407
+ allRunDefs={[]}
408
+ commandTextData={mockCommandTextData}
409
+ robotType={FLEX_ROBOT_TYPE}
410
+ command={command}
411
+ />,
412
+ { i18nInstance: i18n }
413
+ )
414
+ screen.getByText('Dropping tip in A1 of Fixed Trash')
415
+ }
416
+ })
417
+ it('renders correct text for dropTip into a labware', () => {
418
+ renderWithProviders(
419
+ <CommandText
420
+ allRunDefs={[]}
421
+ commandTextData={mockCommandTextData}
422
+ robotType={FLEX_ROBOT_TYPE}
423
+ command={
424
+ {
425
+ commandType: 'dropTip',
426
+ params: {
427
+ labwareId: 'b2a40c9d-31b0-4f27-ad4a-c92ced91204d',
428
+ wellName: 'A1',
429
+ wellLocation: { origin: 'top', offset: { x: 0, y: 0, z: 0 } },
430
+ pipetteId: 'f6d1c83c-9d1b-4d0d-9de3-e6d649739cfb',
431
+ },
432
+ } as DropTipRunTimeCommand
433
+ }
434
+ />,
435
+ { i18nInstance: i18n }
436
+ )
437
+ screen.getByText(
438
+ 'Returning tip to A1 of Opentrons 96 Tip Rack 300 µL in Slot 9'
439
+ )
440
+ })
441
+ it('renders correct text for dropTipInPlace', () => {
442
+ renderWithProviders(
443
+ <CommandText
444
+ allRunDefs={[]}
445
+ commandTextData={mockCommandTextData}
446
+ robotType={FLEX_ROBOT_TYPE}
447
+ command={
448
+ {
449
+ commandType: 'dropTipInPlace',
450
+ params: {
451
+ pipetteId: 'f6d1c83c-9d1b-4d0d-9de3-e6d649739cfb',
452
+ },
453
+ } as DropTipInPlaceRunTimeCommand
454
+ }
455
+ />,
456
+ { i18nInstance: i18n }
457
+ )
458
+ screen.getByText('Dropping tip in D3')
459
+ })
460
+ it('renders correct text for pickUpTip', () => {
461
+ const command = mockCommandTextData.commands.find(
462
+ c => c.commandType === 'pickUpTip'
463
+ )
464
+ expect(command).not.toBeUndefined()
465
+ if (command != null) {
466
+ renderWithProviders(
467
+ <CommandText
468
+ allRunDefs={[]}
469
+ commandTextData={mockCommandTextData}
470
+ robotType={FLEX_ROBOT_TYPE}
471
+ command={command}
472
+ />,
473
+ { i18nInstance: i18n }
474
+ )
475
+ screen.getByText(
476
+ 'Picking up tip(s) from A1 of Opentrons 96 Tip Rack 300 µL in Slot 9'
477
+ )
478
+ }
479
+ })
480
+ it('renders correct text for loadPipette', () => {
481
+ const command = mockCommandTextData.commands.find(
482
+ c => c.commandType === 'loadPipette'
483
+ )
484
+ expect(command).not.toBeNull()
485
+ if (command != null) {
486
+ renderWithProviders(
487
+ <CommandText
488
+ allRunDefs={[]}
489
+ commandTextData={mockCommandTextData}
490
+ robotType={FLEX_ROBOT_TYPE}
491
+ command={command}
492
+ />,
493
+ { i18nInstance: i18n }
494
+ )
495
+ screen.getByText('Load P300 Single-Channel GEN1 in Left Mount')
496
+ }
497
+ })
498
+ it('renders correct text for loadModule', () => {
499
+ const command = mockCommandTextData.commands.find(
500
+ c => c.commandType === 'loadModule'
501
+ )
502
+ expect(command).not.toBeNull()
503
+ if (command != null) {
504
+ renderWithProviders(
505
+ <CommandText
506
+ allRunDefs={[]}
507
+ commandTextData={mockCommandTextData}
508
+ robotType={FLEX_ROBOT_TYPE}
509
+ command={command}
510
+ />,
511
+ { i18nInstance: i18n }
512
+ )
513
+ screen.getByText('Load Magnetic Module GEN2 in Slot 1')
514
+ }
515
+ })
516
+ it('renders correct text for loadLabware that is category adapter in slot', () => {
517
+ const loadLabwareCommands = mockCommandTextData.commands.filter(
518
+ c => c.commandType === 'loadLabware'
519
+ )
520
+ const loadLabwareCommand = loadLabwareCommands[0]
521
+ renderWithProviders(
522
+ <CommandText
523
+ allRunDefs={[]}
524
+ commandTextData={mockCommandTextData}
525
+ robotType={FLEX_ROBOT_TYPE}
526
+ command={loadLabwareCommand}
527
+ />,
528
+ { i18nInstance: i18n }
529
+ )
530
+ screen.getByText('Load Opentrons 96 Flat Bottom Adapter in Slot 2')
531
+ })
532
+ it('renders correct text for loadLabware in slot', () => {
533
+ const loadLabwareCommands = mockCommandTextData.commands.filter(
534
+ c => c.commandType === 'loadLabware'
535
+ )
536
+ const loadTipRackCommand = loadLabwareCommands[2]
537
+ renderWithProviders(
538
+ <CommandText
539
+ allRunDefs={[]}
540
+ commandTextData={mockCommandTextData}
541
+ robotType={FLEX_ROBOT_TYPE}
542
+ command={loadTipRackCommand}
543
+ />,
544
+ { i18nInstance: i18n }
545
+ )
546
+ screen.getByText('Load Opentrons 96 Tip Rack 300 µL in Slot 9')
547
+ })
548
+ it('renders correct text for loadLabware in module', () => {
549
+ const loadLabwareCommands = mockCommandTextData.commands.filter(
550
+ c => c.commandType === 'loadLabware'
551
+ )
552
+ const loadOnModuleCommand = loadLabwareCommands[3]
553
+ renderWithProviders(
554
+ <CommandText
555
+ allRunDefs={[]}
556
+ commandTextData={mockCommandTextData}
557
+ robotType={FLEX_ROBOT_TYPE}
558
+ command={loadOnModuleCommand}
559
+ />,
560
+ { i18nInstance: i18n }
561
+ )
562
+ screen.getByText(
563
+ 'Load NEST 96 Well Plate 100 µL PCR Full Skirt (1) in Magnetic Module GEN2 in Slot 1'
564
+ )
565
+ })
566
+ it('renders correct text for loadLabware in adapter', () => {
567
+ const flatBottomAdapterCommand = mockCommandTextData.commands.find(
568
+ c =>
569
+ c.commandType === 'loadLabware' &&
570
+ c.params.loadName === 'opentrons_96_flat_bottom_adapter'
571
+ )
572
+
573
+ renderWithProviders(
574
+ <CommandText
575
+ allRunDefs={[flatBottomAdapterCommand?.result.definition]}
576
+ command={{
577
+ commandType: 'loadLabware',
578
+ params: {
579
+ version: 1,
580
+ namespace: 'opentrons',
581
+ loadName: 'labwareMock',
582
+ location: {
583
+ labwareId:
584
+ '29444782-bdc8-4ad8-92fe-5e28872e85e5:opentrons/opentrons_96_flat_bottom_adapter/1',
585
+ },
586
+ },
587
+ id: 'def456',
588
+ result: {
589
+ labwareId: 'mockId',
590
+ definition: {
591
+ metadata: { displayName: 'mock displayName' },
592
+ } as LabwareDefinition2,
593
+ offset: { x: 0, y: 0, z: 0 },
594
+ },
595
+ status: 'queued',
596
+ error: null,
597
+ createdAt: 'fake_timestamp',
598
+ startedAt: null,
599
+ completedAt: null,
600
+ }}
601
+ commandTextData={mockCommandTextData}
602
+ robotType={FLEX_ROBOT_TYPE}
603
+ />,
604
+ {
605
+ i18nInstance: i18n,
606
+ }
607
+ )
608
+ screen.getByText(
609
+ 'Load mock displayName on Opentrons 96 Flat Bottom Adapter in Slot 2'
610
+ )
611
+ })
612
+ it('renders correct text for loadLabware off deck', () => {
613
+ const loadLabwareCommands = mockCommandTextData.commands.filter(
614
+ c => c.commandType === 'loadLabware'
615
+ )
616
+ const loadOffDeckCommand = {
617
+ ...loadLabwareCommands[4],
618
+ params: {
619
+ ...loadLabwareCommands[4].params,
620
+ location: 'offDeck',
621
+ },
622
+ } as LoadLabwareRunTimeCommand
623
+ renderWithProviders(
624
+ <CommandText
625
+ allRunDefs={[]}
626
+ commandTextData={mockCommandTextData}
627
+ robotType={FLEX_ROBOT_TYPE}
628
+ command={loadOffDeckCommand}
629
+ />,
630
+ { i18nInstance: i18n }
631
+ )
632
+ screen.getByText(
633
+ 'Load NEST 96 Well Plate 100 µL PCR Full Skirt (2) off deck'
634
+ )
635
+ })
636
+ it('renders correct text for reloadLabware', () => {
637
+ const reloadLabwareCommand = mockCommandTextData.commands.find(
638
+ c => c.commandType === 'reloadLabware'
639
+ )
640
+ expect(reloadLabwareCommand).not.toBeUndefined()
641
+ if (reloadLabwareCommand != null) {
642
+ renderWithProviders(
643
+ <CommandText
644
+ allRunDefs={[]}
645
+ commandTextData={mockCommandTextData}
646
+ robotType={FLEX_ROBOT_TYPE}
647
+ command={reloadLabwareCommand}
648
+ />,
649
+ { i18nInstance: i18n }
650
+ )
651
+ }
652
+ screen.getByText('Reloading NEST 96 Well Plate 100 µL PCR Full Skirt (1)')
653
+ })
654
+ it('renders correct text for loadLiquid', () => {
655
+ const loadLabwareCommands = mockCommandTextData.commands.filter(
656
+ c => c.commandType === 'loadLabware'
657
+ )
658
+ const liquidId = 'zxcvbn'
659
+ const labwareId = 'uytrew'
660
+ const loadLiquidCommand = {
661
+ ...loadLabwareCommands[1],
662
+ commandType: 'loadLiquid',
663
+ params: { liquidId, labwareId },
664
+ } as LoadLiquidRunTimeCommand
665
+ const analysisWithLiquids = {
666
+ ...mockCommandTextData,
667
+ liquids: [
668
+ {
669
+ id: 'zxcvbn',
670
+ displayName: 'Water',
671
+ description: 'wet',
672
+ displayColor: '#0000ff',
673
+ },
674
+ ],
675
+ labware: [
676
+ {
677
+ id: labwareId,
678
+ loadName: 'fake_loadname',
679
+ definitionUri: 'fake_uri',
680
+ location: 'offDeck' as const,
681
+ displayName: 'fakeDisplayName',
682
+ },
683
+ ],
684
+ }
685
+ renderWithProviders(
686
+ <CommandText
687
+ allRunDefs={[]}
688
+ commandTextData={getCommandTextData(
689
+ analysisWithLiquids as CompletedProtocolAnalysis
690
+ )}
691
+ robotType={FLEX_ROBOT_TYPE}
692
+ command={loadLiquidCommand}
693
+ />,
694
+ { i18nInstance: i18n }
695
+ )
696
+ screen.getByText('Load Water into fakeDisplayName')
697
+ })
698
+ it('renders correct text for loadLiquidClass', () => {
699
+ renderWithProviders(
700
+ <CommandText
701
+ allRunDefs={[]}
702
+ commandTextData={mockCommandTextData} // not relevant for loading liquid class
703
+ robotType={FLEX_ROBOT_TYPE}
704
+ command={
705
+ mockRobotSideAnalysis.commands.find(
706
+ c => c.commandType === 'loadLiquidClass'
707
+ ) as LoadLiquidClassRunTimeCommand
708
+ }
709
+ />,
710
+ { i18nInstance: i18n }
711
+ )
712
+ screen.getByText('Loading Volatile Liquid Class')
713
+ })
714
+ it('renders correct text for temperatureModule/setTargetTemperature', () => {
715
+ const mockTemp = 20
716
+ renderWithProviders(
717
+ <CommandText
718
+ allRunDefs={[]}
719
+ command={{
720
+ commandType: 'temperatureModule/setTargetTemperature',
721
+ params: { celsius: mockTemp, moduleId: 'abc123' },
722
+ id: 'def456',
723
+ result: {},
724
+ status: 'queued',
725
+ error: null,
726
+ createdAt: 'fake_timestamp',
727
+ startedAt: null,
728
+ completedAt: null,
729
+ }}
730
+ commandTextData={mockCommandTextData}
731
+ robotType={FLEX_ROBOT_TYPE}
732
+ />,
733
+ {
734
+ i18nInstance: i18n,
735
+ }
736
+ )
737
+ screen.getByText(
738
+ 'Setting Temperature Module to 20°C (rounded to nearest integer)'
739
+ )
740
+ })
741
+ it('renders correct text for temperatureModule/waitForTemperature with target temp', () => {
742
+ const mockTemp = 20
743
+ renderWithProviders(
744
+ <CommandText
745
+ allRunDefs={[]}
746
+ command={{
747
+ commandType: 'temperatureModule/waitForTemperature',
748
+ params: { celsius: mockTemp, moduleId: 'abc123' },
749
+ id: 'def456',
750
+ result: {},
751
+ status: 'queued',
752
+ error: null,
753
+ createdAt: 'fake_timestamp',
754
+ startedAt: null,
755
+ completedAt: null,
756
+ }}
757
+ commandTextData={mockCommandTextData}
758
+ robotType={FLEX_ROBOT_TYPE}
759
+ />,
760
+ {
761
+ i18nInstance: i18n,
762
+ }
763
+ )
764
+ screen.getByText('Waiting for Temperature Module to reach 20°C')
765
+ })
766
+ it('renders correct text for temperatureModule/waitForTemperature with no specified temp', () => {
767
+ renderWithProviders(
768
+ <CommandText
769
+ allRunDefs={[]}
770
+ command={{
771
+ commandType: 'temperatureModule/waitForTemperature',
772
+ params: { moduleId: 'abc123' },
773
+ id: 'def456',
774
+ result: {},
775
+ status: 'queued',
776
+ error: null,
777
+ createdAt: 'fake_timestamp',
778
+ startedAt: null,
779
+ completedAt: null,
780
+ }}
781
+ commandTextData={mockCommandTextData}
782
+ robotType={FLEX_ROBOT_TYPE}
783
+ />,
784
+ {
785
+ i18nInstance: i18n,
786
+ }
787
+ )
788
+ screen.getByText(
789
+ 'Waiting for Temperature Module to reach target temperature'
790
+ )
791
+ })
792
+ it('renders correct text for thermocycler/setTargetBlockTemperature', () => {
793
+ const mockTemp = 20
794
+ renderWithProviders(
795
+ <CommandText
796
+ allRunDefs={[]}
797
+ command={{
798
+ commandType: 'thermocycler/setTargetBlockTemperature',
799
+ params: { celsius: mockTemp, moduleId: 'abc123' },
800
+ id: 'def456',
801
+ result: {},
802
+ status: 'queued',
803
+ error: null,
804
+ createdAt: 'fake_timestamp',
805
+ startedAt: null,
806
+ completedAt: null,
807
+ }}
808
+ commandTextData={mockCommandTextData}
809
+ robotType={FLEX_ROBOT_TYPE}
810
+ />,
811
+ {
812
+ i18nInstance: i18n,
813
+ }
814
+ )
815
+ screen.getByText(
816
+ 'Setting Thermocycler block temperature to 20°C with hold time of 0 seconds after target reached'
817
+ )
818
+ })
819
+ it('renders correct text for thermocycler/setTargetLidTemperature', () => {
820
+ const mockTemp = 20
821
+ renderWithProviders(
822
+ <CommandText
823
+ allRunDefs={[]}
824
+ command={{
825
+ commandType: 'thermocycler/setTargetLidTemperature',
826
+ params: { celsius: mockTemp, moduleId: 'abc123' },
827
+ id: 'def456',
828
+ result: {},
829
+ status: 'queued',
830
+ error: null,
831
+ createdAt: 'fake_timestamp',
832
+ startedAt: null,
833
+ completedAt: null,
834
+ }}
835
+ commandTextData={mockCommandTextData}
836
+ robotType={FLEX_ROBOT_TYPE}
837
+ />,
838
+ {
839
+ i18nInstance: i18n,
840
+ }
841
+ )
842
+ screen.getByText('Setting Thermocycler lid temperature to 20°C')
843
+ })
844
+ it('renders correct text for heaterShaker/setTargetTemperature', () => {
845
+ const mockTemp = 20
846
+ renderWithProviders(
847
+ <CommandText
848
+ allRunDefs={[]}
849
+ command={{
850
+ commandType: 'heaterShaker/setTargetTemperature',
851
+ params: { celsius: mockTemp, moduleId: 'abc123' },
852
+ id: 'def456',
853
+ result: {},
854
+ status: 'queued',
855
+ error: null,
856
+ createdAt: 'fake_timestamp',
857
+ startedAt: null,
858
+ completedAt: null,
859
+ }}
860
+ commandTextData={mockCommandTextData}
861
+ robotType={FLEX_ROBOT_TYPE}
862
+ />,
863
+ {
864
+ i18nInstance: i18n,
865
+ }
866
+ )
867
+ screen.getByText('Setting Target Temperature of Heater-Shaker to 20°C')
868
+ })
869
+ it('renders correct text for thermocycler/runProfile on Desktop', () => {
870
+ const mockProfileSteps = [
871
+ { holdSeconds: 10, celsius: 20 },
872
+ { holdSeconds: 30, celsius: 40 },
873
+ ]
874
+ renderWithProviders(
875
+ <CommandText
876
+ allRunDefs={[]}
877
+ command={{
878
+ commandType: 'thermocycler/runProfile',
879
+ params: { profile: mockProfileSteps, moduleId: 'abc123' },
880
+ id: 'def456',
881
+ result: {},
882
+ status: 'queued',
883
+ error: null,
884
+ createdAt: 'fake_timestamp',
885
+ startedAt: null,
886
+ completedAt: null,
887
+ }}
888
+ commandTextData={mockCommandTextData}
889
+ robotType={FLEX_ROBOT_TYPE}
890
+ />,
891
+ {
892
+ i18nInstance: i18n,
893
+ }
894
+ )
895
+ screen.getByText('Running thermocycler profile with 2 steps:')
896
+ screen.getByText('Temperature: 20°C, hold time: 0h 00m 10s')
897
+ screen.getByText('Temperature: 40°C, hold time: 0h 00m 30s')
898
+ })
899
+ it('renders correct text for thermocycler/runProfile on ODD', () => {
900
+ const mockProfileSteps = [
901
+ { holdSeconds: 10, celsius: 20 },
902
+ { holdSeconds: 30, celsius: 40 },
903
+ ]
904
+ renderWithProviders(
905
+ <CommandText
906
+ allRunDefs={[]}
907
+ command={{
908
+ commandType: 'thermocycler/runProfile',
909
+ params: { profile: mockProfileSteps, moduleId: 'abc123' },
910
+ id: 'def456',
911
+ result: {},
912
+ status: 'queued',
913
+ error: null,
914
+ createdAt: 'fake_timestamp',
915
+ startedAt: null,
916
+ completedAt: null,
917
+ }}
918
+ commandTextData={mockCommandTextData}
919
+ robotType={FLEX_ROBOT_TYPE}
920
+ isOnDevice={true}
921
+ />,
922
+ {
923
+ i18nInstance: i18n,
924
+ }
925
+ )
926
+ screen.getByText('Running thermocycler profile with 2 steps:')
927
+ screen.getByText('Temperature: 20°C, hold time: 0h 00m 10s')
928
+ expect(
929
+ screen.queryByText('Temperature: 40°C, hold time: 0h 00m 30s')
930
+ ).not.toBeInTheDocument()
931
+ })
932
+ it('renders correct text for thermocycler/runExtendedProfile on Desktop', () => {
933
+ const mockProfileSteps = [
934
+ { holdSeconds: 10, celsius: 20 },
935
+ {
936
+ repetitions: 10,
937
+ steps: [
938
+ { holdSeconds: 15, celsius: 10 },
939
+ { holdSeconds: 12, celsius: 11 },
940
+ ],
941
+ },
942
+ { holdSeconds: 30, celsius: 40 },
943
+ {
944
+ repetitions: 9,
945
+ steps: [
946
+ { holdSeconds: 13000, celsius: 12 },
947
+ { holdSeconds: 14, celsius: 13 },
948
+ ],
949
+ },
950
+ ]
951
+ renderWithProviders(
952
+ <CommandText
953
+ allRunDefs={[]}
954
+ command={{
955
+ commandType: 'thermocycler/runExtendedProfile',
956
+ params: { profileElements: mockProfileSteps, moduleId: 'abc123' },
957
+ id: 'def456',
958
+ result: {},
959
+ status: 'queued',
960
+ error: null,
961
+ createdAt: 'fake_timestamp',
962
+ startedAt: null,
963
+ completedAt: null,
964
+ }}
965
+ commandTextData={mockCommandTextData}
966
+ robotType={FLEX_ROBOT_TYPE}
967
+ />,
968
+ {
969
+ i18nInstance: i18n,
970
+ }
971
+ )
972
+ screen.getByText(
973
+ 'Running thermocycler profile with 4 total steps and cycles:'
974
+ )
975
+ screen.getByText('Temperature: 20°C, hold time: 0h 00m 10s')
976
+ screen.getByText('10 repetitions of the following steps:')
977
+ screen.getByText('Temperature: 10°C, hold time: 0h 00m 15s')
978
+ screen.getByText('Temperature: 11°C, hold time: 0h 00m 12s')
979
+ screen.getByText('Temperature: 40°C, hold time: 0h 00m 30s')
980
+ screen.getByText('9 repetitions of the following steps:')
981
+ screen.getByText('Temperature: 12°C, hold time: 3h 36m 40s')
982
+ screen.getByText('Temperature: 13°C, hold time: 0h 00m 14s')
983
+ })
984
+ it('renders correct text for thermocycler/runExtendedProfile on ODD', () => {
985
+ const mockProfileSteps = [
986
+ { holdSeconds: 10, celsius: 20 },
987
+ {
988
+ repetitions: 10,
989
+ steps: [
990
+ { holdSeconds: 15, celsius: 10 },
991
+ { holdSeconds: 12, celsius: 11 },
992
+ ],
993
+ },
994
+ { holdSeconds: 30, celsius: 40 },
995
+ {
996
+ repetitions: 9,
997
+ steps: [
998
+ { holdSeconds: 13, celsius: 12 },
999
+ { holdSeconds: 14, celsius: 13 },
1000
+ ],
1001
+ },
1002
+ ]
1003
+ renderWithProviders(
1004
+ <CommandText
1005
+ allRunDefs={[]}
1006
+ command={{
1007
+ commandType: 'thermocycler/runExtendedProfile',
1008
+ params: { profileElements: mockProfileSteps, moduleId: 'abc123' },
1009
+ id: 'def456',
1010
+ result: {},
1011
+ status: 'queued',
1012
+ error: null,
1013
+ createdAt: 'fake_timestamp',
1014
+ startedAt: null,
1015
+ completedAt: null,
1016
+ }}
1017
+ commandTextData={mockCommandTextData}
1018
+ robotType={FLEX_ROBOT_TYPE}
1019
+ isOnDevice={true}
1020
+ />,
1021
+ {
1022
+ i18nInstance: i18n,
1023
+ }
1024
+ )
1025
+ screen.getByText(
1026
+ 'Running thermocycler profile with 4 total steps and cycles:'
1027
+ )
1028
+ screen.getByText('Temperature: 20°C, hold time: 0h 00m 10s')
1029
+
1030
+ expect(
1031
+ screen.queryByText('10 repetitions of the following steps:')
1032
+ ).not.toBeInTheDocument()
1033
+ expect(
1034
+ screen.queryByText('Temperature: 10°C, hold time: 0h 00m 15s')
1035
+ ).not.toBeInTheDocument()
1036
+ expect(
1037
+ screen.queryByText('Temperature: 11°C, hold time: 0h 00m 12s')
1038
+ ).not.toBeInTheDocument()
1039
+ expect(
1040
+ screen.queryByText('Temperature: 40°C, hold time: 0h 00m 30s')
1041
+ ).not.toBeInTheDocument()
1042
+ expect(
1043
+ screen.queryByText('9 repetitions of the following steps:')
1044
+ ).not.toBeInTheDocument()
1045
+ expect(
1046
+ screen.queryByText('Temperature: 12°C, hold time: 0h 00m 13s')
1047
+ ).not.toBeInTheDocument()
1048
+ expect(
1049
+ screen.queryByText('Temperature: 13°C, hold time: 0h 00m 14s')
1050
+ ).not.toBeInTheDocument()
1051
+ })
1052
+ it('renders correct text for heaterShaker/setAndWaitForShakeSpeed', () => {
1053
+ renderWithProviders(
1054
+ <CommandText
1055
+ allRunDefs={[]}
1056
+ command={{
1057
+ commandType: 'heaterShaker/setAndWaitForShakeSpeed',
1058
+ params: { rpm: 1000, moduleId: 'abc123' },
1059
+ id: 'def456',
1060
+ result: {},
1061
+ status: 'queued',
1062
+ error: null,
1063
+ createdAt: 'fake_timestamp',
1064
+ startedAt: null,
1065
+ completedAt: null,
1066
+ }}
1067
+ commandTextData={mockCommandTextData}
1068
+ robotType={FLEX_ROBOT_TYPE}
1069
+ />,
1070
+ {
1071
+ i18nInstance: i18n,
1072
+ }
1073
+ )
1074
+ screen.getByText(
1075
+ 'Setting Heater-Shaker to shake at 1000 rpm and waiting until reached'
1076
+ )
1077
+ })
1078
+ it('renders correct text for moveToSlot', () => {
1079
+ renderWithProviders(
1080
+ <CommandText
1081
+ allRunDefs={[]}
1082
+ command={{
1083
+ commandType: 'moveToSlot',
1084
+ params: { slotName: '1', pipetteId: 'asdfgh' },
1085
+ id: 'def456',
1086
+ result: {},
1087
+ status: 'queued',
1088
+ error: null,
1089
+ createdAt: 'fake_timestamp',
1090
+ startedAt: null,
1091
+ completedAt: null,
1092
+ }}
1093
+ commandTextData={mockCommandTextData}
1094
+ robotType={FLEX_ROBOT_TYPE}
1095
+ />,
1096
+ {
1097
+ i18nInstance: i18n,
1098
+ }
1099
+ )
1100
+ screen.getByText('Moving to Slot 1')
1101
+ })
1102
+ it('renders correct text for moveRelative', () => {
1103
+ renderWithProviders(
1104
+ <CommandText
1105
+ allRunDefs={[]}
1106
+ command={{
1107
+ commandType: 'moveRelative',
1108
+ params: { pipetteId: 'asdfgh', axis: 'x', distance: 10 },
1109
+ id: 'def456',
1110
+ result: { position: { x: 1, y: 2, z: 3 } },
1111
+ status: 'queued',
1112
+ error: null,
1113
+ createdAt: 'fake_timestamp',
1114
+ startedAt: null,
1115
+ completedAt: null,
1116
+ }}
1117
+ commandTextData={mockCommandTextData}
1118
+ robotType={FLEX_ROBOT_TYPE}
1119
+ />,
1120
+ {
1121
+ i18nInstance: i18n,
1122
+ }
1123
+ )
1124
+ screen.getByText('Moving 10 mm along x axis')
1125
+ })
1126
+ it('renders correct text for moveToCoordinates', () => {
1127
+ renderWithProviders(
1128
+ <CommandText
1129
+ allRunDefs={[]}
1130
+ command={{
1131
+ commandType: 'moveToCoordinates',
1132
+ params: { pipetteId: 'asdfgh', coordinates: { x: 1, y: 2, z: 3 } },
1133
+ id: 'def456',
1134
+ result: { position: { x: 1, y: 2, z: 3 } },
1135
+ status: 'queued',
1136
+ error: null,
1137
+ createdAt: 'fake_timestamp',
1138
+ startedAt: null,
1139
+ completedAt: null,
1140
+ }}
1141
+ commandTextData={mockCommandTextData}
1142
+ robotType={FLEX_ROBOT_TYPE}
1143
+ />,
1144
+ {
1145
+ i18nInstance: i18n,
1146
+ }
1147
+ )
1148
+ screen.getByText('Moving to (X: 1, Y: 2, Z: 3)')
1149
+ })
1150
+ it('renders correct text for commands with no parsed params', () => {
1151
+ const expectedCopyByCommandType: {
1152
+ [commandType in RunTimeCommand['commandType']]?: string
1153
+ } = {
1154
+ home: 'Homing all gantry, pipette, and plunger axes',
1155
+ savePosition: 'Saving position',
1156
+ touchTip: 'Touching tip',
1157
+ 'magneticModule/engage': 'Engaging Magnetic Module',
1158
+ 'magneticModule/disengage': 'Disengaging Magnetic Module',
1159
+ 'temperatureModule/deactivate': 'Deactivating Temperature Module',
1160
+ 'thermocycler/waitForBlockTemperature':
1161
+ 'Waiting for Thermocycler block to reach target temperature and holding for specified time',
1162
+ 'thermocycler/waitForLidTemperature':
1163
+ 'Waiting for Thermocycler lid to reach target temperature',
1164
+ 'thermocycler/openLid': 'Opening Thermocycler lid',
1165
+ 'thermocycler/closeLid': 'Closing Thermocycler lid',
1166
+ 'thermocycler/deactivateBlock': 'Deactivating Thermocycler block',
1167
+ 'thermocycler/deactivateLid': 'Deactivating Thermocycler lid',
1168
+ 'thermocycler/awaitProfileComplete':
1169
+ 'Waiting for Thermocycler profile to complete',
1170
+ 'heaterShaker/deactivateHeater': 'Deactivating heater',
1171
+ 'heaterShaker/openLabwareLatch': 'Unlatching labware on Heater-Shaker',
1172
+ 'heaterShaker/closeLabwareLatch': 'Latching labware on Heater-Shaker',
1173
+ 'heaterShaker/deactivateShaker': 'Deactivating shaker',
1174
+ 'heaterShaker/waitForTemperature':
1175
+ 'Waiting for Heater-Shaker to reach target temperature',
1176
+ } as const
1177
+ Object.entries(expectedCopyByCommandType).forEach(
1178
+ ([commandType, expectedCopy]) => {
1179
+ renderWithProviders(
1180
+ <CommandText
1181
+ allRunDefs={[]}
1182
+ command={
1183
+ {
1184
+ commandType,
1185
+ params: {},
1186
+ id: 'def456',
1187
+ result: {},
1188
+ status: 'queued',
1189
+ error: null,
1190
+ createdAt: 'fake_timestamp',
1191
+ startedAt: null,
1192
+ completedAt: null,
1193
+ } as RunTimeCommand
1194
+ }
1195
+ commandTextData={mockCommandTextData}
1196
+ robotType={FLEX_ROBOT_TYPE}
1197
+ />,
1198
+ {
1199
+ i18nInstance: i18n,
1200
+ }
1201
+ )
1202
+ expect(expectedCopy).not.toBeUndefined()
1203
+ if (expectedCopy != null) screen.getByText(expectedCopy)
1204
+ }
1205
+ )
1206
+ })
1207
+ it('renders correct text for waitForDuration', () => {
1208
+ renderWithProviders(
1209
+ <CommandText
1210
+ allRunDefs={[]}
1211
+ command={{
1212
+ commandType: 'waitForDuration',
1213
+ params: { seconds: 42, message: 'THIS IS A MESSAGE' },
1214
+ id: 'def456',
1215
+ result: {},
1216
+ status: 'queued',
1217
+ error: null,
1218
+ createdAt: 'fake_timestamp',
1219
+ startedAt: null,
1220
+ completedAt: null,
1221
+ }}
1222
+ commandTextData={mockCommandTextData}
1223
+ robotType={FLEX_ROBOT_TYPE}
1224
+ />,
1225
+ {
1226
+ i18nInstance: i18n,
1227
+ }
1228
+ )
1229
+ screen.getByText('Pausing for 42 seconds. THIS IS A MESSAGE')
1230
+ })
1231
+ it('renders correct text for legacy pause with message', () => {
1232
+ renderWithProviders(
1233
+ <CommandText
1234
+ allRunDefs={[]}
1235
+ command={{
1236
+ commandType: 'pause',
1237
+ params: { message: 'THIS IS A MESSAGE' },
1238
+ id: 'def456',
1239
+ result: {},
1240
+ status: 'queued',
1241
+ error: null,
1242
+ createdAt: 'fake_timestamp',
1243
+ startedAt: null,
1244
+ completedAt: null,
1245
+ }}
1246
+ commandTextData={mockCommandTextData}
1247
+ robotType={FLEX_ROBOT_TYPE}
1248
+ />,
1249
+ {
1250
+ i18nInstance: i18n,
1251
+ }
1252
+ )
1253
+ screen.getByText('THIS IS A MESSAGE')
1254
+ })
1255
+ it('renders correct text for legacy pause without message', () => {
1256
+ renderWithProviders(
1257
+ <CommandText
1258
+ allRunDefs={[]}
1259
+ command={{
1260
+ commandType: 'pause',
1261
+ params: {},
1262
+ id: 'def456',
1263
+ result: {},
1264
+ status: 'queued',
1265
+ error: null,
1266
+ createdAt: 'fake_timestamp',
1267
+ startedAt: null,
1268
+ completedAt: null,
1269
+ }}
1270
+ commandTextData={mockCommandTextData}
1271
+ robotType={FLEX_ROBOT_TYPE}
1272
+ />,
1273
+ {
1274
+ i18nInstance: i18n,
1275
+ }
1276
+ )
1277
+ screen.getByText('Pausing protocol')
1278
+ })
1279
+ it('renders correct text for waitForResume with message', () => {
1280
+ renderWithProviders(
1281
+ <CommandText
1282
+ allRunDefs={[]}
1283
+ command={{
1284
+ commandType: 'waitForResume',
1285
+ params: { message: 'THIS IS A MESSAGE' },
1286
+ id: 'def456',
1287
+ result: {},
1288
+ status: 'queued',
1289
+ error: null,
1290
+ createdAt: 'fake_timestamp',
1291
+ startedAt: null,
1292
+ completedAt: null,
1293
+ }}
1294
+ commandTextData={mockCommandTextData}
1295
+ robotType={FLEX_ROBOT_TYPE}
1296
+ />,
1297
+ {
1298
+ i18nInstance: i18n,
1299
+ }
1300
+ )
1301
+ screen.getByText('THIS IS A MESSAGE')
1302
+ })
1303
+ it('renders correct text for waitForResume without message', () => {
1304
+ renderWithProviders(
1305
+ <CommandText
1306
+ allRunDefs={[]}
1307
+ command={{
1308
+ commandType: 'waitForResume',
1309
+ params: {},
1310
+ id: 'def456',
1311
+ result: {},
1312
+ status: 'queued',
1313
+ error: null,
1314
+ createdAt: 'fake_timestamp',
1315
+ startedAt: null,
1316
+ completedAt: null,
1317
+ }}
1318
+ commandTextData={mockCommandTextData}
1319
+ robotType={FLEX_ROBOT_TYPE}
1320
+ />,
1321
+ {
1322
+ i18nInstance: i18n,
1323
+ }
1324
+ )
1325
+ screen.getByText('Pausing protocol')
1326
+ })
1327
+ it('renders correct text for legacy delay with time', () => {
1328
+ renderWithProviders(
1329
+ <CommandText
1330
+ allRunDefs={[]}
1331
+ command={{
1332
+ commandType: 'delay',
1333
+ params: { seconds: 42, message: 'THIS IS A MESSAGE' },
1334
+ id: 'def456',
1335
+ result: {},
1336
+ status: 'queued',
1337
+ error: null,
1338
+ createdAt: 'fake_timestamp',
1339
+ startedAt: null,
1340
+ completedAt: null,
1341
+ }}
1342
+ commandTextData={mockCommandTextData}
1343
+ robotType={FLEX_ROBOT_TYPE}
1344
+ />,
1345
+ {
1346
+ i18nInstance: i18n,
1347
+ }
1348
+ )
1349
+ screen.getByText('Pausing for 42 seconds. THIS IS A MESSAGE')
1350
+ })
1351
+ it('renders correct text for legacy delay wait for resume with message', () => {
1352
+ renderWithProviders(
1353
+ <CommandText
1354
+ allRunDefs={[]}
1355
+ command={{
1356
+ commandType: 'delay',
1357
+ params: { waitForResume: true, message: 'THIS IS A MESSAGE' },
1358
+ id: 'def456',
1359
+ result: {},
1360
+ status: 'queued',
1361
+ error: null,
1362
+ createdAt: 'fake_timestamp',
1363
+ startedAt: null,
1364
+ completedAt: null,
1365
+ }}
1366
+ commandTextData={mockCommandTextData}
1367
+ robotType={FLEX_ROBOT_TYPE}
1368
+ />,
1369
+ {
1370
+ i18nInstance: i18n,
1371
+ }
1372
+ )
1373
+ screen.getByText('THIS IS A MESSAGE')
1374
+ })
1375
+ it('renders correct text for legacy delay wait for resume without message', () => {
1376
+ renderWithProviders(
1377
+ <CommandText
1378
+ allRunDefs={[]}
1379
+ command={{
1380
+ commandType: 'delay',
1381
+ params: { waitForResume: true },
1382
+ id: 'def456',
1383
+ result: {},
1384
+ status: 'queued',
1385
+ error: null,
1386
+ createdAt: 'fake_timestamp',
1387
+ startedAt: null,
1388
+ completedAt: null,
1389
+ }}
1390
+ commandTextData={mockCommandTextData}
1391
+ robotType={FLEX_ROBOT_TYPE}
1392
+ />,
1393
+ {
1394
+ i18nInstance: i18n,
1395
+ }
1396
+ )
1397
+ screen.getByText('Pausing protocol')
1398
+ })
1399
+ it('renders correct text for comment', () => {
1400
+ renderWithProviders(
1401
+ <CommandText
1402
+ allRunDefs={[]}
1403
+ command={{
1404
+ commandType: 'comment',
1405
+ params: { message: 'THIS IS A MESSAGE' },
1406
+ id: 'def456',
1407
+ result: {},
1408
+ status: 'queued',
1409
+ error: null,
1410
+ createdAt: 'fake_timestamp',
1411
+ startedAt: null,
1412
+ completedAt: null,
1413
+ }}
1414
+ commandTextData={mockCommandTextData}
1415
+ robotType={FLEX_ROBOT_TYPE}
1416
+ />,
1417
+ {
1418
+ i18nInstance: i18n,
1419
+ }
1420
+ )
1421
+ screen.getByText('THIS IS A MESSAGE')
1422
+ })
1423
+ it('renders correct text for custom command type with legacy command text', () => {
1424
+ renderWithProviders(
1425
+ <CommandText
1426
+ allRunDefs={[]}
1427
+ command={{
1428
+ commandType: 'custom',
1429
+ params: { legacyCommandText: 'SOME LEGACY COMMAND' },
1430
+ id: 'def456',
1431
+ result: {},
1432
+ status: 'queued',
1433
+ error: null,
1434
+ createdAt: 'fake_timestamp',
1435
+ startedAt: null,
1436
+ completedAt: null,
1437
+ }}
1438
+ commandTextData={mockCommandTextData}
1439
+ robotType={FLEX_ROBOT_TYPE}
1440
+ />,
1441
+ {
1442
+ i18nInstance: i18n,
1443
+ }
1444
+ )
1445
+ screen.getByText('SOME LEGACY COMMAND')
1446
+ })
1447
+ it('renders correct text for custom command type with arbitrary params', () => {
1448
+ renderWithProviders(
1449
+ <CommandText
1450
+ allRunDefs={[]}
1451
+ command={{
1452
+ commandType: 'custom',
1453
+ params: {
1454
+ thunderBolts: true,
1455
+ lightning: 'yup',
1456
+ veryVeryFrightening: 1,
1457
+ },
1458
+ id: 'def456',
1459
+ result: {},
1460
+ status: 'queued',
1461
+ error: null,
1462
+ createdAt: 'fake_timestamp',
1463
+ startedAt: null,
1464
+ completedAt: null,
1465
+ }}
1466
+ commandTextData={mockCommandTextData}
1467
+ robotType={FLEX_ROBOT_TYPE}
1468
+ />,
1469
+ {
1470
+ i18nInstance: i18n,
1471
+ }
1472
+ )
1473
+ screen.getByText(
1474
+ 'custom: {"thunderBolts":true,"lightning":"yup","veryVeryFrightening":1}'
1475
+ )
1476
+ })
1477
+ it('renders correct text for move labware manually off deck', () => {
1478
+ renderWithProviders(
1479
+ <CommandText
1480
+ allRunDefs={[]}
1481
+ command={{
1482
+ commandType: 'moveLabware',
1483
+ params: {
1484
+ strategy: 'manualMoveWithPause',
1485
+ labwareId: mockCommandTextData.labware[2].id,
1486
+ newLocation: 'offDeck',
1487
+ },
1488
+ id: 'def456',
1489
+ result: { offsetId: 'fake_offset_id' },
1490
+ status: 'queued',
1491
+ error: null,
1492
+ createdAt: 'fake_timestamp',
1493
+ startedAt: null,
1494
+ completedAt: null,
1495
+ }}
1496
+ commandTextData={mockCommandTextData}
1497
+ robotType={FLEX_ROBOT_TYPE}
1498
+ />,
1499
+ {
1500
+ i18nInstance: i18n,
1501
+ }
1502
+ )
1503
+ screen.getByText(
1504
+ 'Manually move Opentrons 96 Tip Rack 300 µL from Slot 9 to off deck'
1505
+ )
1506
+ })
1507
+ it('renders correct text for move labware manually to module', () => {
1508
+ renderWithProviders(
1509
+ <CommandText
1510
+ allRunDefs={[]}
1511
+ command={{
1512
+ commandType: 'moveLabware',
1513
+ params: {
1514
+ strategy: 'manualMoveWithPause',
1515
+ labwareId: mockCommandTextData.labware[3].id,
1516
+ newLocation: { slotName: 'A3' },
1517
+ },
1518
+ id: 'def456',
1519
+ result: { offsetId: 'fake_offset_id' },
1520
+ status: 'queued',
1521
+ error: null,
1522
+ createdAt: 'fake_timestamp',
1523
+ startedAt: null,
1524
+ completedAt: null,
1525
+ }}
1526
+ commandTextData={mockCommandTextData}
1527
+ robotType={FLEX_ROBOT_TYPE}
1528
+ />,
1529
+ {
1530
+ i18nInstance: i18n,
1531
+ }
1532
+ )
1533
+ screen.getByText(
1534
+ 'Manually move NEST 96 Well Plate 100 µL PCR Full Skirt (1) from Magnetic Module GEN2 in Slot 1 to Slot A3'
1535
+ )
1536
+ })
1537
+ it('renders correct text for move labware with gripper off deck', () => {
1538
+ renderWithProviders(
1539
+ <CommandText
1540
+ allRunDefs={[]}
1541
+ command={{
1542
+ commandType: 'moveLabware',
1543
+ params: {
1544
+ strategy: 'usingGripper',
1545
+ labwareId: mockCommandTextData.labware[2].id,
1546
+ newLocation: 'offDeck',
1547
+ },
1548
+ id: 'def456',
1549
+ result: { offsetId: 'fake_offset_id' },
1550
+ status: 'queued',
1551
+ error: null,
1552
+ createdAt: 'fake_timestamp',
1553
+ startedAt: null,
1554
+ completedAt: null,
1555
+ }}
1556
+ commandTextData={mockCommandTextData}
1557
+ robotType={FLEX_ROBOT_TYPE}
1558
+ />,
1559
+ {
1560
+ i18nInstance: i18n,
1561
+ }
1562
+ )
1563
+ screen.getByText(
1564
+ 'Moving Opentrons 96 Tip Rack 300 µL using gripper from Slot 9 to off deck'
1565
+ )
1566
+ })
1567
+ it('renders correct text for move labware with gripper to waste chute', () => {
1568
+ renderWithProviders(
1569
+ <CommandText
1570
+ allRunDefs={[]}
1571
+ command={{
1572
+ commandType: 'moveLabware',
1573
+ params: {
1574
+ strategy: 'usingGripper',
1575
+ labwareId: mockCommandTextData.labware[2].id,
1576
+ newLocation: {
1577
+ addressableAreaName: GRIPPER_WASTE_CHUTE_ADDRESSABLE_AREA,
1578
+ },
1579
+ },
1580
+ id: 'def456',
1581
+ result: { offsetId: 'fake_offset_id' },
1582
+ status: 'queued',
1583
+ error: null,
1584
+ createdAt: 'fake_timestamp',
1585
+ startedAt: null,
1586
+ completedAt: null,
1587
+ }}
1588
+ commandTextData={mockCommandTextData}
1589
+ robotType={FLEX_ROBOT_TYPE}
1590
+ />,
1591
+ {
1592
+ i18nInstance: i18n,
1593
+ }
1594
+ )
1595
+ screen.getByText(
1596
+ 'Moving Opentrons 96 Tip Rack 300 µL using gripper from Slot 9 to Waste Chute'
1597
+ )
1598
+ })
1599
+ it('renders correct text for move labware with gripper to module', () => {
1600
+ renderWithProviders(
1601
+ <CommandText
1602
+ allRunDefs={[]}
1603
+ command={{
1604
+ commandType: 'moveLabware',
1605
+ params: {
1606
+ strategy: 'usingGripper',
1607
+ labwareId: mockCommandTextData.labware[3].id,
1608
+ newLocation: { moduleId: mockCommandTextData.modules[0].id },
1609
+ },
1610
+ id: 'def456',
1611
+ result: { offsetId: 'fake_offset_id' },
1612
+ status: 'queued',
1613
+ error: null,
1614
+ createdAt: 'fake_timestamp',
1615
+ startedAt: null,
1616
+ completedAt: null,
1617
+ }}
1618
+ commandTextData={mockCommandTextData}
1619
+ robotType={FLEX_ROBOT_TYPE}
1620
+ />,
1621
+ {
1622
+ i18nInstance: i18n,
1623
+ }
1624
+ )
1625
+ screen.getByText(
1626
+ 'Moving NEST 96 Well Plate 100 µL PCR Full Skirt (1) using gripper from Magnetic Module GEN2 in Slot 1 to Magnetic Module GEN2 in Slot 1'
1627
+ )
1628
+ })
1629
+
1630
+ it('renders correct text for liquidProbe', () => {
1631
+ const command = mockCommandTextData.commands.find(
1632
+ c => c.commandType === 'liquidProbe'
1633
+ )
1634
+ expect(command).not.toBeUndefined()
1635
+ if (command != null) {
1636
+ renderWithProviders(
1637
+ <CommandText
1638
+ allRunDefs={[]}
1639
+ commandTextData={mockCommandTextData}
1640
+ robotType={FLEX_ROBOT_TYPE}
1641
+ command={command}
1642
+ />,
1643
+ { i18nInstance: i18n }
1644
+ )
1645
+ screen.getByText(
1646
+ 'Detecting liquid presence in well A1 of Opentrons 96 Tip Rack 300 µL in Slot 9'
1647
+ )
1648
+ }
1649
+ })
1650
+
1651
+ it('renders correct text for tryLiquidProbe', () => {
1652
+ const command = mockCommandTextData.commands.find(
1653
+ c => c.commandType === 'tryLiquidProbe'
1654
+ )
1655
+ expect(command).not.toBeUndefined()
1656
+ if (command != null) {
1657
+ renderWithProviders(
1658
+ <CommandText
1659
+ allRunDefs={[]}
1660
+ commandTextData={mockCommandTextData}
1661
+ robotType={FLEX_ROBOT_TYPE}
1662
+ command={command}
1663
+ />,
1664
+ { i18nInstance: i18n }
1665
+ )
1666
+ screen.getByText(
1667
+ 'Detecting liquid presence in well A1 of Opentrons 96 Tip Rack 300 µL in Slot 9'
1668
+ )
1669
+ }
1670
+ })
1671
+ })