@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.
- package/README.md +1 -2
- package/lib/alerts/AlertItem.d.ts +3 -3
- package/lib/assets/localization/en/index.d.ts +118 -0
- package/lib/assets/localization/index.d.ts +202 -0
- package/lib/assets/localization/zh/index.d.ts +82 -0
- package/lib/atoms/Checkbox/index.d.ts +3 -2
- package/lib/atoms/CheckboxField/index.d.ts +4 -4
- package/lib/atoms/Chip/index.d.ts +2 -0
- package/lib/atoms/Divider/index.d.ts +2 -2
- package/lib/atoms/InlineNotification/index.d.ts +18 -0
- package/lib/atoms/InputField/index.d.ts +10 -10
- package/lib/atoms/ListButton/ListButtonChildren/ListButtonAccordion.d.ts +2 -2
- package/lib/atoms/ListButton/ListButtonChildren/ListButtonAccordionContainer.d.ts +2 -2
- package/lib/atoms/ListButton/index.d.ts +9 -3
- package/lib/atoms/ListItem/ListItemChildren/ListItemCustomize.d.ts +2 -2
- package/lib/atoms/ListItem/ListItemChildren/ListItemDescriptor.d.ts +5 -0
- package/lib/atoms/ListItem/index.d.ts +3 -3
- package/lib/atoms/ListTable/index.d.ts +6 -0
- package/lib/atoms/MenuList/OverflowBtn.d.ts +3 -3
- package/lib/atoms/MenuList/index.d.ts +3 -3
- package/lib/atoms/StyledText/LegacyStyledText.d.ts +3 -3
- package/lib/atoms/StyledText/StyledText.d.ts +7 -3
- package/lib/atoms/SubListTable/index.d.ts +6 -0
- package/lib/atoms/Tag/index.d.ts +6 -2
- package/lib/atoms/Toast/index.d.ts +1 -1
- package/lib/atoms/Tooltip/index.d.ts +3 -3
- package/lib/atoms/buttons/LargeButton.d.ts +3 -3
- package/lib/atoms/buttons/RadioButton.d.ts +37 -4
- package/lib/atoms/buttons/SecondaryButton.d.ts +1 -0
- package/lib/atoms/buttons/TertiaryButton.d.ts +3 -0
- package/lib/atoms/buttons/index.d.ts +1 -0
- package/lib/atoms/index.d.ts +3 -0
- package/lib/buttons/Button.d.ts +5 -5
- package/lib/controls/ControlInfo.d.ts +2 -2
- package/lib/controls/LabeledButton.d.ts +2 -2
- package/lib/controls/LabeledCheckbox.d.ts +3 -3
- package/lib/controls/LabeledControl.d.ts +3 -3
- package/lib/controls/LabeledRadioGroup.d.ts +2 -2
- package/lib/controls/StackedLabeledControl.d.ts +3 -3
- package/lib/controls/ToggleButton.d.ts +8 -2
- package/lib/controls/index.d.ts +0 -2
- package/lib/forms/DeprecatedCheckboxField.d.ts +3 -3
- package/lib/forms/FormGroup.d.ts +2 -2
- package/lib/forms/LegacyInputField.d.ts +6 -6
- package/lib/forms/RadioGroup.d.ts +4 -4
- package/lib/forms/SelectField.d.ts +3 -3
- package/lib/forms/ToggleField.d.ts +2 -2
- package/lib/forms/index.d.ts +0 -1
- package/lib/hardware-sim/BaseDeck/BaseDeck.d.ts +19 -7
- package/lib/hardware-sim/BaseDeck/SingleSlotFixture.d.ts +4 -4
- package/lib/hardware-sim/BaseDeck/SlotBase.d.ts +2 -2
- package/lib/hardware-sim/BaseDeck/SlotClip.d.ts +2 -2
- package/lib/hardware-sim/BaseDeck/StagingAreaFixture.d.ts +4 -4
- package/lib/hardware-sim/BaseDeck/WasteChuteFixture.d.ts +13 -4
- package/lib/hardware-sim/BaseDeck/WasteChuteStagingAreaFixture.d.ts +7 -4
- package/lib/hardware-sim/Deck/DeckFromLayers.d.ts +1 -0
- package/lib/hardware-sim/Deck/FlexTrash.d.ts +6 -1
- package/lib/hardware-sim/Deck/MoveLabwareOnDeck.d.ts +3 -3
- package/lib/hardware-sim/Deck/OT2Layers.d.ts +5 -1
- package/lib/hardware-sim/Deck/RobotCoordsForeignDiv.d.ts +5 -3
- package/lib/hardware-sim/Deck/RobotCoordsForeignObject.d.ts +4 -4
- package/lib/hardware-sim/Deck/RobotCoordsText.d.ts +4 -3
- package/lib/hardware-sim/Deck/RobotWorkSpace.d.ts +3 -3
- package/lib/hardware-sim/Deck/__mocks__/getDeckDefinitions.d.ts +1 -1
- package/lib/hardware-sim/DeckConfigurator/FlexStackerFixture.d.ts +11 -0
- package/lib/hardware-sim/DeckConfigurator/index.d.ts +3 -3
- package/lib/hardware-sim/DeckSlotLocation/index.d.ts +4 -4
- package/lib/hardware-sim/Labware/Labware.d.ts +3 -3
- package/lib/hardware-sim/Labware/LabwareAdapter/index.d.ts +2 -2
- package/lib/hardware-sim/Labware/LabwareRender.d.ts +3 -3
- package/lib/hardware-sim/Labware/index.d.ts +0 -1
- package/lib/hardware-sim/Labware/labwareInternals/FilledWells.d.ts +3 -3
- package/lib/hardware-sim/Labware/labwareInternals/LabwareWellLabels.d.ts +2 -2
- package/lib/hardware-sim/Labware/labwareInternals/StaticLabware.d.ts +3 -3
- package/lib/hardware-sim/Labware/labwareInternals/StrokedWells.d.ts +3 -3
- package/lib/hardware-sim/Labware/labwareInternals/StyledWells.d.ts +5 -5
- package/lib/hardware-sim/Labware/labwareInternals/Well.d.ts +6 -6
- package/lib/hardware-sim/Labware/labwareInternals/WellLabels.d.ts +2 -2
- package/lib/hardware-sim/Labware/labwareInternals/getTiprackBackgroundColor.d.ts +1 -0
- package/lib/hardware-sim/Labware/labwareInternals/types.d.ts +2 -2
- package/lib/hardware-sim/Module/FlexStacker.d.ts +1 -0
- package/lib/hardware-sim/Module/ModuleTag.d.ts +2 -2
- package/lib/hardware-sim/Module/index.d.ts +5 -5
- package/lib/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpace.d.ts +2 -2
- package/lib/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpaceWithRef.d.ts +2 -2
- package/lib/hardware-sim/index.d.ts +0 -2
- package/lib/helix-design-system/colors.d.ts +2 -1
- package/lib/hooks/index.d.ts +0 -1
- package/lib/hooks/useMenuHandleClickOutside.d.ts +3 -3
- package/lib/hooks/useSwipe.d.ts +1 -1
- package/lib/i18n.d.ts +14 -0
- package/lib/icons/Icon.d.ts +2 -2
- package/lib/icons/ModuleIcon.d.ts +1 -1
- package/lib/icons/NotificationIcon.d.ts +1 -1
- package/lib/instrument/InstrumentDiagram.d.ts +1 -1
- package/lib/instrument/InstrumentInfo.d.ts +2 -2
- package/lib/instrument/index.d.ts +0 -1
- package/lib/interaction-enhancers/ClickOutside.d.ts +4 -3
- package/lib/interaction-enhancers/HandleKeypress.d.ts +4 -3
- package/lib/legacy-hardware-sim/ModuleItem.d.ts +1 -1
- package/lib/lists/SidePanelGroup.d.ts +2 -2
- package/lib/lists/TitledList.d.ts +8 -8
- package/lib/modals/AlertModal.d.ts +3 -3
- package/lib/modals/LegacyModal.d.ts +4 -4
- package/lib/modals/Modal.d.ts +7 -5
- package/lib/modals/ModalHeader.d.ts +5 -4
- package/lib/modals/ModalShell.d.ts +5 -5
- package/lib/modals/Overlay.d.ts +3 -3
- package/lib/modals/SpinnerModalPage.d.ts +2 -2
- package/lib/molecules/Banner/index.d.ts +5 -5
- package/lib/molecules/DeckInfoLabel/index.d.ts +3 -3
- package/lib/molecules/DeckLabel/index.d.ts +2 -1
- package/lib/molecules/DropdownMenu/index.d.ts +22 -6
- package/lib/molecules/InfoScreen/index.d.ts +3 -1
- package/lib/molecules/LiquidIcon/index.d.ts +2 -2
- package/lib/molecules/ListAccordion/index.d.ts +11 -0
- package/lib/molecules/ReleaseNotes/index.d.ts +5 -0
- package/lib/molecules/Tabs/index.d.ts +1 -0
- package/lib/molecules/TextListTableContent/__tests__/TextListTableContent.test.d.ts +1 -0
- package/lib/molecules/TextListTableContent/index.d.ts +8 -0
- package/lib/molecules/index.d.ts +3 -0
- package/lib/nav/SidePanel.d.ts +2 -2
- package/lib/organisms/CommandText/__tests__/CommandText.test.d.ts +1 -0
- package/lib/organisms/CommandText/fixtures/index.d.ts +2 -0
- package/lib/organisms/CommandText/index.d.ts +26 -0
- package/lib/organisms/CommandText/useCommandTextString/index.d.ts +30 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/__tests__/formatDuration.test.d.ts +1 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/__tests__/getFinalLabwareLocation.test.d.ts +1 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/__tests__/getLabwareDisplayLocation.test.d.ts +1 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getFlexStackerCommandText.test.d.ts +1 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getPipettingCommandText.test.d.ts +1 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getRobotCommandText.test.d.ts +1 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getAbsorbanceReaderCommandText.d.ts +12 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getCommentCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getConfigureForVolumeCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getConfigureNozzleLayoutCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getCustomCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getDelayCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getDirectTranslationCommandText.d.ts +11 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getFlexStackerCommandText.d.ts +12 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getHSShakeSpeedCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getLiquidProbeCommandText.d.ts +5 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getLoadCommandText.d.ts +2 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveLabwareCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveRelativeCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToAddressableAreaCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToAddressableAreaForDropTipCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToCoordinatesCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToSlotCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToWellCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getPipettingCommandText.d.ts +2 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getPrepareToAspirateCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getRailLightsCommandText.d.ts +8 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getRobotCommandText.d.ts +4 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getTCRunExtendedProfileCommandText.d.ts +13 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getTCRunProfileCommandText.d.ts +4 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getTemperatureCommandText.d.ts +12 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getUnknownCommandText.d.ts +2 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getWaitForDurationCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/getWaitForResumeCommandText.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/commandText/index.d.ts +28 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/formatDuration.d.ts +8 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getAddressableAreaDisplayName.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getFinalAddressableAreaCmd.d.ts +8 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getFinalLabwareLocation.d.ts +12 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getLabwareDefinitionsFromCommands.d.ts +2 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getLabwareDisplayLocation.d.ts +15 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getLabwareLocation.d.ts +37 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getLabwareName.d.ts +8 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getLiquidDisplayName.d.ts +2 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getLoadedLabware.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getLoadedModule.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getModuleDisplayLocation.d.ts +2 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getModuleModel.d.ts +3 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getPipetteNameOnMount.d.ts +4 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/getWellRange.d.ts +8 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/helpers.d.ts +1 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/index.d.ts +10 -0
- package/lib/organisms/CommandText/useCommandTextString/utils/types.d.ts +8 -0
- package/lib/organisms/DeckLabelSet/index.d.ts +4 -2
- package/lib/organisms/FixtureOption/__tests__/FixtureOption.test.d.ts +1 -0
- package/lib/organisms/FixtureOption/index.d.ts +10 -0
- package/lib/organisms/ProtocolTimelineScrubber/CommandItem.d.ts +12 -0
- package/lib/organisms/ProtocolTimelineScrubber/PipetteVisuals.d.ts +25 -0
- package/lib/organisms/ProtocolTimelineScrubber/index.d.ts +10 -0
- package/lib/organisms/ProtocolTimelineScrubber/types.d.ts +2 -0
- package/lib/organisms/ProtocolTimelineScrubber/utils.d.ts +23 -0
- package/lib/organisms/Toolbox/index.d.ts +5 -8
- package/lib/organisms/index.d.ts +3 -1
- package/lib/primitives/ForeignObject.d.ts +1 -1
- package/lib/primitives/Link.d.ts +1 -1
- package/lib/primitives/Svg.d.ts +1 -1
- package/lib/primitives/style-props.d.ts +5 -2
- package/lib/primitives/types.d.ts +3 -2
- package/lib/structure/Card.d.ts +3 -3
- package/lib/structure/LabeledValue.d.ts +3 -3
- package/lib/structure/Pill.d.ts +2 -2
- package/lib/structure/TitleBar.d.ts +4 -4
- package/lib/testing/utils/renderWithProviders.d.ts +4 -4
- package/lib/tooltips/DeprecatedTooltip.d.ts +6 -6
- package/lib/tooltips/HoverTooltip.d.ts +4 -3
- package/lib/tooltips/LegacyTooltip.d.ts +6 -7
- package/lib/tooltips/types.d.ts +6 -6
- package/lib/ui-style-constants/animation.d.ts +1 -0
- package/lib/ui-style-constants/index.d.ts +1 -0
- package/package.json +6 -3
- package/src/Components.mdx +12 -0
- package/src/__mocks__/file.js +10 -0
- package/src/__tests__/utils.test.ts +28 -0
- package/src/alerts/AlertItem.stories.tsx +49 -0
- package/src/alerts/AlertItem.tsx +86 -0
- package/src/alerts/alerts.module.css +103 -0
- package/src/alerts/index.ts +3 -0
- package/src/assets/localization/en/index.ts +8 -0
- package/src/assets/localization/en/protocol_command_text.json +116 -0
- package/src/assets/localization/index.ts +7 -0
- package/src/assets/localization/zh/index.ts +8 -0
- package/src/assets/localization/zh/protocol_command_text.json +80 -0
- package/src/atoms/Checkbox/Checkbox.stories.tsx +24 -0
- package/src/atoms/Checkbox/__tests__/Checkbox.test.tsx +58 -0
- package/src/atoms/Checkbox/index.tsx +134 -0
- package/src/atoms/CheckboxField/CheckboxField.stories.tsx +31 -0
- package/src/atoms/CheckboxField/__tests__/CheckboxField.test.tsx +128 -0
- package/src/atoms/CheckboxField/index.tsx +183 -0
- package/src/atoms/Chip/Chip.stories.tsx +67 -0
- package/src/atoms/Chip/__tests__/Chip.test.tsx +468 -0
- package/src/atoms/Chip/index.tsx +198 -0
- package/src/atoms/Divider/index.tsx +16 -0
- package/src/atoms/InlineNotification/InlineNotification.stories.tsx +107 -0
- package/src/atoms/InlineNotification/__tests__/InlineNotification.test.tsx +66 -0
- package/src/atoms/InlineNotification/index.tsx +197 -0
- package/src/atoms/InputField/InputField.stories.tsx +80 -0
- package/src/atoms/InputField/__tests__/InputField.test.tsx +65 -0
- package/src/atoms/InputField/index.tsx +384 -0
- package/src/atoms/ListButton/ListButton.stories.tsx +142 -0
- package/src/atoms/ListButton/ListButtonChildren/ListButtonAccordion.tsx +66 -0
- package/src/atoms/ListButton/ListButtonChildren/ListButtonAccordionContainer.tsx +24 -0
- package/src/atoms/ListButton/ListButtonChildren/ListButtonRadioButton.tsx +109 -0
- package/src/atoms/ListButton/ListButtonChildren/index.ts +3 -0
- package/src/atoms/ListButton/__tests__/ListButton.test.tsx +55 -0
- package/src/atoms/ListButton/__tests__/ListButtonAccordion.test.tsx +36 -0
- package/src/atoms/ListButton/__tests__/ListButtonRadioButton.test.tsx +28 -0
- package/src/atoms/ListButton/index.tsx +147 -0
- package/src/atoms/ListItem/ListItem.stories.tsx +128 -0
- package/src/atoms/ListItem/ListItemChildren/ListItemCustomize.tsx +84 -0
- package/src/atoms/ListItem/ListItemChildren/ListItemDescriptor.tsx +46 -0
- package/src/atoms/ListItem/ListItemChildren/index.ts +2 -0
- package/src/atoms/ListItem/__tests__/ListItem.test.tsx +104 -0
- package/src/atoms/ListItem/index.tsx +107 -0
- package/src/atoms/ListTable/ListTable.stories.tsx +70 -0
- package/src/atoms/ListTable/__tests__/ListTable.test.tsx +81 -0
- package/src/atoms/ListTable/index.tsx +92 -0
- package/src/atoms/MenuList/MenuItem.stories.tsx +30 -0
- package/src/atoms/MenuList/MenuItem.tsx +58 -0
- package/src/atoms/MenuList/MenuList.stories.tsx +32 -0
- package/src/atoms/MenuList/OverflowBtn.stories.tsx +17 -0
- package/src/atoms/MenuList/OverflowBtn.tsx +78 -0
- package/src/atoms/MenuList/__tests__/MenuItem.test.tsx +50 -0
- package/src/atoms/MenuList/__tests__/MenuList.test.tsx +37 -0
- package/src/atoms/MenuList/__tests__/OverflowBtn.test.tsx +34 -0
- package/src/atoms/MenuList/index.tsx +50 -0
- package/src/atoms/Snackbar/Snackbar.stories.tsx +69 -0
- package/src/atoms/Snackbar/__tests__/Snackbar.test.tsx +77 -0
- package/src/atoms/Snackbar/index.tsx +92 -0
- package/src/atoms/StepMeter/__tests__/StepMeter.test.tsx +45 -0
- package/src/atoms/StepMeter/index.tsx +62 -0
- package/src/atoms/StyledText/LegacyStyledText.stories.tsx +107 -0
- package/src/atoms/StyledText/LegacyStyledText.tsx +96 -0
- package/src/atoms/StyledText/StyledText.stories.tsx +47 -0
- package/src/atoms/StyledText/StyledText.tsx +333 -0
- package/src/atoms/StyledText/index.ts +2 -0
- package/src/atoms/SubListTable/SubListTable.stories.tsx +72 -0
- package/src/atoms/SubListTable/__tests__/SubListTable.test.tsx +81 -0
- package/src/atoms/SubListTable/index.tsx +71 -0
- package/src/atoms/Tag/Tag.stories.tsx +50 -0
- package/src/atoms/Tag/__tests__/Tag.test.tsx +57 -0
- package/src/atoms/Tag/index.tsx +133 -0
- package/src/atoms/Toast/ODDToast.stories.tsx +78 -0
- package/src/atoms/Toast/Toast.stories.tsx +65 -0
- package/src/atoms/Toast/__tests__/ODDToast.test.tsx +182 -0
- package/src/atoms/Toast/__tests__/Toast.test.tsx +178 -0
- package/src/atoms/Toast/index.tsx +434 -0
- package/src/atoms/ToggleGroup/ToggleGroup.stories.tsx +41 -0
- package/src/atoms/ToggleGroup/__tests__/ToggleGroup.test.tsx +30 -0
- package/src/atoms/ToggleGroup/index.tsx +91 -0
- package/src/atoms/Tooltip/Tooltip.stories.tsx +100 -0
- package/src/atoms/Tooltip/__tests__/Tooltip.test.tsx +80 -0
- package/src/atoms/Tooltip/index.tsx +37 -0
- package/src/atoms/buttons/AlertPrimaryButton.tsx +27 -0
- package/src/atoms/buttons/AltPrimaryButton.tsx +31 -0
- package/src/atoms/buttons/EmptySelectorButton.stories.tsx +37 -0
- package/src/atoms/buttons/EmptySelectorButton.tsx +89 -0
- package/src/atoms/buttons/LargeButton.stories.tsx +106 -0
- package/src/atoms/buttons/LargeButton.tsx +322 -0
- package/src/atoms/buttons/PrimaryButton.tsx +40 -0
- package/src/atoms/buttons/RadioButton.stories.tsx +109 -0
- package/src/atoms/buttons/RadioButton.tsx +327 -0
- package/src/atoms/buttons/SecondaryButton.tsx +94 -0
- package/src/atoms/buttons/TertiaryButton.tsx +89 -0
- package/src/atoms/buttons/__tests__/AlertPrimaryButton.test.tsx +49 -0
- package/src/atoms/buttons/__tests__/AltPrimaryButton.test.tsx +60 -0
- package/src/atoms/buttons/__tests__/EmptySelectorButton.test.tsx +45 -0
- package/src/atoms/buttons/__tests__/LargeButton.test.tsx +94 -0
- package/src/atoms/buttons/__tests__/PrimaryButton.test.tsx +67 -0
- package/src/atoms/buttons/__tests__/RadioButton.test.tsx +119 -0
- package/src/atoms/buttons/__tests__/SecondaryButton.test.tsx +56 -0
- package/src/atoms/buttons/buttons.stories.tsx +78 -0
- package/src/atoms/buttons/index.ts +7 -0
- package/src/atoms/index.ts +23 -0
- package/src/barrel.ts +10 -0
- package/src/buttons/Button.tsx +95 -0
- package/src/buttons/DeprecatedPrimaryButton.tsx +24 -0
- package/src/buttons/FlatButton.tsx +21 -0
- package/src/buttons/IconButton.tsx +36 -0
- package/src/buttons/OutlineButton.tsx +24 -0
- package/src/buttons/buttons.module.css +428 -0
- package/src/buttons/index.ts +7 -0
- package/src/controls/ControlInfo.tsx +13 -0
- package/src/controls/LabeledButton.tsx +28 -0
- package/src/controls/LabeledCheckbox.tsx +36 -0
- package/src/controls/LabeledControl.tsx +24 -0
- package/src/controls/LabeledRadioGroup.tsx +26 -0
- package/src/controls/StackedLabeledControl.tsx +28 -0
- package/src/controls/ToggleButton.tsx +69 -0
- package/src/controls/index.ts +8 -0
- package/src/controls/styles.module.css +103 -0
- package/src/forms/DeprecatedCheckboxField.stories.tsx +31 -0
- package/src/forms/DeprecatedCheckboxField.tsx +95 -0
- package/src/forms/FormGroup.stories.tsx +30 -0
- package/src/forms/FormGroup.tsx +55 -0
- package/src/forms/InputField.stories.tsx +42 -0
- package/src/forms/LegacyInputField.tsx +130 -0
- package/src/forms/RadioGroup.stories.tsx +45 -0
- package/src/forms/RadioGroup.tsx +89 -0
- package/src/forms/Select.module.css +118 -0
- package/src/forms/Select.stories.tsx +116 -0
- package/src/forms/Select.tsx +132 -0
- package/src/forms/SelectField.module.css +16 -0
- package/src/forms/SelectField.tsx +94 -0
- package/src/forms/ToggleField.stories.tsx +31 -0
- package/src/forms/ToggleField.tsx +60 -0
- package/src/forms/__tests__/DeprecatedCheckboxField.test.tsx +5 -0
- package/src/forms/__tests__/InputField.test.tsx +5 -0
- package/src/forms/__tests__/Select.test.tsx +5 -0
- package/src/forms/__tests__/SelectField.test.tsx +5 -0
- package/src/forms/__tests__/ToggleField.test.tsx +5 -0
- package/src/forms/forms.module.css +239 -0
- package/src/forms/index.ts +7 -0
- package/src/hardware-sim/BaseDeck/BaseDeck.stories.tsx +94 -0
- package/src/hardware-sim/BaseDeck/BaseDeck.tsx +528 -0
- package/src/hardware-sim/BaseDeck/SingleSlotFixture.tsx +198 -0
- package/src/hardware-sim/BaseDeck/SlotBase.tsx +5 -0
- package/src/hardware-sim/BaseDeck/SlotClip.tsx +15 -0
- package/src/hardware-sim/BaseDeck/StagingAreaFixture.tsx +113 -0
- package/src/hardware-sim/BaseDeck/WasteChuteFixture.tsx +158 -0
- package/src/hardware-sim/BaseDeck/WasteChuteStagingAreaFixture.tsx +73 -0
- package/src/hardware-sim/BaseDeck/__fixtures__/index.ts +165 -0
- package/src/hardware-sim/BaseDeck/index.ts +5 -0
- package/src/hardware-sim/Deck/DeckFromLayers.tsx +61 -0
- package/src/hardware-sim/Deck/FlexTrash.tsx +148 -0
- package/src/hardware-sim/Deck/MoveLabwareOnDeck.stories.tsx +98 -0
- package/src/hardware-sim/Deck/MoveLabwareOnDeck.tsx +287 -0
- package/src/hardware-sim/Deck/OT2Layers.tsx +160 -0
- package/src/hardware-sim/Deck/RobotCoordsForeignDiv.tsx +51 -0
- package/src/hardware-sim/Deck/RobotCoordsForeignObject.tsx +44 -0
- package/src/hardware-sim/Deck/RobotCoordsText.tsx +33 -0
- package/src/hardware-sim/Deck/RobotWorkSpace.tsx +100 -0
- package/src/hardware-sim/Deck/SlotLabels.tsx +113 -0
- package/src/hardware-sim/Deck/__mocks__/getDeckDefinitions.ts +29 -0
- package/src/hardware-sim/Deck/constants.ts +12 -0
- package/src/hardware-sim/Deck/index.tsx +8 -0
- package/src/hardware-sim/DeckConfigurator/AbsorbanceReaderFixture.tsx +91 -0
- package/src/hardware-sim/DeckConfigurator/DeckConfigurator.stories.tsx +109 -0
- package/src/hardware-sim/DeckConfigurator/EmptyConfigFixture.tsx +132 -0
- package/src/hardware-sim/DeckConfigurator/FlexStackerFixture.tsx +99 -0
- package/src/hardware-sim/DeckConfigurator/HeaterShakerFixture.tsx +102 -0
- package/src/hardware-sim/DeckConfigurator/MagneticBlockFixture.tsx +130 -0
- package/src/hardware-sim/DeckConfigurator/StagingAreaConfigFixture.tsx +89 -0
- package/src/hardware-sim/DeckConfigurator/StaticFixture.tsx +54 -0
- package/src/hardware-sim/DeckConfigurator/TemperatureModuleFixture.tsx +103 -0
- package/src/hardware-sim/DeckConfigurator/ThermocyclerFixture.tsx +89 -0
- package/src/hardware-sim/DeckConfigurator/TrashBinConfigFixture.tsx +99 -0
- package/src/hardware-sim/DeckConfigurator/WasteChuteConfigFixture.tsx +96 -0
- package/src/hardware-sim/DeckConfigurator/constants.ts +81 -0
- package/src/hardware-sim/DeckConfigurator/index.tsx +318 -0
- package/src/hardware-sim/DeckSlotLocation/index.tsx +88 -0
- package/src/hardware-sim/Labware/Labware.tsx +173 -0
- package/src/hardware-sim/Labware/LabwareAdapter/Opentrons96DeepWellAdapter.tsx +23 -0
- package/src/hardware-sim/Labware/LabwareAdapter/Opentrons96FlatBottomAdapter.tsx +7 -0
- package/src/hardware-sim/Labware/LabwareAdapter/OpentronsAluminumFlatBottomPlate.tsx +13 -0
- package/src/hardware-sim/Labware/LabwareAdapter/OpentronsAutoclavableDeckRiser.tsx +100 -0
- package/src/hardware-sim/Labware/LabwareAdapter/OpentronsFlex96TiprackAdapter.tsx +13 -0
- package/src/hardware-sim/Labware/LabwareAdapter/OpentronsToughPCRAutoSealingLid.tsx +83 -0
- package/src/hardware-sim/Labware/LabwareAdapter/OpentronsUniversalFlatAdapter.tsx +13 -0
- package/src/hardware-sim/Labware/LabwareAdapter/index.tsx +74 -0
- package/src/hardware-sim/Labware/LabwareRender.stories.tsx +95 -0
- package/src/hardware-sim/Labware/LabwareRender.tsx +173 -0
- package/src/hardware-sim/Labware/__tests__/Labware.test.tsx +47 -0
- package/src/hardware-sim/Labware/__tests__/LabwareRender.test.tsx +58 -0
- package/src/hardware-sim/Labware/index.ts +5 -0
- package/src/hardware-sim/Labware/labwareInternals/FilledWells.tsx +42 -0
- package/src/hardware-sim/Labware/labwareInternals/LabwareOutline.tsx +138 -0
- package/src/hardware-sim/Labware/labwareInternals/LabwareWellLabels.tsx +120 -0
- package/src/hardware-sim/Labware/labwareInternals/StaticLabware.tsx +122 -0
- package/src/hardware-sim/Labware/labwareInternals/StrokedWells.tsx +41 -0
- package/src/hardware-sim/Labware/labwareInternals/StyledWells.tsx +80 -0
- package/src/hardware-sim/Labware/labwareInternals/Well.tsx +78 -0
- package/src/hardware-sim/Labware/labwareInternals/WellLabels.tsx +124 -0
- package/src/hardware-sim/Labware/labwareInternals/__tests__/LabwareWellLabels.test.tsx +69 -0
- package/src/hardware-sim/Labware/labwareInternals/__tests__/StrokedWells.test.tsx +35 -0
- package/src/hardware-sim/Labware/labwareInternals/__tests__/WellLabels.test.tsx +95 -0
- package/src/hardware-sim/Labware/labwareInternals/getTiprackBackgroundColor.ts +32 -0
- package/src/hardware-sim/Labware/labwareInternals/index.ts +8 -0
- package/src/hardware-sim/Labware/labwareInternals/types.ts +18 -0
- package/src/hardware-sim/Module/FlexStacker.tsx +54 -0
- package/src/hardware-sim/Module/HeaterShaker.tsx +83 -0
- package/src/hardware-sim/Module/MagneticBlock.tsx +49 -0
- package/src/hardware-sim/Module/MagneticModule.tsx +51 -0
- package/src/hardware-sim/Module/Module.stories.tsx +91 -0
- package/src/hardware-sim/Module/ModuleTag.tsx +39 -0
- package/src/hardware-sim/Module/PlateReader.tsx +208 -0
- package/src/hardware-sim/Module/Temperature.tsx +54 -0
- package/src/hardware-sim/Module/Thermocycler/ThermocyclerGEN1.tsx +249 -0
- package/src/hardware-sim/Module/Thermocycler/ThermocyclerGEN2.tsx +286 -0
- package/src/hardware-sim/Module/Thermocycler/index.tsx +49 -0
- package/src/hardware-sim/Module/index.tsx +230 -0
- package/src/hardware-sim/Pipette/EightEmanatingNozzles.tsx +24 -0
- package/src/hardware-sim/Pipette/EmanatingNozzle.tsx +54 -0
- package/src/hardware-sim/Pipette/PipetteRender.stories.tsx +73 -0
- package/src/hardware-sim/Pipette/PipetteRender.tsx +88 -0
- package/src/hardware-sim/Pipette/__tests__/EightEmanatingNozzles.test.tsx +17 -0
- package/src/hardware-sim/Pipette/__tests__/EmanatingNozzle.test.tsx +69 -0
- package/src/hardware-sim/Pipette/__tests__/PipetteRender.test.tsx +101 -0
- package/src/hardware-sim/Pipette/constants.ts +10 -0
- package/src/hardware-sim/Pipette/index.ts +1 -0
- package/src/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpace.tsx +30 -0
- package/src/hardware-sim/RobotCoordinateSpace/RobotCoordinateSpaceWithRef.tsx +52 -0
- package/src/hardware-sim/RobotCoordinateSpace/index.ts +2 -0
- package/src/hardware-sim/index.ts +9 -0
- package/src/hardware-sim/utils.ts +18 -0
- package/src/helix-design-system/borders.ts +32 -0
- package/src/helix-design-system/colors.ts +101 -0
- package/src/helix-design-system/index.ts +4 -0
- package/src/helix-design-system/product/index.ts +1 -0
- package/src/helix-design-system/product/typography.ts +151 -0
- package/src/helix-design-system/style.ts +2 -0
- package/src/hooks/__tests__/useConditionalConfirm.test.tsx +5 -0
- package/src/hooks/__tests__/useDrag.test.ts +48 -0
- package/src/hooks/__tests__/useInterval.test.tsx +5 -0
- package/src/hooks/__tests__/useLongPress.test.ts +26 -0
- package/src/hooks/__tests__/useMountEffect.test.tsx +5 -0
- package/src/hooks/__tests__/usePrevious.test.tsx +5 -0
- package/src/hooks/__tests__/useScrolling.test.tsx +47 -0
- package/src/hooks/__tests__/useSwipe.test.tsx +27 -0
- package/src/hooks/__tests__/useTimeout.test.tsx +5 -0
- package/src/hooks/__tests__/useToggle.test.tsx +5 -0
- package/src/hooks/index.ts +14 -0
- package/src/hooks/useConditionalConfirm.ts +70 -0
- package/src/hooks/useDrag.ts +91 -0
- package/src/hooks/useInterval.ts +38 -0
- package/src/hooks/useLongPress.ts +84 -0
- package/src/hooks/useMenuHandleClickOutside.tsx +47 -0
- package/src/hooks/useMountEffect.ts +14 -0
- package/src/hooks/usePrevious.ts +19 -0
- package/src/hooks/useScrolling.ts +33 -0
- package/src/hooks/useSelectDeckLocation/SelectDeckLocation.stories.tsx +57 -0
- package/src/hooks/useSelectDeckLocation/index.tsx +333 -0
- package/src/hooks/useSwipe.ts +87 -0
- package/src/hooks/useTimeout.ts +33 -0
- package/src/hooks/useToggle.ts +27 -0
- package/src/i18n.ts +63 -0
- package/src/icons/Icon.stories.tsx +45 -0
- package/src/icons/Icon.tsx +79 -0
- package/src/icons/IconList.stories.tsx +109 -0
- package/src/icons/ModuleIcon.tsx +52 -0
- package/src/icons/NotificationIcon.tsx +41 -0
- package/src/icons/icon-data.ts +826 -0
- package/src/icons/index.ts +6 -0
- package/src/images/index.ts +1 -0
- package/src/images/labware/index.ts +1 -0
- package/src/images/labware/measurement-guide/images/depth/depth-plate-flat@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/depth/depth-plate-round@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/depth/depth-plate-v@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/depth/depth-reservoir-and-tubes-flat@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/depth/depth-reservoir-and-tubes-round@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/depth/depth-reservoir-and-tubes-v@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/depth/length-tip-rack@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/dimensions/footprint@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/dimensions/height-alum-block-plate@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/dimensions/height-alum-block-tubes@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/dimensions/height-plate-and-reservoir@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/dimensions/height-tip-rack@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/dimensions/height-tube-rack-irregular@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/dimensions/height-tube-rack@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/offset/offset-reservoir@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/offset/offset-well-circular@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/offset/offset-well-rectangular@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/shape/shape-circular@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/shape/shape-rectangular@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/spacing/spacing-reservoir-multi-row@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/spacing/spacing-reservoir@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/spacing/spacing-well-circular@3x.png +0 -0
- package/src/images/labware/measurement-guide/images/spacing/spacing-well-rectangular@3x.png +0 -0
- package/src/images/labware/measurement-guide/index.ts +272 -0
- package/src/index.module.css +9 -0
- package/src/index.ts +41 -0
- package/src/instrument/InstrumentDiagram.stories.tsx +43 -0
- package/src/instrument/InstrumentDiagram.tsx +59 -0
- package/src/instrument/InstrumentGroup.stories.tsx +89 -0
- package/src/instrument/InstrumentGroup.tsx +35 -0
- package/src/instrument/InstrumentInfo.tsx +106 -0
- package/src/instrument/PipetteSelect.module.css +14 -0
- package/src/instrument/__tests__/InstrumentInfo.test.tsx +58 -0
- package/src/instrument/eight-channel-flex.png +0 -0
- package/src/instrument/index.ts +3 -0
- package/src/instrument/instrument.module.css +45 -0
- package/src/instrument/multi-channel_GEN1_800px.png +0 -0
- package/src/instrument/multi-channel_GEN2_800px.png +0 -0
- package/src/instrument/ninety-six-channel-gen1.png +0 -0
- package/src/instrument/pipetteGEN2Multi.png +0 -0
- package/src/instrument/pipetteGEN2Single.png +0 -0
- package/src/instrument/pipetteMulti.png +0 -0
- package/src/instrument/pipetteSingle.png +0 -0
- package/src/instrument/single-channel-flex.png +0 -0
- package/src/instrument/single-channel_GEN2_800px.png +0 -0
- package/src/instrument/single_channel_GEN1_800px.png +0 -0
- package/src/interaction-enhancers/ClickOutside.ts +59 -0
- package/src/interaction-enhancers/HandleKeypress.tsx +72 -0
- package/src/interaction-enhancers/__tests__/useHover.test.tsx +5 -0
- package/src/interaction-enhancers/index.ts +4 -0
- package/src/interaction-enhancers/useHover.ts +84 -0
- package/src/interaction-enhancers/useOnClickOutside.ts +42 -0
- package/src/legacy-hardware-sim/LabwareNameOverlay.module.css +20 -0
- package/src/legacy-hardware-sim/LabwareNameOverlay.tsx +23 -0
- package/src/legacy-hardware-sim/ModuleItem.module.css +98 -0
- package/src/legacy-hardware-sim/ModuleItem.tsx +145 -0
- package/src/legacy-hardware-sim/index.ts +2 -0
- package/src/lists/SidePanelGroup.tsx +48 -0
- package/src/lists/TitledList.tsx +154 -0
- package/src/lists/index.ts +3 -0
- package/src/lists/lists.module.css +171 -0
- package/src/modals/AlertModal.tsx +89 -0
- package/src/modals/ContinueModal.tsx +32 -0
- package/src/modals/LegacyModal.tsx +61 -0
- package/src/modals/Modal.stories.tsx +45 -0
- package/src/modals/Modal.tsx +101 -0
- package/src/modals/ModalHeader.tsx +110 -0
- package/src/modals/ModalShell.tsx +158 -0
- package/src/modals/Overlay.tsx +39 -0
- package/src/modals/SpinnerModal.tsx +35 -0
- package/src/modals/SpinnerModalPage.tsx +29 -0
- package/src/modals/__tests__/Modal.test.tsx +68 -0
- package/src/modals/__tests__/ModalHeader.test.tsx +71 -0
- package/src/modals/__tests__/ModalShell.test.tsx +48 -0
- package/src/modals/index.ts +10 -0
- package/src/modals/modals.module.css +275 -0
- package/src/molecules/Banner/Banner.stories.tsx +51 -0
- package/src/molecules/Banner/__tests__/Banner.test.tsx +95 -0
- package/src/molecules/Banner/index.tsx +149 -0
- package/src/molecules/DeckInfoLabel/DeckInfoLabel.stories.tsx +65 -0
- package/src/molecules/DeckInfoLabel/__tests__/DeckInfoLabel.test.tsx +50 -0
- package/src/molecules/DeckInfoLabel/index.tsx +95 -0
- package/src/molecules/DeckLabel/DeckLabel.stories.tsx +31 -0
- package/src/molecules/DeckLabel/__tests__/DeckLabel.test.tsx +71 -0
- package/src/molecules/DeckLabel/index.tsx +84 -0
- package/src/molecules/DropdownMenu/DropdownMenu.stories.tsx +30 -0
- package/src/molecules/DropdownMenu/__tests__/DropdownMenu.test.tsx +86 -0
- package/src/molecules/DropdownMenu/index.tsx +435 -0
- package/src/molecules/InfoScreen/InfoScreen.stories.tsx +51 -0
- package/src/molecules/InfoScreen/__tests__/InfoScreen.test.tsx +57 -0
- package/src/molecules/InfoScreen/index.tsx +54 -0
- package/src/molecules/LiquidIcon/LiquidIcon.stories.tsx +54 -0
- package/src/molecules/LiquidIcon/__tests__/LiquidIcon.test.tsx +51 -0
- package/src/molecules/LiquidIcon/index.tsx +74 -0
- package/src/molecules/ListAccordion/ListAccordion.stories.tsx +128 -0
- package/src/molecules/ListAccordion/__tests__/ListAccordion.test.tsx +123 -0
- package/src/molecules/ListAccordion/index.tsx +182 -0
- package/src/molecules/ParametersTable/ParametersTable.stories.tsx +173 -0
- package/src/molecules/ParametersTable/__tests__/ParametersTable.test.tsx +127 -0
- package/src/molecules/ParametersTable/index.tsx +200 -0
- package/src/molecules/ReleaseNotes/index.tsx +70 -0
- package/src/molecules/ReleaseNotes/styles.module.css +66 -0
- package/src/molecules/Tabs/Tabs.stories.tsx +76 -0
- package/src/molecules/Tabs/__tests__/Tabs.test.tsx +92 -0
- package/src/molecules/Tabs/index.tsx +116 -0
- package/src/molecules/TextListTableContent/TextListTableContent.stories.tsx +114 -0
- package/src/molecules/TextListTableContent/__tests__/TextListTableContent.test.tsx +44 -0
- package/src/molecules/TextListTableContent/index.tsx +45 -0
- package/src/molecules/index.ts +11 -0
- package/src/nav/SidePanel.module.css +34 -0
- package/src/nav/SidePanel.stories.tsx +30 -0
- package/src/nav/SidePanel.tsx +22 -0
- package/src/nav/index.ts +2 -0
- package/src/organisms/CommandText/CommandText.stories.tsx +79 -0
- package/src/organisms/CommandText/__tests__/CommandText.test.tsx +1671 -0
- package/src/organisms/CommandText/fixtures/index.ts +5 -0
- package/src/organisms/CommandText/fixtures/mockRobotSideAnalysis.json +6609 -0
- package/src/organisms/CommandText/index.tsx +280 -0
- package/src/organisms/CommandText/useCommandTextString/index.ts +338 -0
- package/src/organisms/CommandText/useCommandTextString/utils/__tests__/formatDuration.test.tsx +93 -0
- package/src/organisms/CommandText/useCommandTextString/utils/__tests__/getFinalLabwareLocation.test.ts +133 -0
- package/src/organisms/CommandText/useCommandTextString/utils/__tests__/getLabwareDisplayLocation.test.tsx +186 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getFlexStackerCommandText.test.tsx +179 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getPipettingCommandText.test.tsx +188 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/__tests__/getRobotCommandText.test.tsx +118 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getAbsorbanceReaderCommandText.ts +53 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getCommentCommandText.ts +10 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getConfigureForVolumeCommandText.ts +21 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getConfigureNozzleLayoutCommandText.ts +29 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getCustomCommandText.ts +16 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getDelayCommandText.ts +20 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getDirectTranslationCommandText.ts +44 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getFlexStackerCommandText.ts +168 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getHSShakeSpeedCommandText.ts +11 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getLiquidProbeCommandText.ts +61 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getLoadCommandText.ts +173 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveLabwareCommandText.ts +108 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveRelativeCommandText.ts +11 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToAddressableAreaCommandText.ts +19 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToAddressableAreaForDropTipCommandText.ts +19 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToCoordinatesCommandText.ts +11 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToSlotCommandText.ts +11 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getMoveToWellCommandText.ts +46 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getPipettingCommandText.ts +197 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getPrepareToAspirateCommandText.ts +20 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getRailLightsCommandText.ts +15 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getRobotCommandText.ts +87 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getTCRunExtendedProfileCommandText.ts +68 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getTCRunProfileCommandText.ts +30 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getTemperatureCommandText.ts +49 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getUnknownCommandText.ts +5 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getWaitForDurationCommandText.ts +11 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/getWaitForResumeCommandText.ts +11 -0
- package/src/organisms/CommandText/useCommandTextString/utils/commandText/index.ts +28 -0
- package/src/organisms/CommandText/useCommandTextString/utils/formatDuration.ts +46 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getAddressableAreaDisplayName.ts +62 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getFinalAddressableAreaCmd.ts +22 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getFinalLabwareLocation.ts +46 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getLabwareDefinitionsFromCommands.ts +59 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getLabwareDisplayLocation.tsx +163 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getLabwareLocation.tsx +280 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getLabwareName.ts +41 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getLiquidDisplayName.ts +10 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getLoadedLabware.tsx +12 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getLoadedModule.ts +12 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getModuleDisplayLocation.ts +11 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getModuleModel.ts +12 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getPipetteNameOnMount.ts +20 -0
- package/src/organisms/CommandText/useCommandTextString/utils/getWellRange.ts +65 -0
- package/src/organisms/CommandText/useCommandTextString/utils/helpers.ts +15 -0
- package/src/organisms/CommandText/useCommandTextString/utils/index.ts +10 -0
- package/src/organisms/CommandText/useCommandTextString/utils/types.ts +19 -0
- package/src/organisms/DeckLabelSet/DeckLabelSet.stories.tsx +48 -0
- package/src/organisms/DeckLabelSet/__tests__/DeckLabelSet.test.tsx +52 -0
- package/src/organisms/DeckLabelSet/index.tsx +126 -0
- package/src/organisms/FixtureOption/__tests__/FixtureOption.test.tsx +42 -0
- package/src/organisms/FixtureOption/index.tsx +92 -0
- package/src/organisms/ProtocolTimelineScrubber/CommandItem.tsx +115 -0
- package/src/organisms/ProtocolTimelineScrubber/PipetteVisuals.tsx +213 -0
- package/src/organisms/ProtocolTimelineScrubber/index.tsx +312 -0
- package/src/organisms/ProtocolTimelineScrubber/types.ts +6 -0
- package/src/organisms/ProtocolTimelineScrubber/utils.ts +160 -0
- package/src/organisms/Toolbox/Toolbox.stories.tsx +34 -0
- package/src/organisms/Toolbox/__tests__/Toolbox.test.tsx +37 -0
- package/src/organisms/Toolbox/index.tsx +149 -0
- package/src/organisms/index.ts +5 -0
- package/src/primitives/Box.stories.tsx +25 -0
- package/src/primitives/Box.tsx +17 -0
- package/src/primitives/Btn.stories.tsx +105 -0
- package/src/primitives/Btn.tsx +267 -0
- package/src/primitives/Flex.stories.tsx +50 -0
- package/src/primitives/Flex.tsx +17 -0
- package/src/primitives/ForeignObject.tsx +69 -0
- package/src/primitives/Link.stories.tsx +27 -0
- package/src/primitives/Link.tsx +33 -0
- package/src/primitives/README.md +179 -0
- package/src/primitives/Svg.stories.tsx +36 -0
- package/src/primitives/Svg.tsx +69 -0
- package/src/primitives/Text.stories.tsx +17 -0
- package/src/primitives/Text.tsx +18 -0
- package/src/primitives/__tests__/Box.test.tsx +5 -0
- package/src/primitives/__tests__/Btn.test.tsx +5 -0
- package/src/primitives/__tests__/Flex.test.tsx +5 -0
- package/src/primitives/__tests__/Link.test.tsx +5 -0
- package/src/primitives/__tests__/Svg.test.tsx +5 -0
- package/src/primitives/__tests__/Text.test.tsx +5 -0
- package/src/primitives/__tests__/primitives.test.tsx +5 -0
- package/src/primitives/__tests__/style-props.test.tsx +5 -0
- package/src/primitives/index.ts +10 -0
- package/src/primitives/style-props.ts +198 -0
- package/src/primitives/types.ts +120 -0
- package/src/robot-types.ts +4 -0
- package/src/slotmap/OT2SlotMap.tsx +74 -0
- package/src/slotmap/__tests__/OT2SlotMap.test.tsx +5 -0
- package/src/slotmap/index.ts +1 -0
- package/src/slotmap/styles.module.css +18 -0
- package/src/structure/Card.stories.tsx +29 -0
- package/src/structure/Card.tsx +65 -0
- package/src/structure/LabeledValue.stories.tsx +17 -0
- package/src/structure/LabeledValue.tsx +31 -0
- package/src/structure/Pill.module.css +16 -0
- package/src/structure/Pill.tsx +43 -0
- package/src/structure/Splash.module.css +16 -0
- package/src/structure/Splash.stories.tsx +25 -0
- package/src/structure/Splash.tsx +22 -0
- package/src/structure/TitleBar.stories.tsx +43 -0
- package/src/structure/TitleBar.tsx +80 -0
- package/src/structure/index.ts +7 -0
- package/src/structure/structure.module.css +114 -0
- package/src/styles/borders.module.css +20 -0
- package/src/styles/borders.ts +16 -0
- package/src/styles/colors.module.css +57 -0
- package/src/styles/colors.ts +58 -0
- package/src/styles/cursor.ts +12 -0
- package/src/styles/flexbox.ts +39 -0
- package/src/styles/index.module.css +8 -0
- package/src/styles/index.ts +8 -0
- package/src/styles/layout.ts +31 -0
- package/src/styles/position.ts +5 -0
- package/src/styles/spacing.ts +11 -0
- package/src/styles/typography.module.css +22 -0
- package/src/styles/typography.ts +90 -0
- package/src/testing/utils/index.ts +2 -0
- package/src/testing/utils/matchers.ts +32 -0
- package/src/testing/utils/renderWithProviders.tsx +59 -0
- package/src/tooltips/DeprecatedTooltip.tsx +112 -0
- package/src/tooltips/HoverTooltip.tsx +84 -0
- package/src/tooltips/LegacyTooltip.stories.tsx +99 -0
- package/src/tooltips/LegacyTooltip.tsx +151 -0
- package/src/tooltips/__tests__/Tooltip.test.tsx +5 -0
- package/src/tooltips/__tests__/useHoverTooltip.test.tsx +5 -0
- package/src/tooltips/__tests__/usePopper.test.tsx +5 -0
- package/src/tooltips/__tests__/useTooltip.test.tsx +5 -0
- package/src/tooltips/constants.ts +28 -0
- package/src/tooltips/index.ts +10 -0
- package/src/tooltips/styles.ts +20 -0
- package/src/tooltips/tooltips.module.css +72 -0
- package/src/tooltips/types.ts +71 -0
- package/src/tooltips/useHoverTooltip.ts +47 -0
- package/src/tooltips/usePopper.ts +87 -0
- package/src/tooltips/useTooltip.ts +101 -0
- package/src/ui-style-constants/animation.ts +1 -0
- package/src/ui-style-constants/index.ts +5 -0
- package/src/ui-style-constants/responsiveness.ts +15 -0
- package/src/ui-style-constants/spacing.ts +18 -0
- package/src/ui-style-constants/typography.ts +259 -0
- package/src/ui-style-constants/viewport.ts +18 -0
- package/src/utils.ts +56 -0
- package/tsconfig-data.json +13 -0
- package/tsconfig.json +6 -0
- package/vite.config.mts +10 -9
- package/lib/controls/LabeledSelect.d.ts +0 -9
- package/lib/controls/LabeledToggle.d.ts +0 -11
- package/lib/forms/DropdownField.d.ts +0 -38
- package/lib/hardware-sim/Labware/LabwareStackRender.d.ts +0 -20
- package/lib/hardware-sim/ProtocolDeck/LabwareInfo.d.ts +0 -6
- package/lib/hardware-sim/ProtocolDeck/index.d.ts +0 -14
- package/lib/hardware-sim/ProtocolDeck/types.d.ts +0 -8
- package/lib/hardware-sim/ProtocolDeck/utils/getInitiallyLoadedLabwareByAdapter.d.ts +0 -5
- package/lib/hardware-sim/ProtocolDeck/utils/getLabwareInSlots.d.ts +0 -12
- package/lib/hardware-sim/ProtocolDeck/utils/getLabwareInfoByLiquidId.d.ts +0 -3
- package/lib/hardware-sim/ProtocolDeck/utils/getModulesInSlots.d.ts +0 -10
- package/lib/hardware-sim/ProtocolDeck/utils/getStandardDeckViewLayerBlockList.d.ts +0 -2
- package/lib/hardware-sim/ProtocolDeck/utils/getWellFillFromLabwareId.d.ts +0 -4
- package/lib/hardware-sim/ProtocolDeck/utils/index.d.ts +0 -3
- package/lib/hooks/useIdle.d.ts +0 -11
- package/lib/index.cjs +0 -732
- package/lib/index.mjs +0 -36563
- package/lib/instrument/PipetteSelect.d.ts +0 -20
- package/lib/organisms/EndUserAgreementFooter/index.d.ts +0 -1
- package/lib/style.css +0 -1
- /package/lib/{forms/__tests__/DropdownField.test.d.ts → atoms/InlineNotification/__tests__/InlineNotification.test.d.ts} +0 -0
- /package/lib/{hardware-sim/ProtocolDeck/utils/__tests__/getLabwareInforByLiquidId.test.d.ts → atoms/ListTable/__tests__/ListTable.test.d.ts} +0 -0
- /package/lib/{hooks/__tests__/useIdle.test.d.ts → atoms/StepMeter/__tests__/StepMeter.test.d.ts} +0 -0
- /package/lib/{instrument/__tests__/PipetteSelect.test.d.ts → atoms/SubListTable/__tests__/SubListTable.test.d.ts} +0 -0
- /package/lib/{organisms/EndUserAgreementFooter/__tests__/EndUserAgreementFooter.test.d.ts → molecules/ListAccordion/__tests__/ListAccordion.test.d.ts} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
2
|
import type { Mount } from '../robot-types';
|
|
3
3
|
import type { InstrumentDiagramProps } from './InstrumentDiagram';
|
|
4
4
|
export interface InstrumentInfoProps {
|
|
@@ -11,7 +11,7 @@ export interface InstrumentInfoProps {
|
|
|
11
11
|
/** paired tiprack models */
|
|
12
12
|
tiprackModels?: string[];
|
|
13
13
|
/** children to display under the info */
|
|
14
|
-
children?:
|
|
14
|
+
children?: ReactNode;
|
|
15
15
|
/** if true, show labels 'LEFT PIPETTE' / 'RIGHT PIPETTE' */
|
|
16
16
|
showMountLabel?: boolean | null;
|
|
17
17
|
}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import type { RefCallback } from 'react';
|
|
2
3
|
interface ClickOutsideChildParams {
|
|
3
|
-
ref:
|
|
4
|
+
ref: RefCallback<Element>;
|
|
4
5
|
}
|
|
5
6
|
export interface ClickOutsideProps {
|
|
6
7
|
onClickOutside: ((e: MouseEvent) => void) | undefined | null;
|
|
7
8
|
children: (params: ClickOutsideChildParams) => JSX.Element;
|
|
8
9
|
}
|
|
9
|
-
export declare class ClickOutside extends
|
|
10
|
+
export declare class ClickOutside extends Component<ClickOutsideProps> {
|
|
10
11
|
wrapperRef: Element | null;
|
|
11
12
|
constructor(props: ClickOutsideProps);
|
|
12
13
|
componentDidMount(): void;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
2
3
|
export interface KeypressHandler {
|
|
3
4
|
key: string;
|
|
4
5
|
shiftKey?: boolean | null | undefined;
|
|
@@ -10,7 +11,7 @@ export interface HandleKeypressProps {
|
|
|
10
11
|
/** optionally call event.preventDefault if keypress is handled */
|
|
11
12
|
preventDefault?: boolean | null | undefined;
|
|
12
13
|
/** wrapped children */
|
|
13
|
-
children?:
|
|
14
|
+
children?: ReactNode;
|
|
14
15
|
}
|
|
15
16
|
/**
|
|
16
17
|
* Keypress handler wrapper component. Takes an array of keypress handlers
|
|
@@ -18,7 +19,7 @@ export interface HandleKeypressProps {
|
|
|
18
19
|
* `keyup` event. `event.preventDefault` will be called if a key is handled
|
|
19
20
|
* and `props.preventDefault` is true.
|
|
20
21
|
*/
|
|
21
|
-
export declare class HandleKeypress extends
|
|
22
|
+
export declare class HandleKeypress extends Component<HandleKeypressProps> {
|
|
22
23
|
handlePressIfKey: (event: KeyboardEvent) => void;
|
|
23
24
|
preventDefaultIfKey: (event: KeyboardEvent) => void;
|
|
24
25
|
componentDidMount(): void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
2
|
import type { IconName } from '../icons';
|
|
3
3
|
export interface SidePanelGroupProps {
|
|
4
4
|
/** text of title */
|
|
@@ -6,7 +6,7 @@ export interface SidePanelGroupProps {
|
|
|
6
6
|
/** optional icon left of the title */
|
|
7
7
|
iconName?: IconName;
|
|
8
8
|
/** children, most likely one or more TitledList */
|
|
9
|
-
children?:
|
|
9
|
+
children?: ReactNode;
|
|
10
10
|
/** additional classnames */
|
|
11
11
|
className?: string;
|
|
12
12
|
/** disables the whole SidePanelGroup if true */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { MouseEvent, ReactNode } from 'react';
|
|
2
2
|
import type { IconName, IconProps } from '../icons';
|
|
3
3
|
export interface TitledListProps {
|
|
4
4
|
/** id attribute */
|
|
@@ -12,21 +12,21 @@ export interface TitledListProps {
|
|
|
12
12
|
/** optional data test id for the container */
|
|
13
13
|
'data-test'?: string;
|
|
14
14
|
/** children must all be `<li>` */
|
|
15
|
-
children?:
|
|
15
|
+
children?: ReactNode;
|
|
16
16
|
/** additional classnames */
|
|
17
17
|
className?: string;
|
|
18
18
|
/** component with descriptive text about the list */
|
|
19
|
-
description?:
|
|
19
|
+
description?: ReactNode;
|
|
20
20
|
/** optional click action (on title div, not children) */
|
|
21
|
-
onClick?: (event:
|
|
21
|
+
onClick?: (event: MouseEvent) => unknown;
|
|
22
22
|
/** optional right click action (on wrapping div) */
|
|
23
|
-
onContextMenu?: (event:
|
|
23
|
+
onContextMenu?: (event: MouseEvent) => unknown;
|
|
24
24
|
/** optional mouseEnter action */
|
|
25
|
-
onMouseEnter?: (event:
|
|
25
|
+
onMouseEnter?: (event: MouseEvent) => unknown;
|
|
26
26
|
/** optional mouseLeave action */
|
|
27
|
-
onMouseLeave?: (event:
|
|
27
|
+
onMouseLeave?: (event: MouseEvent) => unknown;
|
|
28
28
|
/** caret click action; if defined, list is expandable and carat is visible */
|
|
29
|
-
onCollapseToggle?: (event:
|
|
29
|
+
onCollapseToggle?: (event: MouseEvent) => unknown;
|
|
30
30
|
/** collapse the list if true (false by default) */
|
|
31
31
|
collapsed?: boolean;
|
|
32
32
|
/** set to true when TitledList is selected (eg, user clicked it) */
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
2
|
import type { ButtonProps } from '../buttons';
|
|
3
3
|
import type { IconName } from '../icons';
|
|
4
4
|
export interface AlertModalProps {
|
|
5
5
|
/** optional handler for overlay click */
|
|
6
6
|
onCloseClick?: () => unknown;
|
|
7
7
|
/** optional modal heading */
|
|
8
|
-
heading?:
|
|
8
|
+
heading?: ReactNode;
|
|
9
9
|
/** optional array of `ButtonProps` for `OutlineButton`s at bottom of modal */
|
|
10
10
|
buttons?: Array<ButtonProps | null | undefined>;
|
|
11
11
|
/** modal contents */
|
|
12
|
-
children:
|
|
12
|
+
children: ReactNode;
|
|
13
13
|
/** optional classes to apply */
|
|
14
14
|
className?: string;
|
|
15
15
|
/** optional classes to apply */
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { MouseEventHandler, ReactNode, Ref } from 'react';
|
|
2
2
|
export interface LegacyModalProps {
|
|
3
3
|
/** handler to close the modal (attached to `Overlay` onClick) */
|
|
4
|
-
onCloseClick?:
|
|
4
|
+
onCloseClick?: MouseEventHandler;
|
|
5
5
|
/** Optional styled heading **/
|
|
6
6
|
heading?: string;
|
|
7
7
|
/** modal contents */
|
|
8
|
-
children:
|
|
8
|
+
children: ReactNode;
|
|
9
9
|
/** classes to apply */
|
|
10
10
|
className?: string;
|
|
11
11
|
/** classes to apply to the contents box */
|
|
@@ -14,7 +14,7 @@ export interface LegacyModalProps {
|
|
|
14
14
|
alertOverlay?: boolean;
|
|
15
15
|
/** restricts scroll outside of Modal when open, true by default */
|
|
16
16
|
restrictOuterScroll?: boolean;
|
|
17
|
-
innerRef?:
|
|
17
|
+
innerRef?: Ref<HTMLDivElement>;
|
|
18
18
|
}
|
|
19
19
|
/**
|
|
20
20
|
* @deprecated use Modal instead
|
package/lib/modals/Modal.d.ts
CHANGED
|
@@ -1,21 +1,23 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import type { MouseEventHandler, ReactNode } from 'react';
|
|
2
2
|
import type { StyleProps } from '../primitives';
|
|
3
3
|
import type { Position } from './ModalShell';
|
|
4
4
|
type ModalType = 'info' | 'warning' | 'error';
|
|
5
5
|
export interface ModalProps extends StyleProps {
|
|
6
6
|
type?: ModalType;
|
|
7
|
-
onClose?:
|
|
7
|
+
onClose?: MouseEventHandler;
|
|
8
8
|
closeOnOutsideClick?: boolean;
|
|
9
|
-
title?:
|
|
9
|
+
title?: ReactNode;
|
|
10
10
|
titleElement1?: JSX.Element;
|
|
11
11
|
titleElement2?: JSX.Element;
|
|
12
|
+
headerTagElement?: JSX.Element;
|
|
12
13
|
fullPage?: boolean;
|
|
13
14
|
childrenPadding?: string | number;
|
|
14
|
-
children?:
|
|
15
|
-
footer?:
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
footer?: ReactNode;
|
|
16
17
|
zIndexOverlay?: number;
|
|
17
18
|
showOverlay?: boolean;
|
|
18
19
|
position?: Position;
|
|
20
|
+
hasHeader?: boolean;
|
|
19
21
|
}
|
|
20
22
|
/**
|
|
21
23
|
* For Desktop app and Helix (which includes Protocol Designer) use only.
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import type { MouseEventHandler, ReactNode } from 'react';
|
|
2
2
|
import type { IconProps } from '../icons';
|
|
3
3
|
export interface ModalHeaderProps {
|
|
4
|
-
title:
|
|
5
|
-
onClose?:
|
|
4
|
+
title: ReactNode;
|
|
5
|
+
onClose?: MouseEventHandler;
|
|
6
6
|
titleElement1?: JSX.Element;
|
|
7
7
|
titleElement2?: JSX.Element;
|
|
8
|
+
tagElement?: JSX.Element;
|
|
8
9
|
backgroundColor?: string;
|
|
9
10
|
color?: string;
|
|
10
11
|
icon?: IconProps;
|
|
11
|
-
closeButton?:
|
|
12
|
+
closeButton?: ReactNode;
|
|
12
13
|
}
|
|
13
14
|
export declare const ModalHeader: (props: ModalHeaderProps) => JSX.Element;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import type { MouseEventHandler, ReactNode } from 'react';
|
|
2
2
|
import type { StyleProps } from '../primitives';
|
|
3
3
|
export type Position = 'center' | 'bottomRight';
|
|
4
4
|
export interface ModalShellProps extends StyleProps {
|
|
5
5
|
/** Modal content */
|
|
6
|
-
children:
|
|
6
|
+
children: ReactNode;
|
|
7
7
|
/** Optional close on outside click **/
|
|
8
|
-
onOutsideClick?:
|
|
8
|
+
onOutsideClick?: MouseEventHandler;
|
|
9
9
|
/** Optional sticky header */
|
|
10
|
-
header?:
|
|
10
|
+
header?: ReactNode;
|
|
11
11
|
/** Optional sticky footer */
|
|
12
|
-
footer?:
|
|
12
|
+
footer?: ReactNode;
|
|
13
13
|
/** Optional full page takeover */
|
|
14
14
|
fullPage?: boolean;
|
|
15
15
|
/** Optional zIndex for the overlay */
|
package/lib/modals/Overlay.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type * as React from 'react';
|
|
2
1
|
import { Flex } from '..';
|
|
3
|
-
|
|
2
|
+
import type { ComponentProps, MouseEventHandler } from 'react';
|
|
3
|
+
export interface OverlayProps extends ComponentProps<typeof Flex> {
|
|
4
4
|
/** optional onClick handler */
|
|
5
|
-
onClick?:
|
|
5
|
+
onClick?: MouseEventHandler;
|
|
6
6
|
alertOverlay?: boolean | null;
|
|
7
7
|
backgroundColor?: string;
|
|
8
8
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import type * as React from 'react';
|
|
2
1
|
import { SpinnerModal } from './SpinnerModal';
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
3
|
import type { TitleBarProps } from '../structure';
|
|
4
|
-
export interface SpinnerModalPageProps extends
|
|
4
|
+
export interface SpinnerModalPageProps extends ComponentProps<typeof SpinnerModal> {
|
|
5
5
|
/** Props for title bar at top of modal page */
|
|
6
6
|
titleBar: TitleBarProps;
|
|
7
7
|
}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import type { StyleProps } from '../../primitives';
|
|
1
|
+
import type { MouseEventHandler, ReactNode } from 'react';
|
|
3
2
|
import type { IconProps } from '../../icons';
|
|
3
|
+
import type { StyleProps } from '../../primitives';
|
|
4
4
|
export type BannerType = 'success' | 'warning' | 'error' | 'updating' | 'informing';
|
|
5
5
|
export interface BannerProps extends StyleProps {
|
|
6
6
|
/** name constant of the icon to display */
|
|
7
7
|
type: BannerType;
|
|
8
8
|
/** Banner contents */
|
|
9
|
-
children?:
|
|
9
|
+
children?: ReactNode;
|
|
10
10
|
/** optional handler to show close button/clear alert */
|
|
11
|
-
onCloseClick?: (() => void) |
|
|
11
|
+
onCloseClick?: (() => void) | MouseEventHandler<HTMLButtonElement>;
|
|
12
12
|
/** Override the default Alert Icon */
|
|
13
13
|
icon?: IconProps;
|
|
14
14
|
/** some banner onCloseClicks fire events, this allows a spinner after click but before event finishes */
|
|
15
15
|
isCloseActionLoading?: boolean;
|
|
16
16
|
/** Override the Exit icon */
|
|
17
|
-
closeButton?:
|
|
17
|
+
closeButton?: ReactNode;
|
|
18
18
|
/** Icon margin right for large banners */
|
|
19
19
|
iconMarginRight?: string;
|
|
20
20
|
/** Icon margin left for large banners */
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import type { ModuleIconName } from '../../icons';
|
|
1
|
+
import type { IconName, ModuleIconName } from '../../icons';
|
|
2
2
|
import type { StyleProps } from '../../primitives';
|
|
3
3
|
interface DeckLabelProps extends StyleProps {
|
|
4
4
|
/** deck label to display */
|
|
5
5
|
deckLabel: string;
|
|
6
|
-
iconName?:
|
|
6
|
+
iconName?: IconName;
|
|
7
7
|
}
|
|
8
8
|
interface HardwareIconProps extends StyleProps {
|
|
9
9
|
/** hardware icon name */
|
|
10
10
|
iconName: ModuleIconName | 'stacked';
|
|
11
|
-
deckLabel?:
|
|
11
|
+
deckLabel?: string;
|
|
12
12
|
}
|
|
13
13
|
export type DeckInfoLabelProps = (DeckLabelProps | HardwareIconProps) & {
|
|
14
14
|
highlight?: boolean;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { ModuleModel } from '@opentrons/shared-data';
|
|
2
2
|
export interface DeckLabelProps {
|
|
3
|
+
isZoomed: boolean;
|
|
3
4
|
text: string;
|
|
4
5
|
isSelected: boolean;
|
|
5
6
|
moduleModel?: ModuleModel;
|
|
@@ -7,4 +8,4 @@ export interface DeckLabelProps {
|
|
|
7
8
|
labelBorderRadius?: string;
|
|
8
9
|
isLast?: boolean;
|
|
9
10
|
}
|
|
10
|
-
export declare function DeckLabel({ text, isSelected, labelBorderRadius, moduleModel, maxWidth, isLast, }: DeckLabelProps): JSX.Element;
|
|
11
|
+
export declare function DeckLabel({ text, isSelected, labelBorderRadius, moduleModel, maxWidth, isLast, isZoomed, }: DeckLabelProps): JSX.Element;
|
|
@@ -1,13 +1,23 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { FlattenSimpleInterpolation } from 'styled-components';
|
|
2
|
+
import type { FocusEventHandler } from 'react';
|
|
2
3
|
export interface DropdownOption {
|
|
4
|
+
/** dropdown option name */
|
|
3
5
|
name: string;
|
|
6
|
+
/** dropdown option value */
|
|
4
7
|
value: string;
|
|
5
8
|
/** optional dropdown option for adding the liquid color icon */
|
|
6
9
|
liquidColor?: string;
|
|
10
|
+
/** optional dropdown option for adding the deck label */
|
|
11
|
+
deckLabel?: string;
|
|
12
|
+
/** subtext below the name */
|
|
13
|
+
subtext?: string;
|
|
14
|
+
/** optional disabled */
|
|
7
15
|
disabled?: boolean;
|
|
8
|
-
|
|
16
|
+
/** optional tooltip text */
|
|
17
|
+
tooltipText?: string | null;
|
|
9
18
|
}
|
|
10
19
|
export type DropdownBorder = 'rounded' | 'neutral';
|
|
20
|
+
type MenuPlacement = 'auto' | 'top' | 'bottom';
|
|
11
21
|
export interface DropdownMenuProps {
|
|
12
22
|
/** dropdown options */
|
|
13
23
|
filterOptions: DropdownOption[];
|
|
@@ -30,12 +40,18 @@ export interface DropdownMenuProps {
|
|
|
30
40
|
/** optional error */
|
|
31
41
|
error?: string | null;
|
|
32
42
|
/** focus handler */
|
|
33
|
-
onFocus?:
|
|
43
|
+
onFocus?: FocusEventHandler<HTMLButtonElement>;
|
|
34
44
|
/** blur handler */
|
|
35
|
-
onBlur?:
|
|
45
|
+
onBlur?: FocusEventHandler<HTMLButtonElement>;
|
|
36
46
|
/** optional disabled */
|
|
37
47
|
disabled?: boolean;
|
|
38
|
-
/**
|
|
39
|
-
|
|
48
|
+
/** optional placement of the menu */
|
|
49
|
+
menuPlacement?: MenuPlacement;
|
|
50
|
+
/** optional enter handler */
|
|
51
|
+
onEnter?: (id: string) => void;
|
|
52
|
+
/** optional exit handler */
|
|
53
|
+
onExit?: () => void;
|
|
40
54
|
}
|
|
41
55
|
export declare function DropdownMenu(props: DropdownMenuProps): JSX.Element;
|
|
56
|
+
export declare const LINE_CLAMP_TEXT_STYLE: (lineClamp?: number, wordBreak?: boolean) => FlattenSimpleInterpolation;
|
|
57
|
+
export {};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
interface InfoScreenProps {
|
|
2
2
|
content: string;
|
|
3
|
+
subContent?: string;
|
|
3
4
|
backgroundColor?: string;
|
|
5
|
+
height?: string;
|
|
4
6
|
}
|
|
5
|
-
export declare function InfoScreen({ content, backgroundColor, }: InfoScreenProps): JSX.Element;
|
|
7
|
+
export declare function InfoScreen({ content, subContent, backgroundColor, height, }: InfoScreenProps): JSX.Element;
|
|
6
8
|
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { ListTableProps } from '../../atoms/ListTable';
|
|
3
|
+
export type ListAccordionAlertKind = 'default' | 'warning';
|
|
4
|
+
export interface ListAccordionProps {
|
|
5
|
+
headerChild: ReactNode;
|
|
6
|
+
alertKind: ListAccordionAlertKind;
|
|
7
|
+
tableHeaders: ListTableProps['headers'];
|
|
8
|
+
children: ListTableProps['children'];
|
|
9
|
+
icon?: JSX.Element;
|
|
10
|
+
}
|
|
11
|
+
export declare function ListAccordion({ headerChild, alertKind, icon, children, tableHeaders, }: ListAccordionProps): JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { ListTableProps } from '../../atoms/ListTable';
|
|
3
|
+
export interface TextListTableContentProps {
|
|
4
|
+
header: ReactNode;
|
|
5
|
+
listTableHeaders?: ListTableProps['headers'];
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare function TextListTableContent({ header, listTableHeaders, children, }: TextListTableContentProps): JSX.Element;
|
package/lib/molecules/index.d.ts
CHANGED
|
@@ -5,4 +5,7 @@ export * from './DropdownMenu';
|
|
|
5
5
|
export * from './InfoScreen';
|
|
6
6
|
export * from './LiquidIcon';
|
|
7
7
|
export * from './ParametersTable';
|
|
8
|
+
export * from './ReleaseNotes';
|
|
8
9
|
export * from './Tabs';
|
|
10
|
+
export * from './TextListTableContent';
|
|
11
|
+
export * from './ListAccordion';
|
package/lib/nav/SidePanel.d.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { LegacyStyledText, StyledText } from '../../atoms';
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
|
+
import type { LabwareDefinition2, RobotType, RunTimeCommand } from '@opentrons/shared-data';
|
|
4
|
+
import type { StyleProps } from '../../primitives';
|
|
5
|
+
import type { CommandTextData } from '../ProtocolTimelineScrubber/types';
|
|
6
|
+
export * from './useCommandTextString';
|
|
7
|
+
interface LegacySTProps {
|
|
8
|
+
as?: ComponentProps<typeof LegacyStyledText>['as'];
|
|
9
|
+
modernStyledTextDefaults?: false;
|
|
10
|
+
}
|
|
11
|
+
interface ModernSTProps {
|
|
12
|
+
desktopStyle?: ComponentProps<typeof StyledText>['desktopStyle'];
|
|
13
|
+
oddStyle?: ComponentProps<typeof StyledText>['oddStyle'];
|
|
14
|
+
modernStyledTextDefaults: true;
|
|
15
|
+
}
|
|
16
|
+
type STProps = LegacySTProps | ModernSTProps;
|
|
17
|
+
interface BaseProps extends StyleProps {
|
|
18
|
+
command: RunTimeCommand;
|
|
19
|
+
allRunDefs: LabwareDefinition2[];
|
|
20
|
+
commandTextData: CommandTextData;
|
|
21
|
+
robotType: RobotType;
|
|
22
|
+
isOnDevice?: boolean;
|
|
23
|
+
propagateCenter?: boolean;
|
|
24
|
+
propagateTextLimit?: boolean;
|
|
25
|
+
}
|
|
26
|
+
export declare function CommandText(props: BaseProps & STProps): JSX.Element | null;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { TFunction } from 'i18next';
|
|
2
|
+
import type { LabwareDefinition2, RobotType, RunTimeCommand } from '@opentrons/shared-data';
|
|
3
|
+
import type { CommandTextData } from '../../ProtocolTimelineScrubber/types';
|
|
4
|
+
import type { TCProfileCycleText, TCProfileStepText } from './utils';
|
|
5
|
+
export * from './utils';
|
|
6
|
+
export interface UseCommandTextStringParams {
|
|
7
|
+
command: RunTimeCommand | null;
|
|
8
|
+
allRunDefs: LabwareDefinition2[];
|
|
9
|
+
commandTextData: CommandTextData | null;
|
|
10
|
+
robotType: RobotType;
|
|
11
|
+
}
|
|
12
|
+
export type GetCommandText = UseCommandTextStringParams & {
|
|
13
|
+
t: TFunction;
|
|
14
|
+
};
|
|
15
|
+
export interface GetGenericCommandTextResult {
|
|
16
|
+
kind: 'generic';
|
|
17
|
+
commandText: string;
|
|
18
|
+
}
|
|
19
|
+
export interface GetTCRunProfileCommandTextResult {
|
|
20
|
+
kind: 'thermocycler/runProfile';
|
|
21
|
+
commandText: string;
|
|
22
|
+
stepTexts: string[];
|
|
23
|
+
}
|
|
24
|
+
export interface GetTCRunExtendedProfileCommandTextResult {
|
|
25
|
+
kind: 'thermocycler/runExtendedProfile';
|
|
26
|
+
commandText: string;
|
|
27
|
+
profileElementTexts: Array<TCProfileStepText | TCProfileCycleText>;
|
|
28
|
+
}
|
|
29
|
+
export type GetCommandTextResult = GetGenericCommandTextResult | GetTCRunProfileCommandTextResult | GetTCRunExtendedProfileCommandTextResult;
|
|
30
|
+
export declare function useCommandTextString(params: UseCommandTextStringParams): GetCommandTextResult;
|
package/lib/organisms/CommandText/useCommandTextString/utils/__tests__/formatDuration.test.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { AbsorbanceReaderCloseLidRunTimeCommand, AbsorbanceReaderInitializeRunTimeCommand, AbsorbanceReaderOpenLidRunTimeCommand, AbsorbanceReaderReadRunTimeCommand, RunTimeCommand } from '@opentrons/shared-data';
|
|
2
|
+
import type { HandlesCommands } from '../types';
|
|
3
|
+
export type AbsorbanceCreateCommand = AbsorbanceReaderOpenLidRunTimeCommand | AbsorbanceReaderCloseLidRunTimeCommand | AbsorbanceReaderInitializeRunTimeCommand | AbsorbanceReaderReadRunTimeCommand;
|
|
4
|
+
declare const KEYS_BY_COMMAND_TYPE: {
|
|
5
|
+
[commandType in AbsorbanceCreateCommand['commandType']]: string;
|
|
6
|
+
};
|
|
7
|
+
type HandledCommands = Extract<RunTimeCommand, {
|
|
8
|
+
commandType: keyof typeof KEYS_BY_COMMAND_TYPE;
|
|
9
|
+
}>;
|
|
10
|
+
type GetAbsorbanceReaderCommandText = HandlesCommands<HandledCommands>;
|
|
11
|
+
export declare const getAbsorbanceReaderCommandText: ({ command, t, }: GetAbsorbanceReaderCommandText) => string;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { ConfigureForVolumeRunTimeCommand } from '@opentrons/shared-data/command';
|
|
2
|
+
import type { HandlesCommands } from '../types';
|
|
3
|
+
export declare function getConfigureForVolumeCommandText({ command, commandTextData, t, }: HandlesCommands<ConfigureForVolumeRunTimeCommand>): string;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { ConfigureNozzleLayoutRunTimeCommand } from '@opentrons/shared-data';
|
|
2
|
+
import type { HandlesCommands } from '../types';
|
|
3
|
+
export declare function getConfigureNozzleLayoutCommandText({ command, commandTextData, t, }: HandlesCommands<ConfigureNozzleLayoutRunTimeCommand>): string;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { RunTimeCommand } from '@opentrons/shared-data/command';
|
|
2
|
+
import type { HandlesCommands } from '../types';
|
|
3
|
+
declare const SIMPLE_TRANSLATION_KEY_BY_COMMAND_TYPE: {
|
|
4
|
+
[commandType in RunTimeCommand['commandType']]?: string;
|
|
5
|
+
};
|
|
6
|
+
type HandledCommands = Extract<RunTimeCommand, {
|
|
7
|
+
commandType: keyof typeof SIMPLE_TRANSLATION_KEY_BY_COMMAND_TYPE;
|
|
8
|
+
}>;
|
|
9
|
+
export type GetDirectTranslationCommandText = HandlesCommands<HandledCommands>;
|
|
10
|
+
export declare function getDirectTranslationCommandText({ command, t, }: GetDirectTranslationCommandText): string;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { FlexStackerEmptyRunTimeCommand, FlexStackerFillRunTimeCommand, FlexStackerRetrieveRunTimeCommand, FlexStackerSetStoredLabwareRunTimeCommand, FlexStackerStoreRunTimeCommand, RunTimeCommand } from '@opentrons/shared-data';
|
|
2
|
+
import type { HandlesCommands } from '../types';
|
|
3
|
+
export type FlexStackerCommand = FlexStackerSetStoredLabwareRunTimeCommand | FlexStackerStoreRunTimeCommand | FlexStackerRetrieveRunTimeCommand | FlexStackerFillRunTimeCommand | FlexStackerEmptyRunTimeCommand;
|
|
4
|
+
export declare const KEYS_BY_COMMAND_TYPE: {
|
|
5
|
+
[commandType in FlexStackerCommand['commandType']]: string;
|
|
6
|
+
};
|
|
7
|
+
type HandledCommands = Extract<RunTimeCommand, {
|
|
8
|
+
commandType: keyof typeof KEYS_BY_COMMAND_TYPE;
|
|
9
|
+
}>;
|
|
10
|
+
type GetFlexStackerCommandText = HandlesCommands<HandledCommands>;
|
|
11
|
+
export declare const getFlexStackerCommandText: ({ command, allRunDefs, commandTextData, t, robotType, }: GetFlexStackerCommandText) => string;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { HeaterShakerSetAndWaitForShakeSpeedRunTimeCommand } from '@opentrons/shared-data/command';
|
|
2
|
+
import type { HandlesCommands } from '../types';
|
|
3
|
+
export declare function getHSShakeSpeedCommandText({ command, t, }: HandlesCommands<HeaterShakerSetAndWaitForShakeSpeedRunTimeCommand>): string;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { LiquidProbeRunTimeCommand, TryLiquidProbeRunTimeCommand } from '@opentrons/shared-data';
|
|
2
|
+
import type { HandlesCommands } from '../types';
|
|
3
|
+
type LiquidProbeRunTimeCommands = LiquidProbeRunTimeCommand | TryLiquidProbeRunTimeCommand;
|
|
4
|
+
export declare function getLiquidProbeCommandText({ command, allRunDefs, commandTextData, t, robotType, }: HandlesCommands<LiquidProbeRunTimeCommands>): string;
|
|
5
|
+
export {};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { MoveLabwareRunTimeCommand } from '@opentrons/shared-data';
|
|
2
|
+
import type { HandlesCommands } from '../types';
|
|
3
|
+
export declare function getMoveLabwareCommandText({ command, allRunDefs, t, commandTextData, robotType, }: HandlesCommands<MoveLabwareRunTimeCommand>): string;
|