@opentrons/components 0.1.6-alpha.6 → 0.1.6-alpha.8

package/lib/instrument/InstrumentDiagram.d.ts

@@ -0,0 +1,11 @@
+import type { FlattenSimpleInterpolation } from 'styled-components';
+import type { PipetteV2Specs } from '@opentrons/shared-data';
+import type { Mount } from '../robot-types';
+import type { StyleProps } from '..';
+export interface InstrumentDiagramProps extends StyleProps {
+    mount: Mount;
+    pipetteSpecs?: Pick<PipetteV2Specs, 'displayCategory' | 'channels'> | null;
+    className?: string;
+    imageStyle?: FlattenSimpleInterpolation;
+}
+export declare function InstrumentDiagram(props: InstrumentDiagramProps): JSX.Element;

package/lib/instrument/InstrumentGroup.d.ts

@@ -0,0 +1,11 @@
+import type { InstrumentInfoProps } from './InstrumentInfo';
+export interface InstrumentGroupProps {
+    showMountLabel?: boolean | null | undefined;
+    left?: InstrumentInfoProps | null | undefined;
+    right?: InstrumentInfoProps | null | undefined;
+}
+/**
+ * Renders a left and right pipette diagram & info.
+ * Takes child `InstrumentInfo` props in `right` and `left` props.
+ */
+export declare function InstrumentGroup(props: InstrumentGroupProps): JSX.Element;

package/lib/instrument/InstrumentInfo.d.ts

@@ -0,0 +1,18 @@
+import type * as React from 'react';
+import type { Mount } from '../robot-types';
+import type { InstrumentDiagramProps } from './InstrumentDiagram';
+export interface InstrumentInfoProps {
+    /** 'left' or 'right' */
+    mount: Mount;
+    /** human-readable description, eg 'p300 Single-channel' */
+    description: string;
+    /** specs of mounted pipette */
+    pipetteSpecs?: InstrumentDiagramProps['pipetteSpecs'] | null;
+    /** paired tiprack models */
+    tiprackModels?: string[];
+    /** children to display under the info */
+    children?: React.ReactNode;
+    /** if true, show labels 'LEFT PIPETTE' / 'RIGHT PIPETTE' */
+    showMountLabel?: boolean | null;
+}
+export declare function InstrumentInfo(props: InstrumentInfoProps): JSX.Element;

package/lib/instrument/PipetteSelect.d.ts

@@ -0,0 +1,20 @@
+import type { ActionMeta } from 'react-select';
+import type { SelectOption } from '../forms';
+export interface PipetteSelectProps {
+    /** currently selected value, optional in case selecting triggers immediate action */
+    pipetteName?: string | null;
+    /** react-select change handler */
+    onPipetteChange: (pipetteName: string | null, e: ActionMeta<SelectOption>) => void;
+    /** list of pipette names to omit */
+    nameBlocklist?: string[];
+    /** whether or not "None" shows up as the default option */
+    enableNoneOption?: boolean;
+    /** input tabIndex */
+    tabIndex?: string | number;
+    /** classes to apply to the top-level component */
+    className?: string;
+    /** custom id to be applied. likely to be used as a data test id for e2e testing */
+    id?: string;
+    disabled?: boolean;
+}
+export declare const PipetteSelect: (props: PipetteSelectProps) => JSX.Element;

package/lib/instrument/__tests__/InstrumentInfo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/instrument/__tests__/PipetteSelect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/instrument/index.d.ts

@@ -0,0 +1,4 @@
+export * from './InstrumentDiagram';
+export * from './InstrumentGroup';
+export * from './InstrumentInfo';
+export * from './PipetteSelect';

package/lib/interaction-enhancers/ClickOutside.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+interface ClickOutsideChildParams {
+    ref: React.RefCallback<Element>;
+}
+export interface ClickOutsideProps {
+    onClickOutside: ((e: MouseEvent) => void) | undefined | null;
+    children: (params: ClickOutsideChildParams) => JSX.Element;
+}
+export declare class ClickOutside extends React.Component<ClickOutsideProps> {
+    wrapperRef: Element | null;
+    constructor(props: ClickOutsideProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    setWrapperRef: (el: Element | null) => void;
+    handleClickOutside: (event: MouseEvent) => void;
+    render(): JSX.Element;
+}
+export {};

package/lib/interaction-enhancers/HandleKeypress.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export interface KeypressHandler {
+    key: string;
+    shiftKey?: boolean | null | undefined;
+    onPress: () => unknown;
+}
+export interface HandleKeypressProps {
+    /** array of keypress handlers to attach to the window */
+    handlers: KeypressHandler[];
+    /** optionally call event.preventDefault if keypress is handled */
+    preventDefault?: boolean | null | undefined;
+    /** wrapped children */
+    children?: React.ReactNode;
+}
+/**
+ * Keypress handler wrapper component. Takes an array of keypress handlers
+ * to call when a given key is pressed on the keyboard. Handler is called on
+ * `keyup` event. `event.preventDefault` will be called if a key is handled
+ * and `props.preventDefault` is true.
+ */
+export declare class HandleKeypress extends React.Component<HandleKeypressProps> {
+    handlePressIfKey: (event: KeyboardEvent) => void;
+    preventDefaultIfKey: (event: KeyboardEvent) => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}

package/lib/interaction-enhancers/__tests__/useHover.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/interaction-enhancers/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ClickOutside';
+export * from './HandleKeypress';
+export * from './useOnClickOutside';
+export * from './useHover';

package/lib/interaction-enhancers/useHover.d.ts

@@ -0,0 +1,33 @@
+export interface UseHoverOptions {
+    enterDelay?: number;
+    leaveDelay?: number;
+}
+export interface HoverHandlers {
+    onPointerEnter: () => unknown;
+    onPointerLeave: () => unknown;
+}
+export type UseHoverResult = [boolean, HoverHandlers];
+/**
+ * Hook to track hover state of an element
+ *
+ * @param {UseHoverOptions} [options={}] (add an `enterDelay` or `leaveDelay` to the hover state change)
+ * @returns {UseHoverResult}
+ * @example
+ * ```js
+ * import { useHover } from '@opentrons/components'
+ *
+ * export function HoverComponent() {
+ *   const [hovered, hoverHandlers] = useHover({
+ *     enterDelay: 300,
+ *     leaveDelay: 100
+ *   })
+ *
+ *   return (
+ *     <span {...hoverHandlers}>
+ *       {hovered ? 'Hovered!' : 'Not hovered!'}
+ *     </span>
+ *   )
+ * }
+ * ```
+ */
+export declare function useHover(options?: UseHoverOptions): UseHoverResult;

package/lib/interaction-enhancers/useOnClickOutside.d.ts

@@ -0,0 +1,5 @@
+import type { RefObject } from 'react';
+export interface UseOnClickOutsideOptions {
+    onClickOutside?: (e: MouseEvent) => unknown;
+}
+export declare const useOnClickOutside: <E extends Element>(options: UseOnClickOutsideOptions) => RefObject<E>;

package/lib/legacy-hardware-sim/LabwareNameOverlay.d.ts

@@ -0,0 +1,7 @@
+export interface LabwareNameOverlayProps {
+    title: string;
+    subtitle?: string | null | undefined;
+    className?: string;
+}
+/** @deprecated use LabwareDisplayName or custom RobotCoordsForeignDiv */
+export declare function LabwareNameOverlay(props: LabwareNameOverlayProps): JSX.Element;

package/lib/legacy-hardware-sim/ModuleItem.d.ts

@@ -0,0 +1,17 @@
+import type { ModuleModel, DeckSlot } from '@opentrons/shared-data';
+export interface ModuleProps {
+    /** module model */
+    model: ModuleModel;
+    /** display mode: 'default', 'present', 'missing', or 'info' */
+    mode: 'default' | 'present' | 'missing' | 'info';
+    /** slot details of the location of this module */
+    slot: DeckSlot;
+    /** USB port detail of the connected module */
+    usbInfoString?: string;
+}
+/**
+ * Legacy App-specific Module Rendering. Removable after Protocol Upload Revamp release
+ *
+ * @deprecated Use {@link Module}
+ */
+export declare function ModuleItem(props: ModuleProps): JSX.Element;

package/lib/legacy-hardware-sim/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LabwareNameOverlay';
+export * from './ModuleItem';

package/lib/lists/SidePanelGroup.d.ts

@@ -0,0 +1,18 @@
+import type * as React from 'react';
+import type { IconName } from '../icons';
+export interface SidePanelGroupProps {
+    /** text of title */
+    title?: string;
+    /** optional icon left of the title */
+    iconName?: IconName;
+    /** children, most likely one or more TitledList */
+    children?: React.ReactNode;
+    /** additional classnames */
+    className?: string;
+    /** disables the whole SidePanelGroup if true */
+    disabled?: boolean;
+}
+/**
+ * A component for grouping and titling multiple lists
+ */
+export declare function SidePanelGroup(props: SidePanelGroupProps): JSX.Element;

package/lib/lists/TitledList.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import type { IconName, IconProps } from '../icons';
+export interface TitledListProps {
+    /** id attribute */
+    id?: string;
+    /** text of title */
+    title: string;
+    /** optional icon left of the title */
+    iconName?: IconName | null | undefined;
+    /** props passed down to icon (`className` and `name` are ignored) */
+    iconProps?: Omit<IconProps, 'name'>;
+    /** optional data test id for the container */
+    'data-test'?: string;
+    /** children must all be `<li>` */
+    children?: React.ReactNode;
+    /** additional classnames */
+    className?: string;
+    /** component with descriptive text about the list */
+    description?: React.ReactNode;
+    /** optional click action (on title div, not children) */
+    onClick?: (event: React.MouseEvent) => unknown;
+    /** optional right click action (on wrapping div) */
+    onContextMenu?: (event: React.MouseEvent) => unknown;
+    /** optional mouseEnter action */
+    onMouseEnter?: (event: React.MouseEvent) => unknown;
+    /** optional mouseLeave action */
+    onMouseLeave?: (event: React.MouseEvent) => unknown;
+    /** caret click action; if defined, list is expandable and carat is visible */
+    onCollapseToggle?: (event: React.MouseEvent) => unknown;
+    /** collapse the list if true (false by default) */
+    collapsed?: boolean;
+    /** set to true when TitledList is selected (eg, user clicked it) */
+    selected?: boolean;
+    /** set to true when TitledList is hovered (but not when its contents are hovered) */
+    hovered?: boolean;
+    /** disables the whole TitledList if true */
+    disabled?: boolean;
+    /** appear disabled, but preserve collapsibility */
+    inert?: boolean;
+}
+/**
+ * An ordered list with optional title, icon, and description.
+ */
+export declare function TitledList(props: TitledListProps): JSX.Element;

package/lib/lists/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SidePanelGroup';
+export * from './TitledList';

package/lib/modals/AlertModal.d.ts

@@ -0,0 +1,28 @@
+import type * as React from 'react';
+import type { ButtonProps } from '../buttons';
+import type { IconName } from '../icons';
+export interface AlertModalProps {
+    /** optional handler for overlay click */
+    onCloseClick?: () => unknown;
+    /** optional modal heading */
+    heading?: React.ReactNode;
+    /** optional array of `ButtonProps` for `OutlineButton`s at bottom of modal */
+    buttons?: Array<ButtonProps | null | undefined>;
+    /** modal contents */
+    children: React.ReactNode;
+    /** optional classes to apply */
+    className?: string;
+    /** optional classes to apply */
+    contentsClassName?: string;
+    /** lightens overlay (alert modal over existing modal) */
+    alertOverlay?: boolean;
+    /** override default alert icon */
+    iconName?: IconName | null | undefined;
+    /** restricts scroll outside of Modal when open, true by default */
+    restrictOuterScroll?: boolean;
+}
+/**
+ * @deprecated use Modal instead
+ * Generic alert modal with a heading and a set of buttons at the bottom
+ */
+export declare function AlertModal(props: AlertModalProps): JSX.Element;

package/lib/modals/ContinueModal.d.ts

@@ -0,0 +1,10 @@
+import type { AlertModalProps } from './AlertModal';
+export interface ContinueModalProps extends Omit<AlertModalProps, 'buttons'> {
+    onCancelClick: () => unknown;
+    onContinueClick: () => unknown;
+}
+/**
+ * * @deprecated use Modal instead
+ * AlertModal variant to prompt user to "Cancel" or "Continue" a given action
+ */
+export declare function ContinueModal(props: ContinueModalProps): JSX.Element;

package/lib/modals/LegacyModal.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export interface LegacyModalProps {
+    /** handler to close the modal (attached to `Overlay` onClick) */
+    onCloseClick?: React.MouseEventHandler;
+    /** Optional styled heading **/
+    heading?: string;
+    /** modal contents */
+    children: React.ReactNode;
+    /** classes to apply */
+    className?: string;
+    /** classes to apply to the contents box */
+    contentsClassName?: string;
+    /** lightens overlay (alert modal over existing modal) */
+    alertOverlay?: boolean;
+    /** restricts scroll outside of Modal when open, true by default */
+    restrictOuterScroll?: boolean;
+    innerRef?: React.Ref<HTMLDivElement>;
+}
+/**
+ * @deprecated use Modal instead
+ * Base modal component that fills its nearest `display:relative` ancestor
+ * with a dark overlay and displays `children` as its contents in a white box
+ */
+export declare function LegacyModal(props: LegacyModalProps): JSX.Element;

package/lib/modals/Modal.d.ts

@@ -0,0 +1,24 @@
+import type * as React from 'react';
+import type { StyleProps } from '../primitives';
+import type { Position } from './ModalShell';
+type ModalType = 'info' | 'warning' | 'error';
+export interface ModalProps extends StyleProps {
+    type?: ModalType;
+    onClose?: React.MouseEventHandler;
+    closeOnOutsideClick?: boolean;
+    title?: React.ReactNode;
+    titleElement1?: JSX.Element;
+    titleElement2?: JSX.Element;
+    fullPage?: boolean;
+    childrenPadding?: string | number;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+    zIndexOverlay?: number;
+    showOverlay?: boolean;
+    position?: Position;
+}
+/**
+ * For Desktop app and Helix (which includes Protocol Designer) use only.
+ */
+export declare const Modal: (props: ModalProps) => JSX.Element;
+export {};

package/lib/modals/ModalHeader.d.ts

@@ -0,0 +1,13 @@
+import type * as React from 'react';
+import type { IconProps } from '../icons';
+export interface ModalHeaderProps {
+    title: React.ReactNode;
+    onClose?: React.MouseEventHandler;
+    titleElement1?: JSX.Element;
+    titleElement2?: JSX.Element;
+    backgroundColor?: string;
+    color?: string;
+    icon?: IconProps;
+    closeButton?: React.ReactNode;
+}
+export declare const ModalHeader: (props: ModalHeaderProps) => JSX.Element;

package/lib/modals/ModalShell.d.ts

@@ -0,0 +1,34 @@
+import type * as React from 'react';
+import type { StyleProps } from '../primitives';
+export type Position = 'center' | 'bottomRight';
+export interface ModalShellProps extends StyleProps {
+    /** Modal content */
+    children: React.ReactNode;
+    /** Optional close on outside click **/
+    onOutsideClick?: React.MouseEventHandler;
+    /** Optional sticky header */
+    header?: React.ReactNode;
+    /** Optional sticky footer */
+    footer?: React.ReactNode;
+    /** Optional full page takeover */
+    fullPage?: boolean;
+    /** Optional zIndex for the overlay */
+    zIndexOverlay?: number;
+    /** Optional position to make the modal appear at the center or bottom right */
+    position?: Position;
+    /** Optional visible overlay */
+    showOverlay?: boolean;
+    /** Optional remove padding */
+    noPadding?: boolean;
+}
+/**
+ * A ModalShell is a layout component for building more specific modals.
+ *
+ * It includes:
+ * - An overlay
+ * - A content area, with `overflow-y: auto` and customizable with style props
+ * - An optional sticky header
+ * - An optional sticky footer
+ * - An optional onOutsideClick function
+ */
+export declare function ModalShell(props: ModalShellProps): JSX.Element;

package/lib/modals/Overlay.d.ts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+import { Flex } from '..';
+export interface OverlayProps extends React.ComponentProps<typeof Flex> {
+    /** optional onClick handler */
+    onClick?: React.MouseEventHandler;
+    alertOverlay?: boolean | null;
+    backgroundColor?: string;
+}
+export declare function Overlay(props: OverlayProps): JSX.Element;

package/lib/modals/SpinnerModal.d.ts

@@ -0,0 +1,13 @@
+export interface SpinnerModalProps {
+    /** Additional/Override style */
+    contentsClassName?: string;
+    /** Optional message to display as italic text below spinner */
+    message?: string;
+    /** lightens overlay (alert modal over existing modal) */
+    alertOverlay?: boolean;
+}
+/**
+ * @deprecated use Modal instead
+ * Spinner Modal with no background and optional message
+ */
+export declare function SpinnerModal(props: SpinnerModalProps): JSX.Element;

package/lib/modals/SpinnerModalPage.d.ts

@@ -0,0 +1,12 @@
+import type * as React from 'react';
+import { SpinnerModal } from './SpinnerModal';
+import type { TitleBarProps } from '../structure';
+export interface SpinnerModalPageProps extends React.ComponentProps<typeof SpinnerModal> {
+    /** Props for title bar at top of modal page */
+    titleBar: TitleBarProps;
+}
+/**
+ * @deprecated use Modal instead
+ * Spinner Modal variant with TitleBar
+ */
+export declare function SpinnerModalPage(props: SpinnerModalPageProps): JSX.Element;

package/lib/modals/__tests__/Modal.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/lib/modals/__tests__/ModalHeader.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/lib/modals/__tests__/ModalShell.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest';

package/lib/modals/index.d.ts

@@ -0,0 +1,9 @@
+export * from './AlertModal';
+export * from './ContinueModal';
+export * from './LegacyModal';
+export * from './Modal';
+export * from './ModalHeader';
+export * from './ModalShell';
+export * from './Overlay';
+export * from './SpinnerModal';
+export * from './SpinnerModalPage';

package/lib/molecules/Banner/__tests__/Banner.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/molecules/Banner/index.d.ts

@@ -0,0 +1,23 @@
+import type * as React from 'react';
+import type { StyleProps } from '../../primitives';
+import type { IconProps } from '../../icons';
+export type BannerType = 'success' | 'warning' | 'error' | 'updating' | 'informing';
+export interface BannerProps extends StyleProps {
+    /** name constant of the icon to display */
+    type: BannerType;
+    /** Banner contents */
+    children?: React.ReactNode;
+    /** optional handler to show close button/clear alert  */
+    onCloseClick?: (() => void) | React.MouseEventHandler<HTMLButtonElement>;
+    /** Override the default Alert Icon */
+    icon?: IconProps;
+    /** some banner onCloseClicks fire events, this allows a spinner after click but before event finishes */
+    isCloseActionLoading?: boolean;
+    /** Override the Exit icon */
+    closeButton?: React.ReactNode;
+    /** Icon margin right for large banners */
+    iconMarginRight?: string;
+    /** Icon margin left for large banners */
+    iconMarginLeft?: string;
+}
+export declare function Banner(props: BannerProps): JSX.Element;

package/lib/molecules/DeckInfoLabel/__tests__/DeckInfoLabel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/molecules/DeckInfoLabel/index.d.ts

@@ -0,0 +1,19 @@
+import type { ModuleIconName } from '../../icons';
+import type { StyleProps } from '../../primitives';
+interface DeckLabelProps extends StyleProps {
+    /** deck label to display */
+    deckLabel: string;
+    iconName?: undefined;
+}
+interface HardwareIconProps extends StyleProps {
+    /** hardware icon name */
+    iconName: ModuleIconName | 'stacked';
+    deckLabel?: undefined;
+}
+export type DeckInfoLabelProps = (DeckLabelProps | HardwareIconProps) & {
+    highlight?: boolean;
+    svgSize?: string | number;
+};
+export declare const DeckInfoLabel: import("styled-components").StyledComponent<typeof DeckInfoLabelComponent, any, {}, never>;
+declare function DeckInfoLabelComponent({ deckLabel, iconName, highlight, ...styleProps }: DeckInfoLabelProps): JSX.Element;
+export {};

package/lib/molecules/DeckLabel/__tests__/DeckLabel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/molecules/DeckLabel/index.d.ts

@@ -0,0 +1,10 @@
+import type { ModuleModel } from '@opentrons/shared-data';
+export interface DeckLabelProps {
+    text: string;
+    isSelected: boolean;
+    moduleModel?: ModuleModel;
+    maxWidth?: string;
+    labelBorderRadius?: string;
+    isLast?: boolean;
+}
+export declare function DeckLabel({ text, isSelected, labelBorderRadius, moduleModel, maxWidth, isLast, }: DeckLabelProps): JSX.Element;

package/lib/molecules/DropdownMenu/__tests__/DropdownMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/molecules/DropdownMenu/index.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+export interface DropdownOption {
+    name: string;
+    value: string;
+    /** optional dropdown option for adding the liquid color icon */
+    liquidColor?: string;
+    disabled?: boolean;
+    tooltipText?: string;
+}
+export type DropdownBorder = 'rounded' | 'neutral';
+export interface DropdownMenuProps {
+    /** dropdown options */
+    filterOptions: DropdownOption[];
+    /** click handler */
+    onClick: (value: string) => void;
+    /** current selected option */
+    currentOption: DropdownOption;
+    /** dropdown */
+    width?: string;
+    /** dropdown style type  */
+    dropdownType?: DropdownBorder;
+    /** dropdown title */
+    title?: string;
+    /** dropdown item caption */
+    caption?: string | null;
+    /** text for tooltip */
+    tooltipText?: string | null;
+    /** html tabindex property */
+    tabIndex?: number;
+    /** optional error */
+    error?: string | null;
+    /** focus handler */
+    onFocus?: React.FocusEventHandler<HTMLButtonElement>;
+    /** blur handler */
+    onBlur?: React.FocusEventHandler<HTMLButtonElement>;
+    /** optional disabled */
+    disabled?: boolean;
+    /** force direction for pd after release this will be fixed and remove */
+    forceDirection?: boolean;
+}
+export declare function DropdownMenu(props: DropdownMenuProps): JSX.Element;

package/lib/molecules/InfoScreen/__tests__/InfoScreen.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/molecules/InfoScreen/index.d.ts

@@ -0,0 +1,6 @@
+interface InfoScreenProps {
+    content: string;
+    backgroundColor?: string;
+}
+export declare function InfoScreen({ content, backgroundColor, }: InfoScreenProps): JSX.Element;
+export {};

package/lib/molecules/LiquidIcon/__tests__/LiquidIcon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/molecules/LiquidIcon/index.d.ts

@@ -0,0 +1,9 @@
+type LiquidIconSize = 'small' | 'medium';
+interface LiquidIconProps {
+    color: string;
+    size?: LiquidIconSize;
+    onClick?: () => void;
+    hasError?: boolean;
+}
+export declare function LiquidIcon(props: LiquidIconProps): JSX.Element;
+export {};

package/lib/molecules/ParametersTable/__tests__/ParametersTable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/molecules/ParametersTable/index.d.ts

@@ -0,0 +1,10 @@
+import type { RunTimeParameter } from '@opentrons/shared-data';
+interface ProtocolParameterItemsProps {
+    runTimeParameters: RunTimeParameter[];
+    t?: any;
+}
+/** used in both the desktop app and Protocol Library
+ * to display the run time parameters table
+ */
+export declare function ParametersTable({ runTimeParameters, t, }: ProtocolParameterItemsProps): JSX.Element;
+export {};

package/lib/molecules/Tabs/__tests__/Tabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/molecules/Tabs/index.d.ts

@@ -0,0 +1,10 @@
+export interface TabProps {
+    text: string;
+    onClick: () => void;
+    isActive?: boolean;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    tabs: TabProps[];
+}
+export declare function Tabs(props: TabsProps): JSX.Element;