@aws-amplify/ui-react 6.8.1 → 6.9.1

package/dist/types/components/Authenticator/ConfirmSignUp/ConfirmSignUp.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RouteProps } from '../RouteContainer';
-export declare function ConfirmSignUp({ className, variation, }: RouteProps): JSX.Element;
+export declare function ConfirmSignUp({ className, variation, }: RouteProps): React.JSX.Element;
 export declare namespace ConfirmSignUp {
     var Header: () => React.JSX.Element;
-    var Footer: () => JSX.Element;
+    var Footer: () => React.JSX.Element;
 }

package/dist/types/components/Authenticator/FederatedSignIn/FederatedSignIn.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function FederatedSignIn(): JSX.Element;
+import React from 'react';
+export declare function FederatedSignIn(): React.JSX.Element;

package/dist/types/components/Authenticator/FederatedSignIn/FederatedSignInButtons/FederatedSignInButton.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { FederatedIdentityProviders, SocialProvider } from '@aws-amplify/ui';
 export interface FederatedSignInButtonProps {
     icon?: SocialProvider;
     provider: FederatedIdentityProviders;
     text: string;
 }
-export declare const FederatedSignInButton: (props: FederatedSignInButtonProps) => JSX.Element;
+export declare const FederatedSignInButton: (props: FederatedSignInButtonProps) => React.JSX.Element;

package/dist/types/components/Authenticator/ForceNewPassword/ForceNewPassword.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { RouteProps } from '../RouteContainer';
 export declare const ForceNewPassword: {
-    ({ className, variation, }: RouteProps): JSX.Element;
-    FormFields(): JSX.Element | null;
-    Header(): JSX.Element | null;
-    Footer(): JSX.Element | null;
+    ({ className, variation, }: RouteProps): React.JSX.Element;
+    FormFields(): React.JSX.Element | null;
+    Header(): React.JSX.Element | null;
+    Footer(): React.JSX.Element | null;
 };

package/dist/types/components/Authenticator/ForgotPassword/ConfirmResetPassword.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { RouteProps } from '../RouteContainer';
 export declare const ConfirmResetPassword: {
-    ({ className, variation, }: RouteProps): JSX.Element;
-    Header(): JSX.Element;
-    Footer(): JSX.Element;
+    ({ className, variation, }: RouteProps): React.JSX.Element;
+    Header(): React.JSX.Element;
+    Footer(): React.JSX.Element;
 };

package/dist/types/components/Authenticator/ForgotPassword/ForgotPassword.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { RouteProps } from '../RouteContainer';
 export declare const ForgotPassword: {
-    ({ className, variation, }: RouteProps): JSX.Element;
-    Header(): JSX.Element;
-    Footer(): JSX.Element;
+    ({ className, variation, }: RouteProps): React.JSX.Element;
+    Header(): React.JSX.Element;
+    Footer(): React.JSX.Element;
 };

package/dist/types/components/Authenticator/RouteContainer/RouteContainer.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { RouteContainerProps } from './types';
-export declare function RouteContainer({ children, className, variation, }: RouteContainerProps): JSX.Element;
+export declare function RouteContainer({ children, className, variation, }: RouteContainerProps): React.JSX.Element;

package/dist/types/components/Authenticator/RouteContainer/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type RouteProps = {
     className: string;
     variation: 'default' | 'modal';

package/dist/types/components/Authenticator/Router/Router.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { RouterProps } from './types';
-export declare function Router({ className, hideSignUp, variation, }: RouterProps): JSX.Element;
+export declare function Router({ className, hideSignUp, variation, }: RouterProps): React.JSX.Element;

package/dist/types/components/Authenticator/SetupTotp/SetupTotp.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { RouteProps } from '../RouteContainer';
 export declare const SetupTotp: {
-    ({ className, variation, }: RouteProps): JSX.Element;
-    Header(): JSX.Element;
-    Footer(): JSX.Element;
+    ({ className, variation, }: RouteProps): React.JSX.Element;
+    Header(): React.JSX.Element;
+    Footer(): React.JSX.Element;
 };

package/dist/types/components/Authenticator/SignIn/SignIn.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare function SignIn(): JSX.Element;
+export declare function SignIn(): React.JSX.Element;
 export declare namespace SignIn {
     var Footer: () => React.JSX.Element;
-    var Header: () => JSX.Element;
+    var Header: () => React.JSX.Element;
 }

package/dist/types/components/Authenticator/SignUp/SignUp.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-export declare function SignUp(): JSX.Element;
+export declare function SignUp(): React.JSX.Element;
 export declare namespace SignUp {
-    var Header: () => JSX.Element;
+    var Header: () => React.JSX.Element;
     var FormFields: () => React.JSX.Element;
-    var Footer: () => JSX.Element;
+    var Footer: () => React.JSX.Element;
 }

package/dist/types/components/Authenticator/VerifyUser/ConfirmVerifyUser.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RouteProps } from '../RouteContainer';
 export declare const ConfirmVerifyUser: {
-    ({ className, variation, }: RouteProps): JSX.Element;
+    ({ className, variation, }: RouteProps): React.JSX.Element;
     Header(): React.JSX.Element;
-    Footer(): JSX.Element | null;
+    Footer(): React.JSX.Element | null;
 };

package/dist/types/components/Authenticator/VerifyUser/VerifyUser.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { RouteProps } from '../RouteContainer';
 export declare const VerifyUser: {
-    ({ className, variation, }: RouteProps): JSX.Element;
-    Header(): JSX.Element;
-    Footer(): JSX.Element;
+    ({ className, variation, }: RouteProps): React.JSX.Element;
+    Header(): React.JSX.Element;
+    Footer(): React.JSX.Element;
 };

package/dist/types/components/Authenticator/hooks/useCustomComponents/defaultComponents.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 interface Components {
-    Footer?: () => JSX.Element | null;
-    FormFields?: () => JSX.Element | null;
-    Header?: () => JSX.Element | null;
+    Footer?: () => React.JSX.Element | null;
+    FormFields?: () => React.JSX.Element | null;
+    Header?: () => React.JSX.Element | null;
 }
 export interface DefaultComponents extends Omit<Components, 'FormFields'> {
     ConfirmSignIn?: Omit<Components, 'FormFields'>;

package/dist/types/components/Authenticator/shared/ConfirmSignInFooter.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ConfirmSignInFooter: () => JSX.Element;
+import React from 'react';
+export declare const ConfirmSignInFooter: () => React.JSX.Element;

package/dist/types/components/Authenticator/shared/ConfirmationCodeInput.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export interface ConfirmationCodeInputProps {
     errorText?: string;
     labelHidden?: boolean;
@@ -7,4 +7,4 @@ export interface ConfirmationCodeInputProps {
     required?: boolean;
     type?: string;
 }
-export declare const ConfirmationCodeInput: (props: ConfirmationCodeInputProps) => JSX.Element;
+export declare const ConfirmationCodeInput: (props: ConfirmationCodeInputProps) => React.JSX.Element;

package/dist/types/components/Authenticator/shared/FormField.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { FormFieldOptions } from '@aws-amplify/ui';
 export interface FormFieldProps extends Omit<FormFieldOptions, 'label'> {
     label: string;
     name: string;
 }
-export declare function FormField({ autocomplete: autoComplete, dialCode, name, type, ...props }: FormFieldProps): JSX.Element;
+export declare function FormField({ autocomplete: autoComplete, dialCode, name, type, ...props }: FormFieldProps): React.JSX.Element;

package/dist/types/components/Authenticator/shared/FormFields.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function FormFields(): JSX.Element;
+import * as React from 'react';
+export declare function FormFields(): React.JSX.Element;

package/dist/types/components/Authenticator/shared/RemoteErrorMessage.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const RemoteErrorMessage: () => JSX.Element;
+import React from 'react';
+export declare const RemoteErrorMessage: () => React.JSX.Element;

package/dist/types/components/Authenticator/shared/SignInSignUpTabs.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 import { RouteProps } from '../RouteContainer';
 export declare const SignInSignUpTabs: ({ className, hideSignUp, variation, }: {
     hideSignUp: boolean;
-} & RouteProps) => JSX.Element;
+} & RouteProps) => React.JSX.Element;

package/dist/types/components/Authenticator/shared/TwoButtonSubmitFooter.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { AuthEventTypes } from '@aws-amplify/ui';
 export interface TwoButtonSubmitFooterProps {
     cancelButtonSendType: AuthEventTypes;
     cancelButtonText: string;
-    submitButtonText?: JSX.Element;
+    submitButtonText?: React.JSX.Element;
 }
-export declare const TwoButtonSubmitFooter: (props: TwoButtonSubmitFooterProps) => JSX.Element;
+export declare const TwoButtonSubmitFooter: (props: TwoButtonSubmitFooterProps) => React.JSX.Element;

package/dist/types/components/Authenticator/withAuthenticator.d.ts

@@ -9,4 +9,4 @@ export interface WithAuthenticatorProps {
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/connected-components/authenticator)
  */
-export declare function withAuthenticator<Props = {}>(Component: React.ComponentType<Props & WithAuthenticatorProps>, options?: WithAuthenticatorOptions): (props: Props) => JSX.Element;
+export declare function withAuthenticator<Props = {}>(Component: React.ComponentType<Props & WithAuthenticatorProps>, options?: WithAuthenticatorOptions): (props: Props) => React.JSX.Element;

package/dist/types/components/FilterChildren/FilterChildren.d.ts

@@ -7,4 +7,4 @@ export interface FilterChildrenProps {
     allowedFilters?: string[];
     targetFilter?: string;
 }
-export declare const FilterChildren: ({ allowedFilters, children, targetFilter, }: FilterChildrenProps) => JSX.Element | null;
+export declare const FilterChildren: ({ allowedFilters, children, targetFilter, }: FilterChildrenProps) => React.JSX.Element | null;

package/dist/types/components/ThemeProvider/ComponentStyle.d.ts

@@ -12,7 +12,7 @@ interface ComponentStyleProps extends React.ComponentProps<'style'> {
     componentThemes: BaseComponentTheme[];
 }
 export declare const ComponentStyle: {
-    ({ theme, componentThemes, ...rest }: ComponentStyleProps): JSX.Element | null;
+    ({ theme, componentThemes, ...rest }: ComponentStyleProps): React.JSX.Element | null;
     displayName: string;
 };
 export {};

package/dist/types/components/ThemeProvider/GlobalStyle.d.ts

@@ -10,7 +10,7 @@ interface GlobalStyleProps extends React.ComponentProps<'style'> {
     styles: Parameters<typeof createGlobalCSS>[0];
 }
 export declare const GlobalStyle: {
-    ({ styles, ...rest }: GlobalStyleProps): JSX.Element | null;
+    ({ styles, ...rest }: GlobalStyleProps): React.JSX.Element | null;
     displayName: string;
 };
 export {};

package/dist/types/components/ThemeProvider/Style.d.ts

@@ -3,7 +3,7 @@ interface StyleProps extends React.ComponentProps<'style'> {
     cssText?: string;
 }
 export declare const Style: {
-    ({ cssText, ...rest }: StyleProps): JSX.Element | null;
+    ({ cssText, ...rest }: StyleProps): React.JSX.Element | null;
     displayName: string;
 };
 export {};

package/dist/types/components/ThemeProvider/ThemeProvider.d.ts

@@ -27,5 +27,5 @@ interface ThemeProviderProps {
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/theming)
  */
-export declare function ThemeProvider({ children, colorMode, direction, nonce, theme, }: ThemeProviderProps): JSX.Element;
+export declare function ThemeProvider({ children, colorMode, direction, nonce, theme, }: ThemeProviderProps): React.JSX.Element;
 export {};

package/dist/types/components/ThemeProvider/ThemeStyle.d.ts

@@ -10,7 +10,7 @@ interface ThemeStyleProps extends React.ComponentProps<'style'> {
     theme?: WebTheme;
 }
 export declare const ThemeStyle: {
-    ({ theme, ...rest }: ThemeStyleProps): JSX.Element | null;
+    ({ theme, ...rest }: ThemeStyleProps): React.JSX.Element | null;
     displayName: string;
 };
 export {};

package/dist/types/components/shared/ValidationErrors.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 export interface ValidationErrorsProps {
     errors: string[];
     id?: string;
     dataAttr?: string;
 }
-export declare const ValidationErrors: ({ errors, id, dataAttr, }: ValidationErrorsProps) => JSX.Element | null;
+export declare const ValidationErrors: ({ errors, id, dataAttr, }: ValidationErrorsProps) => React.JSX.Element | null;

package/dist/types/primitives/Alert/AlertIcon.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { AlertVariations, ViewProps } from '../types';
 interface AlertIconProps extends Pick<ViewProps, 'role' | 'ariaLabel'> {
     variation?: AlertVariations;
@@ -8,7 +8,7 @@ interface AlertIconProps extends Pick<ViewProps, 'role' | 'ariaLabel'> {
  * @internal For internal Amplify UI use only. May be removed in a future release.
  */
 export declare const AlertIcon: {
-    ({ variation, ariaHidden, ariaLabel, role, }: AlertIconProps): JSX.Element | null;
+    ({ variation, ariaHidden, ariaLabel, role, }: AlertIconProps): React.JSX.Element | null;
     displayName: string;
 };
 export {};

package/dist/types/primitives/Collection/Collection.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { BaseCollectionProps, ElementType } from '../types';
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/collection)
  */
 export declare const Collection: {
-    <Item, Element_1 extends ElementType>({ className, isSearchable, isPaginated, items, itemsPerPage, searchFilter, searchLabel, searchNoResultsFound, searchPlaceholder, type, testId, ...rest }: BaseCollectionProps<Item, Element_1>): JSX.Element;
+    <Item, Element_1 extends ElementType>({ className, isSearchable, isPaginated, items, itemsPerPage, searchFilter, searchLabel, searchNoResultsFound, searchPlaceholder, type, testId, ...rest }: BaseCollectionProps<Item, Element_1>): React.JSX.Element;
     displayName: string;
 };

package/dist/types/primitives/DropZone/DropZone.d.ts

@@ -1,10 +1,10 @@
 import { ForwardRefPrimitive } from '../types';
 import { BaseDropZoneProps } from './types';
-import { Accepted, Default, Rejected } from './DropZoneChildren';
+import { AcceptedType, DefaultType, RejectedType } from './DropZoneChildren';
 type DropZoneType = ForwardRefPrimitive<BaseDropZoneProps, 'div'> & {
-    Accepted: typeof Accepted;
-    Rejected: typeof Rejected;
-    Default: typeof Default;
+    Accepted: AcceptedType;
+    Rejected: RejectedType;
+    Default: DefaultType;
 };
 /**
  * [📖 Docs](https://ui.docs.amplify.aws/react/components/dropzone)

package/dist/types/primitives/DropZone/DropZoneChildren.d.ts

@@ -1,25 +1,26 @@
 import * as React from 'react';
-import { Primitive } from '../types';
 /**
  * These are syntactic sugar components that make it easy to compose children
  * in DropZone without having to expose the DropZoneContext.
  */
+export type AcceptedType = (props: {
+    children?: React.ReactNode;
+}) => React.JSX.Element | null;
 /**
  * This component renders when the user is dragging ONLY accepted files on the DropZone.
  */
-declare const Accepted: Primitive<{
+export declare const Accepted: AcceptedType;
+export type RejectedType = (props: {
     children?: React.ReactNode;
-}, 'div'>;
+}) => React.JSX.Element | null;
 /**
  * This component renders when the user is dragging ANY rejected files on the DropZone.
  */
-declare const Rejected: Primitive<{
+export declare const Rejected: RejectedType;
+export type DefaultType = (props: {
     children?: React.ReactNode;
-}, 'div'>;
+}) => React.JSX.Element | null;
 /**
  * This component renders by default when the user is not dragging.
  */
-declare const Default: Primitive<{
-    children?: React.ReactNode;
-}, 'div'>;
-export { Accepted, Rejected, Default };
+export declare const Default: DefaultType;

package/dist/types/primitives/DropZone/DropZoneProvider.d.ts

@@ -4,5 +4,5 @@ declare const DropZoneContext: React.Context<DragState>;
 declare const DropZoneProvider: ({ value, children, }: {
     value: DragState;
     children?: React.ReactNode;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export { DropZoneProvider, DropZoneContext };

package/dist/types/primitives/Icon/context/IconsProvider.d.ts

@@ -5,4 +5,4 @@ interface IconProviderProps {
     icons?: IconsContextInterface;
 }
 export { IconsContextInterface };
-export declare function IconsProvider({ children, icons, }: IconProviderProps): JSX.Element;
+export declare function IconsProvider({ children, icons, }: IconProviderProps): React.JSX.Element;

package/dist/types/primitives/Icon/icons/types.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { ViewProps } from '../../types';
 export type InternalIcon = (props: ViewProps & {
     size?: string | number;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/types/primitives/Pagination/usePaginationItems.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 interface UsePaginationItemsProps {
     currentPage: number;
     totalPages: number;
@@ -22,5 +22,5 @@ interface UsePaginationItemsProps {
  * @param onChange callback function triggered every time the page changes
  * @returns an array of pagination items
  */
-export declare const usePaginationItems: ({ currentPage, totalPages, hasMorePages, siblingCount, currentPageLabel, pageLabel, previousLabel, nextLabel, onNext, onPrevious, onChange, }: UsePaginationItemsProps) => JSX.Element[];
+export declare const usePaginationItems: ({ currentPage, totalPages, hasMorePages, siblingCount, currentPageLabel, pageLabel, previousLabel, nextLabel, onNext, onPrevious, onChange, }: UsePaginationItemsProps) => React.JSX.Element[];
 export {};

package/dist/types/primitives/types/autocomplete.d.ts

@@ -47,7 +47,7 @@ export interface BaseAutocompleteMenuProps extends BaseViewProps {
      * @description
      * A list of Option JSX elements
      */
-    children: JSX.Element[];
+    children: React.JSX.Element[];
     /**
      * @description
      * This is a slot to label a list of options

package/dist/types/primitives/types/button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Sizes } from './base';
 import { ElementType, PrimitiveProps, BaseViewProps } from './view';
 import { FlexContainerStyleProps } from './flex';

package/dist/types/primitives/types/collection.d.ts

@@ -56,7 +56,7 @@ interface CollectionChildren<Item> {
      * The component to be repeated
      * Same interface as Array.prototype.map
      */
-    children: (item: Item, index: number) => JSX.Element;
+    children: (item: Item, index: number) => React.JSX.Element;
 }
 export interface CollectionBaseProps<Item> extends CollectionChildren<Item> {
     /**
@@ -69,7 +69,7 @@ export type ListCollectionProps<Item> = Omit<BaseFlexProps, 'children'> & Collec
 export type GridCollectionProps<Item> = Omit<BaseGridProps, 'children'> & CollectionBaseProps<Item>;
 /**
  * Omits `React.ReactNode` as children to prevent intersection type for `children` of
- * `React.ReactNode & (item: Item, index: number) => JSX.Element`
+ * `React.ReactNode & (item: Item, index: number) => React.JSX.Element`
  * and replaces with `CollectionChildren`
  */
 type ReplaceChildren<T, Item> = Omit<T, 'children'> & CollectionChildren<Item>;

package/dist/types/primitives/types/field.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseFieldGroupIconButtonProps } from './fieldGroupIcon';
 import { BaseInputProps } from './input';
 import { BaseTextProps } from './text';

package/dist/types/primitives/types/fieldGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseFlexProps } from './flex';
 import { FieldVariations } from './field';
 import { ElementType, PrimitiveProps } from './view';

package/dist/types/primitives/types/image.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Property } from 'csstype';
 import { ElementType, PrimitiveProps, BaseViewProps } from './view';
 import { ResponsiveStyle } from './style';

package/dist/types/primitives/types/label.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ElementType, PrimitiveProps, BaseViewProps } from './view';
 /** @deprecated For internal use only */
 export interface BaseLabelProps extends BaseViewProps {

package/dist/types/primitives/types/rating.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Property } from 'csstype';
 import { BaseFlexProps } from './flex';
 import { Sizes } from './base';
@@ -18,7 +17,7 @@ export interface RatingOptions {
      * override the empty icon an will create a rating component that uses
      * different icons for filled and empty icons.
      */
-    emptyIcon?: JSX.Element;
+    emptyIcon?: React.JSX.Element;
     /**
      * @description
      * The CSS color to use on the filled rating icon
@@ -32,7 +31,7 @@ export interface RatingOptions {
      * with the emptyIcon prop
      * Default is <IconStar />
      */
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     /**
      * @description
      * The max rating integer value

package/dist/types/primitives/types/style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Property } from 'csstype';
 import { WebDesignToken } from '@aws-amplify/ui';
 import type { BoxShadowKeys, BorderWidthKeys, ColorKeys, FontFamilyKeys, FontSizeKeys, FontWeightKeys, LineHeightKeys, OpacityKeys, RadiiKeys, SpaceKeys, TransformKeys } from './theme';

package/dist/types/primitives/types/switchField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Property } from 'csstype';
 import { Sizes } from './base';
 import { BaseStyleProps, StyleToken } from './style';

package/dist/types/primitives/types/textArea.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Property } from 'csstype';
 import { Sizes } from './base';
 import { FieldVariations } from './field';

package/dist/types/primitives/types/view.d.ts

@@ -2,7 +2,13 @@ import * as React from 'react';
 import { MergeProps } from '@aws-amplify/ui-react-core';
 import { AriaProps, BaseComponentProps } from './base';
 import { BaseStyleProps } from './style';
+/**
+ * @deprecated will be removed in a future major version
+ */
 export type IsAny<Type> = (Type extends never ? true : false) extends false ? false : true;
+/**
+ * @deprecated will be removed in a future major version
+ */
 export type ElementType = React.ElementType;
 type AsProp<Element extends ElementType> = {
     /**
@@ -11,8 +17,14 @@ type AsProp<Element extends ElementType> = {
      */
     as?: Element;
 };
+/**
+ * @deprecated will be removed in a future major version
+ */
 export type PrimitivePropsWithAs<Props extends BaseViewProps, Element extends ElementType> = Omit<Props, 'as'> & AsProp<Element>;
 type PrimitivePropsWithRef<Props extends BaseViewProps, Element extends ElementType> = Omit<Props, 'ref'> & React.RefAttributes<React.ComponentRef<Element>>;
+/**
+ * @deprecated will be removed in a future major version
+ */
 export type PrimitivePropsWithHTMLAttributes<Props extends BaseViewProps, Element extends ElementType> = 
 /**
  * Doing an IsAny<Element> conditional check here makes sure typescript infers the type of `Element`.
@@ -21,40 +33,20 @@ export type PrimitivePropsWithHTMLAttributes<Props extends BaseViewProps, Elemen
  * e.g. In an event handler, onChange((event) => { console.log(event)}), event will be implicitly inferred as any without the check
  */
 IsAny<Element> extends false ? MergeProps<PrimitivePropsWithRef<Props, Element>, React.ComponentPropsWithoutRef<Element>> : any;
+/**
+ * @deprecated will be removed in a future major version
+ */
 export type PrimitiveProps<Props extends BaseViewProps, Element extends ElementType> = PrimitivePropsWithHTMLAttributes<PrimitivePropsWithAs<Props, Element>, Element>;
 /**
- * @see {React.ForwardRefRenderFunction}
- * Modifies return type of `React.ForwardRefRenderFunction`
- * to allow usage in React 16
+ * @deprecated will be removed in a future major version
  */
-interface JSElementForwardRefRenderFunction<T, P = {}> {
-    (props: P, ref: React.ForwardedRef<T>): JSX.Element | null;
-    displayName?: string | undefined;
-    /**
-     * defaultProps are not supported on render functions
-     */
-    defaultProps?: never | undefined;
-    /**
-     * propTypes are not supported on render functions
-     */
-    propTypes?: never | undefined;
-}
-export interface Primitive<Props extends BaseViewProps, Element extends ElementType> extends JSElementForwardRefRenderFunction<React.ComponentRef<Element>, Props> {
+export interface Primitive<Props extends BaseViewProps, Element extends ElementType> extends React.ForwardRefRenderFunction<React.ComponentRef<Element>, Props> {
 }
 /**
- * @see {React.ForwardRefExoticComponent}
- * Modifies return type of `React.ForwardRefExoticComponent`
- * to allow usage in React 16
+ * @deprecated will be removed in a future major version
  */
-interface JSXElementForwardRefExoticComponent<P = {}> {
-    (props: P): React.ReactElement | null;
-    defaultProps?: Partial<P> | undefined;
-    displayName?: string | undefined;
-    propTypes?: React.WeakValidationMap<P> | undefined;
-    readonly $$typeof: symbol;
-}
-export interface ForwardRefPrimitive<Props extends BaseViewProps, DefaultElement extends ElementType> extends JSXElementForwardRefExoticComponent<PrimitiveProps<Props, DefaultElement>> {
-    <Element extends ElementType = DefaultElement>(props: PrimitiveProps<Props, Element>): React.ReactElement | null;
+export interface ForwardRefPrimitive<Props extends BaseViewProps, DefaultElement extends ElementType> extends React.ForwardRefExoticComponent<PrimitiveProps<Props, DefaultElement>> {
+    <Element extends ElementType = DefaultElement>(props: PrimitiveProps<Props, Element>): ReturnType<React.ForwardRefExoticComponent<PrimitiveProps<Props, DefaultElement>>>;
 }
 /** @deprecated For internal use only */
 export interface BaseViewProps extends BaseComponentProps, BaseStyleProps, AriaProps {

package/dist/types/primitives/utils/primitiveWithForwardRef.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { BaseViewProps, ElementType, ForwardRefPrimitive, Primitive } from '../types';
 /**
  * Updates the return type for primitives wrapped in `React.forwardRef` to
@@ -8,4 +9,4 @@ import { BaseViewProps, ElementType, ForwardRefPrimitive, Primitive } from '../t
  * @param primitive UI Primitive to be wrapped with `React.forwardRef`
  * @returns ForwaredRef wrapped UI Primitive
  */
-export declare const primitiveWithForwardRef: <P extends BaseViewProps, E extends ElementType>(primitive: Primitive<P, E>) => ForwardRefPrimitive<P, E>;
+export declare const primitiveWithForwardRef: <P extends BaseViewProps, E extends ElementType>(primitive: Primitive<React.PropsWithoutRef<P>, E>) => ForwardRefPrimitive<P, E>;