@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,133 @@
1
+ import { describe, expect, it } from 'vitest'
2
+
3
+ import { fixtureTiprack10ul } from '@opentrons/shared-data'
4
+
5
+ import { getFinalLabwareLocation } from '../getFinalLabwareLocation'
6
+
7
+ import type { LabwareDefinition2 } from '@opentrons/shared-data'
8
+
9
+ describe('getFinalLabwareLocation', () => {
10
+ it('calculates labware location after only load_labware', () => {
11
+ const labwareId = 'fakeLabwareId'
12
+ const location = { slotName: 'C3' }
13
+ expect(
14
+ getFinalLabwareLocation(labwareId, [
15
+ {
16
+ id: 'fakeId1',
17
+ commandType: 'loadLabware',
18
+ params: {
19
+ location,
20
+ loadName: 'fakeLoadname',
21
+ namespace: 'opentrons',
22
+ version: 1,
23
+ },
24
+ result: {
25
+ labwareId,
26
+ definition: fixtureTiprack10ul as LabwareDefinition2,
27
+ offset: { x: 1, y: 2, z: 3 },
28
+ },
29
+ status: 'succeeded',
30
+ createdAt: 'fake_timestamp',
31
+ startedAt: 'fake_timestamp',
32
+ completedAt: 'fake_timestamp',
33
+ },
34
+ ]).location
35
+ ).toBe(location)
36
+ })
37
+ it('calculates labware location after only load_labware and move_labware', () => {
38
+ const labwareId = 'fakeLabwareId'
39
+ const initialLocation = { slotName: 'C3' }
40
+ const finalLocation = { slotName: 'D1' }
41
+ expect(
42
+ getFinalLabwareLocation(labwareId, [
43
+ {
44
+ id: 'fakeId1',
45
+ commandType: 'loadLabware',
46
+ params: {
47
+ location: initialLocation,
48
+ loadName: 'fakeLoadname',
49
+ namespace: 'opentrons',
50
+ version: 1,
51
+ },
52
+ result: {
53
+ labwareId,
54
+ definition: fixtureTiprack10ul as LabwareDefinition2,
55
+ offset: { x: 1, y: 2, z: 3 },
56
+ },
57
+ status: 'succeeded',
58
+ createdAt: 'fake_timestamp',
59
+ startedAt: 'fake_timestamp',
60
+ completedAt: 'fake_timestamp',
61
+ },
62
+ {
63
+ id: 'fakeId2',
64
+ commandType: 'moveLabware',
65
+ params: {
66
+ labwareId,
67
+ newLocation: finalLocation,
68
+ strategy: 'usingGripper',
69
+ },
70
+ status: 'succeeded',
71
+ createdAt: 'fake_timestamp',
72
+ startedAt: 'fake_timestamp',
73
+ completedAt: 'fake_timestamp',
74
+ },
75
+ ]).location
76
+ ).toBe(finalLocation)
77
+ })
78
+ it('calculates labware location after multiple moves', () => {
79
+ const labwareId = 'fakeLabwareId'
80
+ const initialLocation = { slotName: 'C3' }
81
+ const secondLocation = { slotName: 'D1' }
82
+ const finalLocation = { slotName: 'A2' }
83
+ expect(
84
+ getFinalLabwareLocation(labwareId, [
85
+ {
86
+ id: 'fakeId1',
87
+ commandType: 'loadLabware',
88
+ params: {
89
+ location: initialLocation,
90
+ loadName: 'fakeLoadname',
91
+ namespace: 'opentrons',
92
+ version: 1,
93
+ },
94
+ result: {
95
+ labwareId,
96
+ definition: fixtureTiprack10ul as LabwareDefinition2,
97
+ offset: { x: 1, y: 2, z: 3 },
98
+ },
99
+ status: 'succeeded',
100
+ createdAt: 'fake_timestamp',
101
+ startedAt: 'fake_timestamp',
102
+ completedAt: 'fake_timestamp',
103
+ },
104
+ {
105
+ id: 'fakeId2',
106
+ commandType: 'moveLabware',
107
+ params: {
108
+ labwareId,
109
+ newLocation: secondLocation,
110
+ strategy: 'usingGripper',
111
+ },
112
+ status: 'succeeded',
113
+ createdAt: 'fake_timestamp',
114
+ startedAt: 'fake_timestamp',
115
+ completedAt: 'fake_timestamp',
116
+ },
117
+ {
118
+ id: 'fakeId3',
119
+ commandType: 'moveLabware',
120
+ params: {
121
+ labwareId,
122
+ newLocation: finalLocation,
123
+ strategy: 'usingGripper',
124
+ },
125
+ status: 'succeeded',
126
+ createdAt: 'fake_timestamp',
127
+ startedAt: 'fake_timestamp',
128
+ completedAt: 'fake_timestamp',
129
+ },
130
+ ]).location
131
+ ).toBe(finalLocation)
132
+ })
133
+ })
@@ -0,0 +1,186 @@
1
+ import { useTranslation } from 'react-i18next'
2
+ import { screen } from '@testing-library/react'
3
+ import { describe, expect, it, vi } from 'vitest'
4
+
5
+ import {
6
+ FLEX_ROBOT_TYPE,
7
+ getLabwareDefURI,
8
+ getLabwareDisplayName,
9
+ getModuleDisplayName,
10
+ getModuleType,
11
+ getOccludedSlotCountForModule,
12
+ } from '@opentrons/shared-data'
13
+
14
+ import { i18n } from '../../../../../i18n'
15
+ import { renderWithProviders } from '../../../../../testing/utils'
16
+ import { getLabwareDisplayLocation } from '../getLabwareDisplayLocation'
17
+ import { getModuleDisplayLocation } from '../getModuleDisplayLocation'
18
+ import { getModuleModel } from '../getModuleModel'
19
+
20
+ import type { ComponentProps } from 'react'
21
+ import type { LabwareLocation } from '@opentrons/shared-data'
22
+
23
+ vi.mock('../getModuleModel')
24
+ vi.mock('../getModuleDisplayLocation')
25
+ vi.mock('@opentrons/shared-data', async () => {
26
+ const actual = await vi.importActual('@opentrons/shared-data')
27
+ return {
28
+ ...actual,
29
+ getModuleDisplayName: vi.fn(),
30
+ getModuleType: vi.fn(),
31
+ getOccludedSlotCountForModule: vi.fn(),
32
+ getLabwareDefURI: vi.fn(),
33
+ getLabwareDisplayName: vi.fn(),
34
+ }
35
+ })
36
+
37
+ const TestWrapper = ({
38
+ location,
39
+ params,
40
+ }: {
41
+ location: LabwareLocation | null
42
+ params: any
43
+ }) => {
44
+ const { t } = useTranslation('protocol_command_text')
45
+ const displayLocation = getLabwareDisplayLocation({ ...params, location, t })
46
+ return <div>{displayLocation}</div>
47
+ }
48
+
49
+ const render = (props: ComponentProps<typeof TestWrapper>) => {
50
+ return renderWithProviders(<TestWrapper {...props} />, {
51
+ i18nInstance: i18n,
52
+ })[0]
53
+ }
54
+
55
+ describe('getLabwareDisplayLocation with translations', () => {
56
+ const defaultParams = {
57
+ loadedLabwares: [],
58
+ loadedModules: [],
59
+ robotType: FLEX_ROBOT_TYPE,
60
+ allRunDefs: [],
61
+ }
62
+
63
+ it('should return an empty string for null location', () => {
64
+ render({ location: null, params: defaultParams })
65
+ expect(screen.queryByText(/.+/)).toBeNull()
66
+ })
67
+
68
+ it('should return "off deck" for offDeck location', () => {
69
+ render({ location: 'offDeck', params: defaultParams })
70
+
71
+ screen.getByText('off deck')
72
+ })
73
+
74
+ it('should return a slot name for slot location', () => {
75
+ render({ location: { slotName: 'A1' }, params: defaultParams })
76
+
77
+ screen.getByText('Slot A1')
78
+ })
79
+
80
+ it('should return an addressable area name for an addressable area location', () => {
81
+ render({ location: { addressableAreaName: 'B2' }, params: defaultParams })
82
+
83
+ screen.getByText('Slot B2')
84
+ })
85
+
86
+ it('should return a module location for a module location', () => {
87
+ const mockModuleModel = 'temperatureModuleV2'
88
+ vi.mocked(getModuleModel).mockReturnValue(mockModuleModel)
89
+ vi.mocked(getModuleDisplayLocation).mockReturnValue('3')
90
+ vi.mocked(getModuleDisplayName).mockReturnValue('Temperature Module')
91
+ vi.mocked(getModuleType).mockReturnValue('temperatureModuleType')
92
+ vi.mocked(getOccludedSlotCountForModule).mockReturnValue(1)
93
+
94
+ render({ location: { moduleId: 'temp123' }, params: defaultParams })
95
+
96
+ screen.getByText('Temperature Module in Slot 3')
97
+ })
98
+
99
+ it('should return an adapter location for an adapter location', () => {
100
+ const mockLoadedLabwares = [
101
+ {
102
+ id: 'adapter123',
103
+ definitionUri: 'adapter-uri',
104
+ location: { slotName: 'D1' },
105
+ },
106
+ ]
107
+ const mockAllRunDefs = [
108
+ { uri: 'adapter-uri', metadata: { displayName: 'Mock Adapter' } },
109
+ ]
110
+ vi.mocked(getLabwareDefURI).mockReturnValue('adapter-uri')
111
+ vi.mocked(getLabwareDisplayName).mockReturnValue('Mock Adapter')
112
+
113
+ render({
114
+ location: { labwareId: 'adapter123' },
115
+ params: {
116
+ ...defaultParams,
117
+ loadedLabwares: mockLoadedLabwares,
118
+ allRunDefs: mockAllRunDefs,
119
+ detailLevel: 'full',
120
+ },
121
+ })
122
+
123
+ screen.getByText('Mock Adapter in Slot D1')
124
+ })
125
+
126
+ it('should return a slot-only location when detailLevel is "slot-only"', () => {
127
+ render({
128
+ location: { slotName: 'C1' },
129
+ params: { ...defaultParams, detailLevel: 'slot-only' },
130
+ })
131
+
132
+ screen.getByText('Slot C1')
133
+ })
134
+
135
+ it('should special case the slotName if it contains "waste chute"', () => {
136
+ render({
137
+ location: { slotName: 'gripperWasteChute' },
138
+ params: { ...defaultParams, detailLevel: 'slot-only' },
139
+ })
140
+
141
+ screen.getByText('Waste Chute')
142
+ })
143
+
144
+ it('should special case the slotName if it contains "trash bin"', () => {
145
+ render({
146
+ location: { slotName: 'trashBin' },
147
+ params: { ...defaultParams, detailLevel: 'slot-only' },
148
+ })
149
+
150
+ screen.getByText('Trash Bin')
151
+ })
152
+
153
+ it('should handle an adapter on module location when the detail level is full', () => {
154
+ const mockLoadedLabwares = [
155
+ {
156
+ id: 'adapter123',
157
+ definitionUri: 'adapter-uri',
158
+ location: { moduleId: 'temp123' },
159
+ },
160
+ ]
161
+ const mockLoadedModules = [{ id: 'temp123', model: 'temperatureModuleV2' }]
162
+ const mockAllRunDefs = [
163
+ { uri: 'adapter-uri', metadata: { displayName: 'Mock Adapter' } },
164
+ ]
165
+
166
+ vi.mocked(getLabwareDefURI).mockReturnValue('adapter-uri')
167
+ vi.mocked(getLabwareDisplayName).mockReturnValue('Mock Adapter')
168
+ vi.mocked(getModuleDisplayLocation).mockReturnValue('2')
169
+ vi.mocked(getModuleDisplayName).mockReturnValue('Temperature Module')
170
+ vi.mocked(getModuleType).mockReturnValue('temperatureModuleType')
171
+ vi.mocked(getOccludedSlotCountForModule).mockReturnValue(1)
172
+
173
+ render({
174
+ location: { labwareId: 'adapter123' },
175
+ params: {
176
+ ...defaultParams,
177
+ loadedLabwares: mockLoadedLabwares,
178
+ loadedModules: mockLoadedModules,
179
+ allRunDefs: mockAllRunDefs,
180
+ detailLevel: 'full',
181
+ },
182
+ })
183
+
184
+ screen.getByText('Mock Adapter on Temperature Module in Slot 2')
185
+ })
186
+ })
@@ -0,0 +1,179 @@
1
+ import { useTranslation } from 'react-i18next'
2
+ import { screen } from '@testing-library/react'
3
+ import { beforeEach, describe, it, vi } from 'vitest'
4
+
5
+ import { getLabwareDefURI } from '@opentrons/shared-data'
6
+
7
+ import { i18n } from '../../../../../../i18n'
8
+ import { renderWithProviders } from '../../../../../../testing/utils'
9
+ import { getLabwareDisplayLocation } from '../../getLabwareDisplayLocation'
10
+ import {
11
+ getFlexStackerCommandText,
12
+ KEYS_BY_COMMAND_TYPE,
13
+ } from '../getFlexStackerCommandText'
14
+
15
+ vi.mock('@opentrons/shared-data')
16
+ vi.mock('../../getLabwareDisplayLocation')
17
+
18
+ const baseCommandData = {
19
+ allRunDefs: [
20
+ { metadata: { displayName: 'tip rack' } },
21
+ { metadata: { displayName: 'plate' } },
22
+ ],
23
+ robotType: 'OT-2',
24
+ commandTextData: {
25
+ commands: [],
26
+ labware: [],
27
+ modules: [],
28
+ pipettes: [{ id: 'pipette-1', pipetteName: 'p300_single' }],
29
+ },
30
+ } as any
31
+
32
+ function TestWrapper({ command }: { command: any }): JSX.Element {
33
+ const { t } = useTranslation(['protocol_command_text', 'branded'])
34
+ const text = getFlexStackerCommandText({
35
+ command,
36
+ ...baseCommandData,
37
+ t,
38
+ })
39
+
40
+ return <div>{text}</div>
41
+ }
42
+
43
+ const render = (command: any) => {
44
+ return renderWithProviders(<TestWrapper command={command} />, {
45
+ i18nInstance: i18n,
46
+ })
47
+ }
48
+
49
+ describe('getPipettingCommandText', () => {
50
+ beforeEach(() => {
51
+ vi.mocked(getLabwareDefURI).mockReturnValue('tiprack-uri')
52
+ vi.mocked(getLabwareDisplayLocation).mockReturnValue('Slot 1')
53
+ })
54
+
55
+ it('should render retrieve command text correctly', () => {
56
+ const command = {
57
+ id: 'cmd-1',
58
+ commandType: 'flexStacker/retrieve',
59
+ params: {
60
+ moduleId: 'module-id',
61
+ },
62
+ result: {
63
+ primaryLabwareURI: 'tiprack-uri',
64
+ },
65
+ }
66
+
67
+ render(command)
68
+ screen.getByText('retrieve_labware_from_stacker_to')
69
+ })
70
+
71
+ it('should render store command text correctly', () => {
72
+ const command = {
73
+ id: 'cmd-1',
74
+ commandType: 'flexStacker/store',
75
+ params: {
76
+ moduleId: 'module-id',
77
+ },
78
+ result: {
79
+ primaryLabwareURI: 'tiprack-uri',
80
+ primaryOriginLocationSequence: [
81
+ { kind: 'onAddressableArea', addressableAreaName: 'A1' },
82
+ ],
83
+ },
84
+ }
85
+
86
+ render(command)
87
+ screen.getByText('store_labware_from_slot_to_stacker')
88
+ })
89
+
90
+ it('should render setStoredLabware command text correctly', () => {
91
+ const command = {
92
+ id: 'cmd-1',
93
+ commandType: 'flexStacker/setStoredLabware',
94
+ params: {
95
+ moduleId: 'module-id',
96
+ },
97
+ result: {
98
+ primaryLabwareURI: 'tiprack-uri',
99
+ primaryLabwareDefinition: {
100
+ metadata: {
101
+ displayName: 'dummy def',
102
+ },
103
+ },
104
+ primaryOriginLocationSequence: [
105
+ { kind: 'onAddressableArea', addressableAreaName: 'A1' },
106
+ ],
107
+ },
108
+ }
109
+
110
+ render(command)
111
+ screen.getByText(
112
+ 'flex_stacker_set_stored_labware_with_quantity_and_location'
113
+ )
114
+ })
115
+
116
+ it('should render fill command text correctly', () => {
117
+ const command = {
118
+ id: 'cmd-1',
119
+ commandType: 'flexStacker/fill',
120
+ params: {
121
+ moduleId: 'module-id',
122
+ },
123
+ result: {
124
+ primaryLabwareURI: 'tiprack-uri',
125
+ primaryLabwareDefinition: {
126
+ metadata: {
127
+ displayName: 'dummy def',
128
+ },
129
+ },
130
+ primaryOriginLocationSequence: [
131
+ { kind: 'onAddressableArea', addressableAreaName: 'A1' },
132
+ ],
133
+ },
134
+ }
135
+
136
+ render(command)
137
+ screen.getByText('flex_stacker_fill_with_quantity_and_labware')
138
+ })
139
+
140
+ it('should render empty command text correctly', () => {
141
+ const command = {
142
+ id: 'cmd-1',
143
+ commandType: 'flexStacker/empty',
144
+ params: {
145
+ moduleId: 'module-id',
146
+ },
147
+ result: {
148
+ primaryLabwareURI: 'tiprack-uri',
149
+ primaryLabwareDefinition: {
150
+ metadata: {
151
+ displayName: 'dummy def',
152
+ },
153
+ },
154
+ primaryOriginLocationSequence: [
155
+ { kind: 'onAddressableArea', addressableAreaName: 'A1' },
156
+ ],
157
+ },
158
+ }
159
+ render(command)
160
+ screen.getByText('flex_stacker_empty_from_location')
161
+ })
162
+ })
163
+
164
+ describe.each(Object.entries(KEYS_BY_COMMAND_TYPE))(
165
+ 'Default fallback for %s',
166
+ (commandType, expectedKey) => {
167
+ it(`should render default text for ${commandType} when result is missing`, () => {
168
+ const command = {
169
+ id: 'cmd-1',
170
+ commandType: commandType,
171
+ params: {
172
+ moduleId: 'module-id',
173
+ },
174
+ }
175
+ render(command)
176
+ screen.getByText(expectedKey)
177
+ })
178
+ }
179
+ )
@@ -0,0 +1,188 @@
1
+ import { useTranslation } from 'react-i18next'
2
+ import { screen } from '@testing-library/react'
3
+ import { beforeEach, describe, it, vi } from 'vitest'
4
+
5
+ import { getLabwareDefURI } from '@opentrons/shared-data'
6
+
7
+ import { i18n } from '../../../../../../i18n'
8
+ import { renderWithProviders } from '../../../../../../testing/utils'
9
+ import { getAddressableAreaDisplayName } from '../../getAddressableAreaDisplayName'
10
+ import { getFinalMoveToAddressableAreaCmd } from '../../getFinalAddressableAreaCmd'
11
+ import { getFinalLabwareLocation } from '../../getFinalLabwareLocation'
12
+ import { getLabwareDefinitionsFromCommands } from '../../getLabwareDefinitionsFromCommands'
13
+ import { getLabwareDisplayLocation } from '../../getLabwareDisplayLocation'
14
+ import { getLabwareName } from '../../getLabwareName'
15
+ import { getLoadedLabware } from '../../getLoadedLabware'
16
+ import { getWellRange } from '../../getWellRange'
17
+ import { getPipettingCommandText } from '../getPipettingCommandText'
18
+
19
+ vi.mock('@opentrons/shared-data')
20
+ vi.mock('../../getFinalLabwareLocation')
21
+ vi.mock('../../getWellRange')
22
+ vi.mock('../../getLabwareDefinitionsFromCommands')
23
+ vi.mock('../../getFinalAddressableAreaCmd')
24
+ vi.mock('../../getAddressableAreaDisplayName')
25
+ vi.mock('../../getLabwareName')
26
+ vi.mock('../../getLabwareDisplayLocation')
27
+ vi.mock('../../getLoadedLabware')
28
+
29
+ const baseCommandData = {
30
+ allRunDefs: {},
31
+ robotType: 'OT-2',
32
+ commandTextData: {
33
+ commands: [],
34
+ labware: [],
35
+ modules: [],
36
+ pipettes: [{ id: 'pipette-1', pipetteName: 'p300_single' }],
37
+ },
38
+ } as any
39
+
40
+ function TestWrapper({ command }: { command: any }): JSX.Element {
41
+ const { t } = useTranslation('protocol_command_text')
42
+ const text = getPipettingCommandText({
43
+ command,
44
+ ...baseCommandData,
45
+ t,
46
+ })
47
+
48
+ return <div>{text}</div>
49
+ }
50
+
51
+ const render = (command: any) => {
52
+ return renderWithProviders(<TestWrapper command={command} />, {
53
+ i18nInstance: i18n,
54
+ })
55
+ }
56
+
57
+ describe('getPipettingCommandText', () => {
58
+ beforeEach(() => {
59
+ vi.mocked(getLabwareDefURI).mockImplementation((def: any) => def.uri)
60
+ vi.mocked(getFinalLabwareLocation).mockReturnValue('slot-1' as any)
61
+ vi.mocked(getWellRange).mockReturnValue('A1')
62
+ vi.mocked(getLabwareDefinitionsFromCommands).mockReturnValue([
63
+ { uri: 'tiprack-uri', parameters: { isTiprack: true } },
64
+ { uri: 'plate-uri', parameters: { isTiprack: false } },
65
+ ] as any)
66
+ vi.mocked(getLabwareName).mockReturnValue('Test Labware')
67
+ vi.mocked(getLoadedLabware).mockImplementation(
68
+ (labware, id) =>
69
+ ({
70
+ definitionUri: id === 'tiprack-id' ? 'tiprack-uri' : 'plate-uri',
71
+ } as any)
72
+ )
73
+ vi.mocked(getLabwareDisplayLocation).mockReturnValue('Slot 1')
74
+ vi.mocked(getFinalMoveToAddressableAreaCmd).mockReturnValue({
75
+ id: 'cmd-1',
76
+ commandType: 'moveToAddressableArea',
77
+ } as any)
78
+ vi.mocked(getAddressableAreaDisplayName).mockReturnValue('Fixed Trash')
79
+ })
80
+
81
+ it('should render aspirate command text correctly', () => {
82
+ const command = {
83
+ id: 'cmd-1',
84
+ commandType: 'aspirate',
85
+ params: {
86
+ labwareId: 'labware-1',
87
+ wellName: 'A1',
88
+ volume: 100,
89
+ flowRate: 150,
90
+ },
91
+ }
92
+
93
+ render(command)
94
+ screen.getByText(
95
+ /Aspirating 100 µL from well A1 of Test Labware in Slot 1 at 150 µL\/sec/
96
+ )
97
+ })
98
+
99
+ it('should render dispense command text correctly', () => {
100
+ const command = {
101
+ id: 'cmd-1',
102
+ commandType: 'dispense',
103
+ params: {
104
+ labwareId: 'labware-1',
105
+ wellName: 'A1',
106
+ volume: 100,
107
+ flowRate: 150,
108
+ },
109
+ }
110
+
111
+ render(command)
112
+ screen.getByText(
113
+ /Dispensing 100 µL into well A1 of Test Labware in Slot 1 at 150 µL\/sec/
114
+ )
115
+ })
116
+
117
+ it('should render dispense with push out command text correctly', () => {
118
+ const command = {
119
+ id: 'cmd-1',
120
+ commandType: 'dispense',
121
+ params: {
122
+ labwareId: 'labware-1',
123
+ wellName: 'A1',
124
+ volume: 100,
125
+ flowRate: 150,
126
+ pushOut: 10,
127
+ },
128
+ }
129
+
130
+ render(command)
131
+ screen.getByText(
132
+ /Dispensing 100 µL into well A1 of Test Labware in Slot 1 at 150 µL\/sec and pushing out 10 µL/
133
+ )
134
+ })
135
+
136
+ it('should render pickup tip command text correctly', () => {
137
+ const command = {
138
+ id: 'cmd-1',
139
+ commandType: 'pickUpTip',
140
+ params: {
141
+ labwareId: 'tiprack-id',
142
+ wellName: 'A1',
143
+ pipetteId: 'pipette-1',
144
+ },
145
+ }
146
+
147
+ render(command)
148
+ screen.getByText(/Picking up tip\(s\) from A1 of Test Labware in Slot 1/)
149
+ })
150
+
151
+ it('should render drop tip in tiprack command text correctly', () => {
152
+ const command = {
153
+ id: 'cmd-1',
154
+ commandType: 'dropTip',
155
+ params: {
156
+ labwareId: 'tiprack-id',
157
+ wellName: 'A1',
158
+ },
159
+ }
160
+
161
+ render(command)
162
+ screen.getByText(/Returning tip to A1 of Test Labware in Slot 1/)
163
+ })
164
+
165
+ it('should render drop tip in place command text correctly if there is an addressable area name', () => {
166
+ const command = {
167
+ id: 'cmd-1',
168
+ commandType: 'dropTipInPlace',
169
+ params: {},
170
+ }
171
+
172
+ render(command)
173
+ screen.getByText('Dropping tip in Fixed Trash')
174
+ })
175
+
176
+ it('should render drop tip in place command text correctly if there is not an addressable area name', () => {
177
+ const command = {
178
+ id: 'cmd-1',
179
+ commandType: 'dropTipInPlace',
180
+ params: {},
181
+ }
182
+
183
+ vi.mocked(getFinalMoveToAddressableAreaCmd).mockReturnValue(null)
184
+
185
+ render(command)
186
+ screen.getByText('Dropping tip in place')
187
+ })
188
+ })