@opentrons/components 0.1.5 → 0.1.6-alpha.10

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

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

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

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

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

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

package/lib/hooks/index.d.ts

@@ -10,3 +10,4 @@ export * from './useSelectDeckLocation';
 export * from './useSwipe';
 export * from './useTimeout';
 export * from './useToggle';
+export * from './useMenuHandleClickOutside';

package/lib/hooks/useConditionalConfirm.d.ts

@@ -33,8 +33,9 @@
  * }
  * ```
  */
-export declare const useConditionalConfirm: <T extends any[]>(handleContinue: (...args: T) => any, shouldBlock: boolean) => {
+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,4 +1,4 @@
-import { CSSProperties, MutableRefObject } from 'react';
+import type { CSSProperties, MutableRefObject } from 'react';
 export interface ElementPosition {
     width: number;
     height: number;

package/lib/hooks/useLongPress.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, MutableRefObject } from 'react';
+import type { CSSProperties, MutableRefObject } from 'react';
 export interface UseLongPressResult {
     ref: MutableRefObject<null>;
     style: CSSProperties;

package/lib/hooks/useMenuHandleClickOutside.d.ts

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

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

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import { CutoutConfig } from '@opentrons/shared-data';
-import type { DeckDefinition, ModuleLocation, RobotType } from '@opentrons/shared-data';
+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;

package/lib/hooks/useSwipe.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject, CSSProperties } from 'react';
+import type { MutableRefObject, CSSProperties } from 'react';
 interface UseSwipeResult {
     ref: MutableRefObject<null>;
     style: CSSProperties;

package/lib/icons/Icon.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+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;

package/lib/icons/ModuleIcon.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { IconName } from './Icon';
 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]: IconName;
+    [type in ModuleType]: ModuleIconName;
 };
 interface ModuleIconProps extends StyleProps {
     moduleType: ModuleType;

package/lib/icons/NotificationIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IconProps, IconName } from './Icon';
 export interface NotificationIconProps extends IconProps {
     /** name constant of the optional notifcation icon to display */

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

@@ -1,582 +1,4 @@
-export declare const ICON_DATA_BY_NAME: {
-    add: {
-        path: string;
-        viewBox: string;
-    };
-    alert: {
-        path: string;
-        viewBox: string;
-    };
-    'alert-circle': {
-        path: string;
-        viewBox: string;
-    };
-    'arrow-down': {
-        path: string;
-        viewBox: string;
-    };
-    'arrow-left': {
-        path: string;
-        viewBox: string;
-    };
-    'arrow-right': {
-        path: string;
-        viewBox: string;
-    };
-    'arrow-up': {
-        path: string;
-        viewBox: string;
-    };
-    back: {
-        path: string;
-        viewBox: string;
-    };
-    'book-open-page-variant': {
-        path: string;
-        viewBox: string;
-    };
-    brightness: {
-        path: string;
-        viewBox: string;
-    };
-    build: {
-        path: string;
-        viewBox: string;
-    };
-    'caret-right': {
-        path: string;
-        viewBox: string;
-    };
-    check: {
-        path: string;
-        viewBox: string;
-    };
-    'check-circle': {
-        path: string;
-        viewBox: string;
-    };
-    'check-decagram': {
-        path: string;
-        viewBox: string;
-    };
-    'checkbox-blank-circle-outline': {
-        path: string;
-        viewBox: string;
-    };
-    'checkbox-blank-outline': {
-        path: string;
-        viewBox: string;
-    };
-    'checkbox-marked': {
-        path: string;
-        viewBox: string;
-    };
-    'checkbox-multiple-marked-outline': {
-        path: string;
-        viewBox: string;
-    };
-    'chevron-down': {
-        path: string;
-        viewBox: string;
-    };
-    'chevron-left': {
-        path: string;
-        viewBox: string;
-    };
-    'chevron-right': {
-        path: string;
-        viewBox: string;
-    };
-    'chevron-up': {
-        path: string;
-        viewBox: string;
-    };
-    circle: {
-        path: string;
-        viewBox: string;
-    };
-    'clockwise-arrow': {
-        path: string;
-        viewBox: string;
-    };
-    close: {
-        path: string;
-        viewBox: string;
-    };
-    'close-circle': {
-        path: string;
-        viewBox: string;
-    };
-    'close-icon': {
-        path: string;
-        viewBox: string;
-    };
-    'closed-locked': {
-        path: string;
-        viewBox: string;
-    };
-    comment: {
-        path: string;
-        viewBox: string;
-    };
-    'connection-status': {
-        path: string;
-        viewBox: string;
-    };
-    'content-copy': {
-        path: string;
-        viewBox: string;
-    };
-    'copy-text': {
-        path: string;
-        viewBox: string;
-    };
-    'counter-clockwise-arrow': {
-        path: string;
-        viewBox: string;
-    };
-    'cursor-move': {
-        path: string;
-        viewBox: string;
-    };
-    'deck-map': {
-        path: string;
-        viewBox: string;
-    };
-    delete: {
-        path: string;
-        viewBox: string;
-    };
-    'dots-horizontal': {
-        path: string;
-        viewBox: string;
-    };
-    'dots-vertical': {
-        path: string;
-        viewBox: string;
-    };
-    download: {
-        path: string;
-        viewBox: string;
-    };
-    ethernet: {
-        path: string;
-        viewBox: string;
-    };
-    eye: {
-        path: string;
-        viewBox: string;
-    };
-    'eye-slash': {
-        path: string;
-        viewBox: string;
-    };
-    'flask-outline': {
-        path: string;
-        viewBox: string;
-    };
-    'flex-robot': {
-        path: string;
-        viewBox: string;
-    };
-    'folder-open': {
-        path: string;
-        viewBox: string;
-    };
-    'gantry-homing': {
-        path: string;
-        viewBox: string;
-    };
-    gear: {
-        path: string;
-        viewBox: string;
-    };
-    'help-circle': {
-        path: string;
-        viewBox: string;
-    };
-    'reset-position': {
-        path: string;
-        viewBox: string;
-    };
-    'horizontal-plane': {
-        path: string;
-        viewBox: string;
-    };
-    info: {
-        viewBox: string;
-        path: string;
-    };
-    information: {
-        path: string;
-        viewBox: string;
-    };
-    'jump-size': {
-        path: string;
-        viewBox: string;
-    };
-    'latch-closed': {
-        path: string;
-        viewBox: string;
-    };
-    'latch-open': {
-        path: string;
-        viewBox: string;
-    };
-    light: {
-        path: string;
-        viewBox: string;
-    };
-    lock: {
-        path: string;
-        viewBox: string;
-    };
-    menu: {
-        path: string;
-        viewBox: string;
-    };
-    'menu-down': {
-        path: string;
-        viewBox: string;
-    };
-    minus: {
-        path: string;
-        viewBox: string;
-    };
-    'minus-box': {
-        path: string;
-        viewBox: string;
-    };
-    more: {
-        path: string;
-        viewBox: string;
-    };
-    'move-xy': {
-        path: string;
-        viewBox: string;
-    };
-    'move-xy-circle': {
-        viewBox: string;
-        path: string;
-    };
-    'open-in-new': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-alert': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-arrow-down': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-arrow-left': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-arrow-right': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-arrow-up': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-calibrate': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-check': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-checkbox': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-click-and-drag': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-close': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-close-thick': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-connect': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-consolidate': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-copy-text': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-design': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-distribute': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-file': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-flat-bottom': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-heater-shaker': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-hot-to-touch': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-logo': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-magnet': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-magnet-v2': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-mix': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-run': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-spinner': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-temperature': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-temperature-v2': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-thermocycler': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-toggle-field-off': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-toggle-field-on': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-toggle-input-off': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-toggle-input-on': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-toggle-switch-off': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-toggle-switch-on': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-transfer': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-u-bottom': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-v-bottom': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-water-outline': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-wifi-0': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-wifi-1': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-wifi-2': {
-        path: string;
-        viewBox: string;
-    };
-    'ot-wifi-3': {
-        path: string;
-        viewBox: string;
-    };
-    'overflow-btn-touchscreen': {
-        path: string;
-        viewBox: string;
-    };
-    pause: {
-        path: string;
-        viewBox: string;
-    };
-    'pause-circle': {
-        path: string;
-        viewBox: string;
-    };
-    'pause-icon': {
-        path: string;
-        viewBox: string;
-    };
-    pen: {
-        path: string;
-        viewBox: string;
-    };
-    pencil: {
-        path: string;
-        viewBox: string;
-    };
-    pin: {
-        path: string;
-        viewBox: string;
-    };
-    play: {
-        path: string;
-        viewBox: string;
-    };
-    'play-circle': {
-        path: string;
-        viewBox: string;
-    };
-    'play-icon': {
-        path: string;
-        viewBox: string;
-    };
-    'play-round-corners': {
-        path: string;
-        viewBox: string;
-    };
-    plus: {
-        path: string;
-        viewBox: string;
-    };
-    privacy: {
-        path: string;
-        viewBox: string;
-    };
-    'question-mark-circle': {
-        path: string;
-        viewBox: string;
-    };
-    'radiobox-blank': {
-        path: string;
-        viewBox: string;
-    };
-    'radiobox-marked': {
-        path: string;
-        viewBox: string;
-    };
-    refresh: {
-        path: string;
-        viewBox: string;
-    };
-    remove: {
-        path: string;
-        viewBox: string;
-    };
-    reset: {
-        path: string;
-        viewBox: string;
-    };
-    restart: {
-        path: string;
-        viewBox: string;
-    };
-    reticle: {
-        path: string;
-        viewBox: string;
-    };
-    settings: {
-        path: string;
-        viewBox: string;
-    };
-    sleep: {
-        path: string;
-        viewBox: string;
-    };
-    'swap-horizontal': {
-        path: string;
-        viewBox: string;
-    };
-    'text-size': {
-        path: string;
-        viewBox: string;
-    };
-    trash: {
-        path: string;
-        viewBox: string;
-    };
-    'unfold-less-horizontal': {
-        path: string;
-        viewBox: string;
-    };
-    'unfold-more-horizontal': {
-        path: string;
-        viewBox: string;
-    };
-    union: {
-        path: string;
-        viewBox: string;
-    };
-    update: {
-        path: string;
-        viewBox: string;
-    };
-    'update-channel': {
-        path: string;
-        viewBox: string;
-    };
-    upload: {
-        path: string;
-        viewBox: string;
-    };
-    usb: {
-        path: string;
-        viewBox: string;
-    };
-    'vertical-plane': {
-        path: string;
-        viewBox: string;
-    };
-    water: {
-        path: string;
-        viewBox: string;
-    };
-    wifi: {
-        path: string;
-        viewBox: string;
-    };
-};
+export declare const ICON_DATA_BY_NAME: Record<string, {
+    path: string;
+    viewBox: string;
+}>;

package/lib/icons/index.d.ts

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