@jobber/components-native 0.84.1 → 0.84.2-CLEANUPus-07fd343.17

package/src/Form/Form.test.tsx

@@ -2,8 +2,10 @@ import React from "react";
 import { act, fireEvent, render, waitFor } from "@testing-library/react-native";
 import { Alert, Keyboard } from "react-native";
 import { Host } from "react-native-portalize";
-import { Form, FormBannerMessage, FormBannerMessageType } from ".";
-import { FormBannerErrors, FormSubmitErrorType } from "./types";
+import type { FormBannerMessage } from ".";
+import { Form, FormBannerMessageType } from ".";
+import type { FormBannerErrors } from "./types";
+import { FormSubmitErrorType } from "./types";
 import { atlantisContextDefaultValues } from "../AtlantisContext";
 import * as atlantisContext from "../AtlantisContext/AtlantisContext";
 import { Text } from "../Text";

package/src/Form/Form.tsx

@@ -1,24 +1,20 @@
 import React, { useState } from "react";
-import { FieldValues, FormProvider } from "react-hook-form";
+import type { FieldValues } from "react-hook-form";
+import { FormProvider } from "react-hook-form";
 import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
-import {
-  Keyboard,
-  LayoutChangeEvent,
-  Platform,
-  View,
-  findNodeHandle,
-} from "react-native";
+import type { LayoutChangeEvent } from "react-native";
+import { Keyboard, Platform, View, findNodeHandle } from "react-native";
 import { useStyles } from "./Form.style";
 import { FormErrorBanner } from "./components/FormErrorBanner";
 import { KEYBOARD_SAVE_BUTTON_DISTANCE } from "./constants";
 import { FormMessageBanner } from "./components/FormMessageBanner";
-import {
+import type {
   FormErrors,
   FormProps,
-  FormSubmitErrorType,
   FormValues,
   InternalFormProps,
 } from "./types";
+import { FormSubmitErrorType } from "./types";
 import { FormMask } from "./components/FormMask";
 import { useInternalForm } from "./hooks/useInternalForm";
 import { useFormViewRefs } from "./hooks/useFormViewRefs";

package/src/Form/components/FormActionBar/FormActionBar.tsx

@@ -1,8 +1,9 @@
 import React from "react";
-import { LayoutChangeEvent, StyleSheet } from "react-native";
+import type { LayoutChangeEvent } from "react-native";
+import { StyleSheet } from "react-native";
 import Reanimated from "react-native-reanimated";
 import { useStyles } from "./FormActionBar.style";
-import { SecondaryActionProp } from "../../types";
+import type { SecondaryActionProp } from "../../types";
 import { FormSaveButton } from "../FormSaveButton";
 
 const ReanimatedView = Reanimated.View;

package/src/Form/components/FormBody/FormBody.tsx

@@ -2,7 +2,8 @@ import React, { useMemo } from "react";
 import { View } from "react-native";
 import { useStyles } from "./FormBody.style";
 import { useScreenInformation } from "../../hooks/useScreenInformation";
-import { FormActionBar, FormActionBarProps } from "../FormActionBar";
+import type { FormActionBarProps } from "../FormActionBar";
+import { FormActionBar } from "../FormActionBar";
 import { tokens } from "../../../utils/design";
 
 interface FormBodyProps extends FormActionBarProps {

package/src/Form/components/FormCache/FormCache.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useMemo } from "react";
-import { FieldValues, useFormContext, useWatch } from "react-hook-form";
+import type { FieldValues } from "react-hook-form";
+import { useFormContext, useWatch } from "react-hook-form";
 import omit from "lodash/omit";
 
 interface FormCacheProps<T extends FieldValues> {

package/src/Form/components/FormErrorBanner/FormErrorBanner.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { FormBannerErrors } from "../../types";
+import type { FormBannerErrors } from "../../types";
 import { Banner } from "../../../Banner";
 import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 

package/src/Form/components/FormMessage/FormMessage.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from "react";
 import { InternalFormMessage } from "./components/InternalFormMessage";
-import { EmptyStateProps } from "../../../EmptyState";
+import type { EmptyStateProps } from "../../../EmptyState";
 
 type FormMessageData = EmptyStateProps;
 

package/src/Form/components/FormMessage/components/InternalFormMessage/InternalFormMessage.tsx

@@ -3,7 +3,8 @@ import { SafeAreaView } from "react-native-safe-area-context";
 import { Modal, StatusBar, View } from "react-native";
 import { ScrollView } from "react-native-gesture-handler";
 import { useStyles } from "./InternalFormMessage.style";
-import { EmptyState, EmptyStateProps } from "../../../../../EmptyState";
+import type { EmptyStateProps } from "../../../../../EmptyState";
+import { EmptyState } from "../../../../../EmptyState";
 import { useAtlantisI18n } from "../../../../../hooks/useAtlantisI18n";
 
 interface FormMessageProps {

package/src/Form/components/FormMessageBanner/FormMessageBanner.tsx

@@ -1,6 +1,8 @@
 import React from "react";
-import { FormBannerMessage, FormBannerMessageType } from "../../types";
-import { Banner, BannerTypes } from "../../../Banner";
+import type { FormBannerMessage } from "../../types";
+import { FormBannerMessageType } from "../../types";
+import type { BannerTypes } from "../../../Banner";
+import { Banner } from "../../../Banner";
 
 interface FormMessageBannerProps {
   readonly bannerMessages?: FormBannerMessage[];

package/src/Form/components/FormSaveButton/FormSaveButton.test.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { fireEvent, render, waitFor } from "@testing-library/react-native";
 import { Host } from "react-native-portalize";
-import { IconNames } from "@jobber/design";
+import type { IconNames } from "@jobber/design";
 import { FormSaveButton } from "./FormSaveButton";
 
 interface TestSecondaryActionProp {

package/src/Form/components/FormSaveButton/FormSaveButton.tsx

@@ -1,10 +1,8 @@
 import React from "react";
 import { useFormContext } from "react-hook-form";
-import { FormSaveButtonProps, SecondaryActionProp } from "../../types";
-import {
-  ButtonGroup,
-  ButtonGroupSecondaryActionProps,
-} from "../../../ButtonGroup";
+import type { FormSaveButtonProps, SecondaryActionProp } from "../../types";
+import type { ButtonGroupSecondaryActionProps } from "../../../ButtonGroup";
+import { ButtonGroup } from "../../../ButtonGroup";
 import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 
 export function FormSaveButton({

package/src/Form/context/AtlantisFormContext.test.tsx

@@ -1,6 +1,7 @@
-import React, { PropsWithChildren } from "react";
+import type { PropsWithChildren } from "react";
+import React from "react";
 import { renderHook } from "@testing-library/react-hooks";
-import { AtlantisFormContextProps } from "./types";
+import type { AtlantisFormContextProps } from "./types";
 import {
   AtlantisFormContext,
   atlantisFormContextDefaultValues,

package/src/Form/context/AtlantisFormContext.tsx

@@ -1,5 +1,5 @@
 import { createContext, useContext, useRef } from "react";
-import { AtlantisFormContextProps } from "./types";
+import type { AtlantisFormContextProps } from "./types";
 
 export const atlantisFormContextDefaultValues = {
   useConfirmBeforeBack: () => {

package/src/Form/context/types.ts

@@ -1,5 +1,5 @@
-import { MutableRefObject } from "react";
-import { FieldValues, UseFormReturn } from "react-hook-form";
+import type { MutableRefObject } from "react";
+import type { FieldValues, UseFormReturn } from "react-hook-form";
 
 export interface UseConfirmBeforeBackProps {
   alwaysPreventBack: boolean;

package/src/Form/hooks/useFormViewRefs.ts

@@ -1,6 +1,7 @@
-import { RefObject, useCallback, useRef } from "react";
-import { View } from "react-native";
-import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
+import type { RefObject } from "react";
+import { useCallback, useRef } from "react";
+import type { View } from "react-native";
+import type { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 
 interface UseFormViewRefsReturn {
   readonly scrollViewRef: RefObject<KeyboardAwareScrollView>;

package/src/Form/hooks/useInternalForm.ts

@@ -1,14 +1,14 @@
-import {
+import type {
   FieldValues,
   UseFormHandleSubmit,
   UseFormReturn,
-  useForm,
 } from "react-hook-form";
-import { MutableRefObject, RefObject } from "react";
-import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
+import { useForm } from "react-hook-form";
+import type { MutableRefObject, RefObject } from "react";
+import type { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 import { useAtlantisContext } from "../../AtlantisContext";
 import { useAtlantisFormContext } from "../context/AtlantisFormContext";
-import { InternalFormProps } from "../types";
+import type { InternalFormProps } from "../types";
 
 type UseInternalFormProps<T extends FieldValues, SubmitResponseType> = Pick<
   InternalFormProps<T, SubmitResponseType>,

package/src/Form/hooks/useScreenInformation.ts

@@ -1,5 +1,6 @@
 import { useWindowDimensions } from "react-native";
-import { EdgeInsets, useSafeAreaInsets } from "react-native-safe-area-context";
+import type { EdgeInsets } from "react-native-safe-area-context";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { KEYBOARD_TOP_PADDING_AUTO_SCROLL } from "../constants";
 import { useAtlantisContext } from "../../AtlantisContext";
 

package/src/Form/hooks/useScrollToError/useScrollToError.ts

@@ -1,11 +1,13 @@
 import { useCallback, useState } from "react";
-import { FieldValues, FormState, Path, UseFormSetFocus } from "react-hook-form";
-import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
-import {
-  Keyboard,
-  MeasureInWindowOnSuccessCallback,
-  Platform,
-} from "react-native";
+import type {
+  FieldValues,
+  FormState,
+  Path,
+  UseFormSetFocus,
+} from "react-hook-form";
+import type { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
+import type { MeasureInWindowOnSuccessCallback } from "react-native";
+import { Keyboard, Platform } from "react-native";
 import { useIsScreenReaderEnabled } from "../../../hooks";
 import { useErrorMessageContext } from "../../../ErrorMessageWrapper";
 

package/src/Form/types.ts

@@ -1,5 +1,5 @@
-import { MutableRefObject, RefObject } from "react";
-import {
+import type { MutableRefObject, RefObject } from "react";
+import type {
   ControllerProps,
   DeepPartial,
   FieldPath,
@@ -8,8 +8,8 @@ import {
   UnpackNestedValue,
   UseFormReturn,
 } from "react-hook-form";
-import { IconNames } from "@jobber/design";
-import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
+import type { IconNames } from "@jobber/design";
+import type { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 
 export type FormValues<T> = UnpackNestedValue<T>;
 export type FormErrors = FormNetworkErrors | FormUserErrors;

package/src/FormField/FormField.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import {
+import type {
   ControllerRenderProps,
   FieldError,
   FieldValues,

package/src/FormatFile/FormatFile.test.tsx

@@ -1,8 +1,10 @@
 import React from "react";
-import { RenderAPI, fireEvent, render } from "@testing-library/react-native";
+import type { RenderAPI } from "@testing-library/react-native";
+import { fireEvent, render } from "@testing-library/react-native";
 import { Host } from "react-native-portalize";
 import { Alert } from "react-native";
-import { File, FormatFile } from ".";
+import type { File } from ".";
+import { FormatFile } from ".";
 import {
   FILE_MOCK_FILE,
   FILE_MOCK_IMAGE,
@@ -12,8 +14,9 @@ import {
   FILE_UPLOAD_MOCK_IMAGE,
   FILE_UPLOAD_MOCK_PDF,
 } from "./components/_mocks/mockFiles";
-import { BottomSheetOptionsSuffix } from "./components/FormatFileBottomSheet";
-import { FileUpload, StatusCode } from "./types";
+import type { BottomSheetOptionsSuffix } from "./components/FormatFileBottomSheet";
+import type { FileUpload } from "./types";
+import { StatusCode } from "./types";
 import { tokens } from "../utils/design";
 
 let Platform: { OS: "ios" | "android" };

package/src/FormatFile/FormatFile.tsx

@@ -2,22 +2,15 @@ import React, { createRef, useCallback, useState } from "react";
 import { TouchableOpacity, View } from "react-native";
 import { useStyles } from "./FormatFile.style";
 import { MediaView } from "./components/MediaView";
-import {
-  BottomSheetOptionsSuffix,
-  FormatFileBottomSheet,
-} from "./components/FormatFileBottomSheet";
+import type { BottomSheetOptionsSuffix } from "./components/FormatFileBottomSheet";
+import { FormatFileBottomSheet } from "./components/FormatFileBottomSheet";
 import { FileView } from "./components/FileView";
 import { acceptedExtensions, videoExtensions } from "./constants";
-import {
-  CreateThumbnail,
-  File,
-  FileUpload,
-  FormattedFile,
-  StatusCode,
-} from "./types";
+import type { CreateThumbnail, File, FileUpload, FormattedFile } from "./types";
+import { StatusCode } from "./types";
 import { AtlantisFormatFileContext } from "./context/FormatFileContext";
 import { createUseCreateThumbnail } from "./utils/createUseCreateThumbnail";
-import { BottomSheetRef } from "../BottomSheet/BottomSheet";
+import type { BottomSheetRef } from "../BottomSheet/BottomSheet";
 import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 
 export interface FormatFileProps<T> {

package/src/FormatFile/components/FileView/FileView.tsx

@@ -1,10 +1,11 @@
 import React from "react";
 import { View } from "react-native";
-import { IconNames } from "@jobber/design";
+import type { IconNames } from "@jobber/design";
 import { useStyles } from "./FileView.style";
 import { Icon } from "../../../Icon";
 import { Text } from "../../../Text";
-import { FormattedFile, StatusCode } from "../../types";
+import type { FormattedFile } from "../../types";
+import { StatusCode } from "../../types";
 import { computeA11yLabel } from "../../utils";
 import { ProgressBar } from "../ProgressBar";
 import { ErrorIcon } from "../ErrorIcon";

package/src/FormatFile/components/FormatFileBottomSheet/FormatFileBottomSheet.test.tsx

@@ -1,12 +1,11 @@
 import React, { createRef } from "react";
-import { RenderAPI, fireEvent, render } from "@testing-library/react-native";
+import type { RenderAPI } from "@testing-library/react-native";
+import { fireEvent, render } from "@testing-library/react-native";
 import { Host } from "react-native-portalize";
 import { act } from "react-test-renderer";
-import {
-  BottomSheetOptionsSuffix,
-  FormatFileBottomSheet,
-} from "./FormatFileBottomSheet";
-import { BottomSheetRef } from "../../../BottomSheet/BottomSheet";
+import type { BottomSheetOptionsSuffix } from "./FormatFileBottomSheet";
+import { FormatFileBottomSheet } from "./FormatFileBottomSheet";
+import type { BottomSheetRef } from "../../../BottomSheet/BottomSheet";
 
 let Platform: { OS: "ios" | "android" };
 const onRemove = jest.fn();

package/src/FormatFile/components/FormatFileBottomSheet/FormatFileBottomSheet.tsx

@@ -1,6 +1,8 @@
-import React, { RefObject } from "react";
+import type { RefObject } from "react";
+import React from "react";
 import { Portal } from "react-native-portalize";
-import { BottomSheet, BottomSheetRef } from "../../../BottomSheet/BottomSheet";
+import type { BottomSheetRef } from "../../../BottomSheet/BottomSheet";
+import { BottomSheet } from "../../../BottomSheet/BottomSheet";
 import { BottomSheetOption } from "../../../BottomSheet/components/BottomSheetOption";
 import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
 

package/src/FormatFile/components/MediaView/MediaView.tsx

@@ -1,7 +1,8 @@
 import React, { useState } from "react";
 import { ImageBackground, View } from "react-native";
 import { useStyles } from "./MediaView.style";
-import { FormattedFile, StatusCode } from "../../types";
+import type { FormattedFile } from "../../types";
+import { StatusCode } from "../../types";
 import { computeA11yLabel } from "../../utils";
 import { ActivityIndicator } from "../../../ActivityIndicator";
 import { Icon } from "../../../Icon";

package/src/FormatFile/components/_mocks/mockFiles.ts

@@ -1,5 +1,6 @@
 import { v4 } from "react-native-uuid";
-import { File, FileUpload, StatusCode } from "../../types";
+import type { File, FileUpload } from "../../types";
+import { StatusCode } from "../../types";
 
 export const FILE_UPLOAD_MOCK_FILE = ({
   progress,

package/src/FormatFile/context/FormatFileContext.ts

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-import { AtlantisFormatFileContextProps } from "./types";
+import type { AtlantisFormatFileContextProps } from "./types";
 
 export const formatFileContextDefaultValues = {
   useCreateThumbnail: () => ({ thumbnail: undefined, error: false }),

package/src/FormatFile/context/types.ts

@@ -1,4 +1,4 @@
-import { FormattedFile } from "../types";
+import type { FormattedFile } from "../types";
 
 export interface UseCreateThumbnailResponse {
   readonly thumbnail: string | undefined;

package/src/FormatFile/index.ts

@@ -1,4 +1,5 @@
-export { FormatFile, FormatFileProps } from "./FormatFile";
+export type { FormatFileProps } from "./FormatFile";
+export { FormatFile } from "./FormatFile";
 export type {
   FormattedFile,
   File,

package/src/FormatFile/utils/computeA11yLabel.ts

@@ -1,4 +1,4 @@
-import { useAtlantisI18nValue } from "../../hooks/useAtlantisI18n";
+import type { useAtlantisI18nValue } from "../../hooks/useAtlantisI18n";
 
 interface params {
   readonly accessibilityLabel?: string;

package/src/FormatFile/utils/createUseCreateThumbnail.ts

@@ -1,7 +1,7 @@
 import { useIsMounted } from "@jobber/hooks/useIsMounted";
 import { useCallback, useEffect, useState } from "react";
-import { UseCreateThumbnail } from "../context/types";
-import { CreateThumbnail, FormattedFile } from "../types";
+import type { UseCreateThumbnail } from "../context/types";
+import type { CreateThumbnail, FormattedFile } from "../types";
 
 export function createUseCreateThumbnail(createThumbnail: CreateThumbnail): {
   useCreateThumbnail: UseCreateThumbnail;

package/src/Glimmer/Glimmer.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useRef, useState } from "react";
-import { Animated, Easing, LayoutChangeEvent, View } from "react-native";
+import type { LayoutChangeEvent } from "react-native";
+import { Animated, Easing, View } from "react-native";
 import Svg, { Defs, LinearGradient, Rect, Stop } from "react-native-svg";
 import { shineWidth, useStyles } from "./Glimmer.style";
 import { useSizeStyles } from "./Glimmer.size.style";

package/src/Heading/Heading.tsx

@@ -1,12 +1,12 @@
 import React from "react";
-import {
+import type {
   FontFamily,
   TextAlign,
   TextColor,
   TruncateLength,
-  Typography,
   TypographyProps,
 } from "../Typography";
+import { Typography } from "../Typography";
 import { tokens } from "../utils/design";
 
 type HeadingStyle = Pick<

package/src/Icon/Icon.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import Svg, { Path } from "react-native-svg";
-import { IconColorNames, IconNames, IconSizes, getIcon } from "@jobber/design";
+import type { IconColorNames, IconNames, IconSizes } from "@jobber/design";
+import { getIcon } from "@jobber/design";
 
 export interface IconProps {
   /** The icon to show.  */

package/src/IconButton/IconButton.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { TouchableOpacity } from "react-native";
-import { IconColorNames, IconNames } from "@jobber/design";
+import type { IconColorNames, IconNames } from "@jobber/design";
 import { useStyles } from "./IconButton.style";
 import { Icon } from "../Icon";
 

package/src/InputCurrency/InputCurrency.test.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { fireEvent, render, waitFor } from "@testing-library/react-native";
 import { InputCurrency } from "./InputCurrency";
+import type { AtlantisContextProps } from "../AtlantisContext";
 import {
   AtlantisContext,
-  AtlantisContextProps,
   atlantisContextDefaultValues,
 } from "../AtlantisContext";
 

package/src/InputCurrency/InputCurrency.tsx

@@ -1,7 +1,8 @@
 import React, { useState } from "react";
-import { FormatNumberOptions, useIntl } from "react-intl";
+import type { FormatNumberOptions } from "react-intl";
+import { useIntl } from "react-intl";
 import { Platform } from "react-native";
-import { ControllerRenderProps, FieldValues } from "react-hook-form";
+import type { ControllerRenderProps, FieldValues } from "react-hook-form";
 import {
   NUMBER_VALIDATION_REGEX,
   checkLastChar,
@@ -12,7 +13,8 @@ import {
   parseGivenInput,
 } from "./utils";
 import { useAtlantisContext } from "../AtlantisContext";
-import { InputText, InputTextProps } from "../InputText";
+import type { InputTextProps } from "../InputText";
+import { InputText } from "../InputText";
 import { useFormController } from "../hooks/useFormController";
 import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
 

package/src/InputDate/InputDate.tsx

@@ -1,10 +1,10 @@
 import React, { useMemo, useState } from "react";
 import DateTimePicker from "react-native-modal-datetime-picker";
 import { Keyboard, Platform } from "react-native";
-import { FieldError, UseControllerProps } from "react-hook-form";
-import { XOR } from "ts-xor";
-import { Clearable } from "@jobber/hooks";
-import { InputFieldWrapperProps } from "../InputFieldWrapper";
+import type { FieldError, UseControllerProps } from "react-hook-form";
+import type { XOR } from "ts-xor";
+import type { Clearable } from "@jobber/hooks";
+import type { InputFieldWrapperProps } from "../InputFieldWrapper";
 import { FormField } from "../FormField";
 import { InputPressable } from "../InputPressable";
 import { useAtlantisI18n } from "../hooks/useAtlantisI18n";

package/src/InputDate/index.ts

@@ -1 +1,2 @@
-export { InputDate, InputDateProps } from "./InputDate";
+export type { InputDateProps } from "./InputDate";
+export { InputDate } from "./InputDate";

package/src/InputEmail/InputEmail.tsx

@@ -1,5 +1,7 @@
-import React, { Ref, forwardRef } from "react";
-import { InputText, InputTextProps, InputTextRef } from "../InputText";
+import type { Ref } from "react";
+import React, { forwardRef } from "react";
+import type { InputTextProps, InputTextRef } from "../InputText";
+import { InputText } from "../InputText";
 
 export const InputEmail = forwardRef(InputEmailInternal);
 type InputEmailProps = Omit<InputTextProps, "keyboard">;

package/src/InputFieldWrapper/CommonInputStyles.style.ts

@@ -1,8 +1,7 @@
-import { StyleSheet, TextStyle, ViewStyle } from "react-native";
-import {
-  AtlantisThemeContextValue,
-  buildThemedStyles,
-} from "../AtlantisThemeContext";
+import type { TextStyle, ViewStyle } from "react-native";
+import { StyleSheet } from "react-native";
+import type { AtlantisThemeContextValue } from "../AtlantisThemeContext";
+import { buildThemedStyles } from "../AtlantisThemeContext";
 import { getTypographyStyles } from "../Typography";
 import { tokens as staticTokens } from "../utils/design";
 

package/src/InputFieldWrapper/InputFieldWrapper.test.tsx

@@ -1,16 +1,10 @@
 import React from "react";
-import {
-  RenderAPI,
-  fireEvent,
-  render,
-  renderHook,
-} from "@testing-library/react-native";
-import { Text, ViewStyle } from "react-native";
-import {
-  InputFieldWrapper,
-  InputFieldWrapperProps,
-  useCommonInputStyles,
-} from ".";
+import type { RenderAPI } from "@testing-library/react-native";
+import { fireEvent, render, renderHook } from "@testing-library/react-native";
+import type { ViewStyle } from "react-native";
+import { Text } from "react-native";
+import type { InputFieldWrapperProps } from ".";
+import { InputFieldWrapper, useCommonInputStyles } from ".";
 import { useStyles } from "./InputFieldWrapper.style";
 import {
   INPUT_FIELD_WRAPPER_GLIMMERS_TEST_ID,

package/src/InputFieldWrapper/InputFieldWrapper.tsx

@@ -1,20 +1,16 @@
 import React from "react";
-import {
-  Text as RNText,
-  StyleProp,
-  TextStyle,
-  View,
-  ViewStyle,
-} from "react-native";
-import { FieldError } from "react-hook-form";
-import { IconNames } from "@jobber/design";
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+import { Text as RNText, View } from "react-native";
+import type { FieldError } from "react-hook-form";
+import type { IconNames } from "@jobber/design";
 import { useStyles } from "./InputFieldWrapper.style";
 import { PrefixIcon, PrefixLabel } from "./components/Prefix/Prefix";
 import { SuffixIcon, SuffixLabel } from "./components/Suffix/Suffix";
 import { ClearAction } from "./components/ClearAction";
 import { Glimmer } from "../Glimmer/Glimmer";
 import { ErrorMessageWrapper } from "../ErrorMessageWrapper";
-import { TextVariation, useTypographyStyles } from "../Typography";
+import type { TextVariation } from "../Typography";
+import { useTypographyStyles } from "../Typography";
 import { Text } from "../Text";
 import { ActivityIndicator } from "../ActivityIndicator";
 

package/src/InputFieldWrapper/components/Prefix/Prefix.test.tsx

@@ -1,12 +1,11 @@
 import React from "react";
 import { render, renderHook } from "@testing-library/react-native";
-import { TextStyle } from "react-native";
-import { ReactTestInstance } from "react-test-renderer";
+import type { TextStyle } from "react-native";
+import type { ReactTestInstance } from "react-test-renderer";
+import type { PrefixIconProps, PrefixLabelProps } from "./Prefix";
 import {
   PrefixIcon,
-  PrefixIconProps,
   PrefixLabel,
-  PrefixLabelProps,
   prefixIconTestId,
   prefixLabelTestId,
 } from "./Prefix";