@opentrons/components 0.1.6-alpha.18 → 0.1.6-alpha.19

package/lib/helix-design-system/index.d.ts

@@ -1,4 +0,0 @@
-export * as COLORS from './colors';
-export * as BORDERS from './borders';
-export * as PRODUCT from './product';
-export * as STYLE from './style';

package/lib/helix-design-system/product/index.d.ts

@@ -1 +0,0 @@
-export * as TYPOGRAPHY from './typography';

package/lib/helix-design-system/product/typography.d.ts

@@ -1,79 +0,0 @@
-/**
- * Note: these values are only currently correct for desktop and should not be used on ODD.
- */
-export declare const fontFamily = "Public Sans";
-export declare const fontWeightRegular = "400";
-export declare const fontWeightSemiBold = "600";
-export declare const fontWeightBold = "700";
-export declare const fontSizeDisplayBold = "2.4375rem";
-export declare const lineHeightDisplayBold = "3rem";
-export declare const fontFamilyDisplayBold = "Public Sans";
-export declare const fontWeightDisplayBold = "700";
-export declare const fontStyleDisplayBold = "700 2.4375rem/3rem Public Sans";
-export declare const fontFamilyHeadingLargeRegular = "Public Sans";
-export declare const fontSizeHeadingLargeRegular = "1.625rem";
-export declare const lineHeightHeadingLargeRegular = "2rem";
-export declare const fontWeightHeadingLargeRegular = "400";
-export declare const fontStyleHeadingLargeRegular = "400 1.625rem/2rem Public Sans";
-export declare const fontFamilyHeadingLargeBold = "Public Sans";
-export declare const fontSizeHeadingLargeBold = "1.625rem";
-export declare const lineHeightHeadingLargeBold = "2rem";
-export declare const fontWeightHeadingLargeBold = "700";
-export declare const fontStyleHeadingLargeBold = "700 1.625rem/2rem Public Sans";
-export declare const fontSizeHeadingMediumSemiBold = "1.4375rem";
-export declare const lineHeightHeadingMediumSemiBold = "1.75rem";
-export declare const fontFamilyHeadingMediumSemiBold = "Public Sans";
-export declare const fontWeightHeadingMediumSemiBold = "600";
-export declare const fontStyleHeadingMediumSemiBold = "600 1.4375rem/1.75rem Public Sans";
-export declare const fontStyleHeadingMediumBold = "700 1.4375rem/1.75rem Public Sans";
-export declare const fontSizeHeadingSmallRegular = "1.125rem";
-export declare const lineHeightHeadingSmallRegular = "1.5rem";
-export declare const fontFamilyHeadingSmallRegular = "Public Sans";
-export declare const fontWeightHeadingSmallRegular = "400";
-export declare const fontStyleHeadingSmallRegular = "400 1.125rem/1.5rem Public Sans";
-export declare const fontSizeHeadingSmallBold = "1.125rem";
-export declare const lineHeightHeadingSmallBold = "1.5rem";
-export declare const fontFamilyHeadingSmallBold = "Public Sans";
-export declare const fontWeightHeadingSmallBold = "700";
-export declare const fontStyleHeadingSmallBold = "700 1.125rem/1.5rem Public Sans";
-export declare const fontStyleHeadingSmallSemiBold = "600 1.125rem/1.5rem Public Sans";
-export declare const fontSizeBodyLargeSemiBold = "1rem";
-export declare const lineHeightBodyLargeSemiBold = "1.5rem";
-export declare const fontFamilyBodyLargeSemiBold = "Public Sans";
-export declare const fontWeightBodyLargeSemiBold = "600";
-export declare const fontStyleBodyLargeSemiBold = "600 1rem/1.5rem Public Sans";
-export declare const fontSizeBodyLargeRegular = "1rem";
-export declare const lineHeightBodyLargeRegular = "1.5rem";
-export declare const fontFamilyBodyLargeRegular = "Public Sans";
-export declare const fontWeightBodyLargeRegular = "400";
-export declare const fontStyleBodyLargeRegular = "400 1rem/1.5rem Public Sans";
-export declare const fontSizeBodyDefaultSemiBold = "0.875rem";
-export declare const lineHeightBodyDefaultSemiBold = "1.25rem";
-export declare const fontFamilyBodyDefaultSemiBold = "Public Sans";
-export declare const fontWeightBodyDefaultSemiBold = "600";
-export declare const fontStyleBodyDefaultSemiBold = "600 0.875rem/1.25rem Public Sans";
-export declare const fontSizeBodyDefaultRegular = "0.875rem";
-export declare const lineHeightBodyDefaultRegular = "1.25rem";
-export declare const fontFamilyBodyDefaultRegular = "Public Sans";
-export declare const fontWeightBodyDefaultRegular = "400";
-export declare const fontStyleBodyDefaultRegular = "400 0.875rem/1.25rem Public Sans";
-export declare const fontSizeCaptionBold = "0.8125rem";
-export declare const lineHeightCaptionBold = "1rem";
-export declare const fontFamilyCaptionBold = "Public Sans";
-export declare const fontWeightCaptionBold = "700";
-export declare const fontStyleCaptionBold = "700 0.8125rem/1rem Public Sans";
-export declare const fontSizeCaptionSemiBold = "0.8125rem";
-export declare const lineHeightCaptionSemiBold = "1rem";
-export declare const fontFamilyCaptionSemiBold = "Public Sans";
-export declare const fontWeightCaptionSemiBold = "600";
-export declare const fontStyleCaptionSemiBold = "600 0.8125rem/1rem Public Sans";
-export declare const fontSizeCaptionRegular = "0.8125rem";
-export declare const lineHeightCaptionRegular = "1rem";
-export declare const fontFamilyCaptionRegular = "Public Sans";
-export declare const fontWeightCaptionRegular = "400";
-export declare const fontStyleCaptionRegular = "400 0.8125rem/1rem Public Sans";
-export declare const fontSizeCodeRegular = "0.8125rem";
-export declare const lineHeightCodeRegular = "1.25rem";
-export declare const fontFamilyCodeRegular = "Reddit Mono";
-export declare const fontWeightCodeRegular = "400";
-export declare const fontStyleCodeRegular = "400 0.8125rem/1.25rem Reddit Mono";

package/lib/helix-design-system/style.d.ts

@@ -1 +0,0 @@
-export declare const floatDropShadow = "box-shadow: 0px 0px 6px 6px rgba(22, 33, 45, 0.25);";

package/lib/hooks/__tests__/useConditionalConfirm.test.d.ts

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

package/lib/hooks/__tests__/useDrag.test.d.ts

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

package/lib/hooks/__tests__/useIdle.test.d.ts

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

package/lib/hooks/__tests__/useInterval.test.d.ts

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

package/lib/hooks/__tests__/useLongPress.test.d.ts

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

package/lib/hooks/__tests__/useMountEffect.test.d.ts

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

package/lib/hooks/__tests__/usePrevious.test.d.ts

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

package/lib/hooks/__tests__/useScrolling.test.d.ts

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

package/lib/hooks/__tests__/useSwipe.test.d.ts

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

package/lib/hooks/__tests__/useTimeout.test.d.ts

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

package/lib/hooks/__tests__/useToggle.test.d.ts

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

package/lib/hooks/index.d.ts

@@ -1,13 +0,0 @@
-export * from './useConditionalConfirm';
-export * from './useDrag';
-export * from './useIdle';
-export * from './useInterval';
-export * from './useLongPress';
-export * from './useMountEffect';
-export * from './usePrevious';
-export * from './useScrolling';
-export * from './useSelectDeckLocation';
-export * from './useSwipe';
-export * from './useTimeout';
-export * from './useToggle';
-export * from './useMenuHandleClickOutside';

package/lib/hooks/useConditionalConfirm.d.ts

@@ -1,41 +0,0 @@
-/**
- * useConditionalConfirm is intended for cases where we want to block and defer
- * a particular user action until the user clicks "ok" in any kind of "are you sure?"
- * confirmation UI. The arguments passed to the confirm function will be preserved and
- * used to call handleContinue. Ex. a click event is being deferred by a modal. When the
- * user confirms, the initial click event passed as an argument will be used as the argument in
- * the callback.
- * @param {() => unknown)} handleContinue (the action we may want to require confirmation for)
- * @param {boolean} shouldBlock (if no confirmation is needed, we will avoid the modal and immediately call handleContinue)
- * @example
- * ```js
- * import { useConditionalConfirm } from '@opentrons/components'
- *
- * const ExampleDangerForm = props => {
- * const {
- *   confirm,
- *   showConfirmation,
- *   cancel,
- *  } = useConditionalConfirm(props.goAhead, props.dangerIsPresent)
- *
- *  return (
- *   <>
- *     {showConfirmation && (
- *       <AreYouSureModal
- *         handleCancel={cancel}
- *         handleContinue={confirm}
- *       />
- *     )}
- *     <DangerFormFields />
- *     <DangerousSubmit onClick={confirm} />
- *   </>
- *  )
- * }
- * ```
- */
-export interface UseConditionalConfirmResult<T extends any[]> {
-    confirm: (...args: T) => void;
-    showConfirmation: boolean;
-    cancel: () => unknown;
-}
-export declare const useConditionalConfirm: <T extends any[]>(handleContinue: (...args: T) => any, shouldBlock: boolean) => UseConditionalConfirmResult<T>;

package/lib/hooks/useDrag.d.ts

@@ -1,22 +0,0 @@
-import type { CSSProperties, MutableRefObject } from 'react';
-export interface ElementPosition {
-    width: number;
-    height: number;
-    x: number;
-    y: number;
-}
-export interface UseDragResult {
-    ref: MutableRefObject<null>;
-    style: CSSProperties;
-    position: ElementPosition;
-    isEnabled: boolean;
-    enable: () => void;
-    disable: () => void;
-}
-/**
- * useDrag makes HTMLElement draggable for on-device app
- * This hook should be used when isOnDevice is true
- * @param {ElementPosition} (width, height, x, and y, they are HTMLElement's size and the initial position)
- * @returns {UseDragResult}
- */
-export declare const useDrag: (position: ElementPosition) => UseDragResult;

package/lib/hooks/useIdle.d.ts

@@ -1,11 +0,0 @@
-/**
- * React hook to check user events
- *
- * @param {number} idleTime (idle time)
- * @param {object} options (events that the app need to check, initialState: initial state true => idle)
- * @returns {boolean}
- */
-export declare function useIdle(idleTime: number, options?: Partial<{
-    events: Array<keyof DocumentEventMap>;
-    initialState: boolean;
-}>): boolean;

package/lib/hooks/useInterval.d.ts

@@ -1,11 +0,0 @@
-/**
- * React hook to call a function on an interval; copied from:
- * https://overreacted.io/making-setinterval-declarative-with-react-hooks/
- *
- * @template T (type of the input value)
- * @param {() => unknown} callback (function to call on an interval)
- * @param {number | null} delay (interval delay, or null to stop interval)
- * @param {boolean} [immediate=false] (trigger the callback immediately before starting the interval)
- * @returns {void}
- */
-export declare function useInterval(callback: () => unknown, delay: number | null, immediate?: boolean): void;

package/lib/hooks/useLongPress.d.ts

@@ -1,19 +0,0 @@
-import type { CSSProperties, MutableRefObject } from 'react';
-export interface UseLongPressResult {
-    ref: MutableRefObject<null>;
-    style: CSSProperties;
-    isEnabled: boolean;
-    isLongPressed: boolean;
-    isTapped: boolean;
-    setIsLongPressed: (value: boolean) => void;
-    setIsTapped: (value: boolean) => void;
-    enable: () => void;
-    disable: () => void;
-}
-/**
- * useLongPress provide two actions (tap and long press)
- * useLongPress recognize 1 sec hold as long press: hold Duration
- * interactjs recognize "hold" when an element is held down around 600ms(default)
- * @returns {UseLongPressResult}
- */
-export declare const useLongPress: () => UseLongPressResult;

package/lib/hooks/useMenuHandleClickOutside.d.ts

@@ -1,9 +0,0 @@
-import type { Dispatch, MouseEventHandler, SetStateAction } from 'react';
-interface MenuHandleClickOutside {
-    menuOverlay: JSX.Element;
-    handleOverflowClick: MouseEventHandler<HTMLButtonElement>;
-    showOverflowMenu: boolean;
-    setShowOverflowMenu: Dispatch<SetStateAction<boolean>>;
-}
-export declare function useMenuHandleClickOutside(): MenuHandleClickOutside;
-export {};

package/lib/hooks/useMountEffect.d.ts

@@ -1,8 +0,0 @@
-import type { EffectCallback } from 'react';
-/**
- * React hook to call a function on component mount and unmount
- *
- * @param {EffectCallback} callback (function to call on mount that optionally returns a cleanup function to call on unmount)
- * @returns {void}
- */
-export declare function useMountEffect(callback: EffectCallback): void;

package/lib/hooks/usePrevious.d.ts

@@ -1,9 +0,0 @@
-/**
- * React hook to keep track of the previous value of a parameter
- * https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
- *
- * @template T (type of the input value)
- * @param {T} value (value to keep track of)
- * @returns {(T | void)} (previous value or undefined if first render)
- */
-export declare function usePrevious<T>(value: T): T | undefined;

package/lib/hooks/useScrolling.d.ts

@@ -1 +0,0 @@
-export declare const useScrolling: (node: HTMLElement | null) => boolean;

package/lib/hooks/useSelectDeckLocation/index.d.ts

@@ -1,18 +0,0 @@
-import type { CutoutConfig, DeckDefinition, ModuleLocation, RobotType } from '@opentrons/shared-data';
-export type DeckLocationSelectThemes = 'default' | 'grey';
-export declare function useDeckLocationSelect(robotType: RobotType, theme?: DeckLocationSelectThemes): {
-    DeckLocationSelect: JSX.Element;
-    selectedLocation: ModuleLocation;
-};
-interface DeckLocationSelectProps {
-    deckDef: DeckDefinition;
-    selectedLocation: ModuleLocation;
-    theme?: DeckLocationSelectThemes;
-    setSelectedLocation?: (loc: ModuleLocation) => void;
-    availableSlotNames?: string[];
-    occupiedCutouts?: CutoutConfig[];
-    isThermocycler?: boolean;
-    showTooltipOnDisabled?: boolean;
-}
-export declare function DeckLocationSelect({ deckDef, selectedLocation, setSelectedLocation, availableSlotNames, occupiedCutouts, theme, isThermocycler, showTooltipOnDisabled, }: DeckLocationSelectProps): JSX.Element;
-export {};

package/lib/hooks/useSwipe.d.ts

@@ -1,12 +0,0 @@
-import type { MutableRefObject, CSSProperties } from 'react';
-interface UseSwipeResult {
-    ref: MutableRefObject<null>;
-    style: CSSProperties;
-    isEnabled: boolean;
-    setSwipeType: (value: string) => void;
-    swipeType: string;
-    enable: () => void;
-    disable: () => void;
-}
-export declare const useSwipe: () => UseSwipeResult;
-export {};

package/lib/hooks/useTimeout.d.ts

@@ -1,9 +0,0 @@
-/**
- * React hook to call a function after a delay; adapted from: useInterval
- *
- * @template T (type of the input value)
- * @param {() => unknown} callback (function to call after timeout)
- * @param {number | null} delay (timeout delay, or null to disable the timeout)
- * @returns {void}
- */
-export declare function useTimeout(callback: () => unknown, delay: number | null): void;

package/lib/hooks/useToggle.d.ts

@@ -1,22 +0,0 @@
-export type UseToggleResult = [boolean, () => void];
-/**
- * React hook to toggle a boolean value
- *
- * @param {boolean} [intialValue=false] (initial toggle value)
- * @returns {[boolean, () => void]} (value and setValue tuple)
- *
- * @example
- * import * as React from 'react'
- * import { useToggle } from '@opentrons/components'
- *
- * export function ToggleButton() {
- *   const [enabled, toggleEnabled] = useToggle(true)
- *
- *   return (
- *     <button onClick={toggleEnabled}>
- *       Setting is {enabled ? 'enabled' : 'disabled'}
- *     </button>
- *   )
- * }
- */
-export declare function useToggle(initialValue?: boolean): UseToggleResult;

package/lib/icons/Icon.d.ts

@@ -1,34 +0,0 @@
-import type * as React from 'react';
-import { ICON_DATA_BY_NAME } from './icon-data';
-import type { SvgProps } from '../primitives';
-export type IconName = keyof typeof ICON_DATA_BY_NAME;
-export interface IconProps extends SvgProps {
-    /** name constant of the icon to display */
-    name: IconName;
-    /** classes to apply */
-    className?: string;
-    /** spin the icon with a CSS animation */
-    spin?: boolean;
-    /** x attribute as a number or string (for nesting inside another SVG) */
-    x?: number | string;
-    /** y attribute as a number or string (for nesting inside another SVG) */
-    y?: number | string;
-    /** width as a number or string (for nesting inside another SVG) */
-    svgHeight?: number | string;
-    /** height as a number or string (for nesting inside another SVG) */
-    svgWidth?: number | string;
-    /** inline style passed into the icon svg */
-    style?: Record<string, string | number>;
-    /** optional children */
-    children?: React.ReactNode;
-    id?: string;
-}
-/**
- * Inline SVG icon component
- *
- * If you need access to the IconName type, you can:
- * ```js
- * import type { IconName } from '@opentrons/components'
- * ```
- */
-export declare function Icon(props: IconProps): JSX.Element | null;

package/lib/icons/ModuleIcon.d.ts

@@ -1,11 +0,0 @@
-import type { ModuleType } from '@opentrons/shared-data';
-import type { StyleProps } from '../primitives/types';
-export type ModuleIconName = 'ot-magnet-v2' | 'ot-heater-shaker' | 'ot-temperature-v2' | 'ot-magnet-v2' | 'ot-thermocycler' | 'ot-absorbance';
-export declare const MODULE_ICON_NAME_BY_TYPE: {
-    [type in ModuleType]: ModuleIconName;
-};
-interface ModuleIconProps extends StyleProps {
-    moduleType: ModuleType;
-}
-export declare function ModuleIcon(props: ModuleIconProps): JSX.Element;
-export {};

package/lib/icons/NotificationIcon.d.ts

@@ -1,12 +0,0 @@
-import type { IconProps, IconName } from './Icon';
-export interface NotificationIconProps extends IconProps {
-    /** name constant of the optional notifcation icon to display */
-    childName: IconName | null;
-    /** color to apply to notification icon (defaults to COLOR_WARNING) */
-    childColor?: string;
-}
-/**
- * Inline SVG icon component with additional nested notification icon. Takes
- * all the same props as Icon in addition to the ones listed above.
- */
-export declare function NotificationIcon(props: NotificationIconProps): JSX.Element;

package/lib/icons/icon-data.d.ts

@@ -1,4 +0,0 @@
-export declare const ICON_DATA_BY_NAME: Record<string, {
-    path: string;
-    viewBox: string;
-}>;

package/lib/icons/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Icon';
-export * from './NotificationIcon';
-export * from './ModuleIcon';
-export * from './icon-data';

package/lib/images/index.d.ts

@@ -1 +0,0 @@
-export * from './labware';

package/lib/images/labware/index.d.ts

@@ -1 +0,0 @@
-export * from './measurement-guide';

package/lib/images/labware/measurement-guide/index.d.ts

@@ -1,13 +0,0 @@
-export interface DiagramProps {
-    guideType?: string;
-    category?: string;
-    insertCategory?: string;
-    shape?: string;
-    wellBottomShape?: string;
-    guideVisible?: boolean;
-    irregular?: boolean;
-    isMultiRow?: boolean;
-}
-export declare function getFootprintDiagram(props: DiagramProps): string[];
-export declare function getSpacingDiagram(props: DiagramProps): string[];
-export declare function getMeasurementDiagram(props: DiagramProps): string[];

package/lib/index.d.ts

@@ -1,26 +0,0 @@
-export * from './hooks';
-export * from './utils';
-export * from './alerts';
-export * from './buttons';
-export * from './controls';
-export * from './hardware-sim';
-export * from './legacy-hardware-sim';
-export * from './forms';
-export * from './icons';
-export * from './images';
-export * from './instrument';
-export * from './interaction-enhancers';
-export * from './lists';
-export * from './modals';
-export * from './nav';
-export * from './primitives';
-export * from './slotmap';
-export * from './structure';
-export * from './tooltips';
-export * from './organisms';
-export * from './styles';
-export * from './ui-style-constants';
-export * from './helix-design-system';
-export * from './robot-types';
-export * from './molecules';
-export * from './atoms';

package/lib/instrument/InstrumentDiagram.d.ts

@@ -1,11 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

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

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

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

package/lib/instrument/index.d.ts

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

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

@@ -1,18 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

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

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

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