@aws-amplify/ui-react 4.6.3 → 5.0.0

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

@@ -1,5 +1,6 @@
-import { TextFieldProps } from '../types/textField';
-export interface StepperFieldProps extends TextFieldProps {
+import { BaseTextFieldProps } from '../types/textField';
+import { ElementType, PrimitiveProps } from './view';
+export interface BaseStepperFieldProps extends BaseTextFieldProps {
     /**
      * @description
      * <input> elements of type number are used to let the user enter a number. They include built-in validation to reject non-numerical entries.
@@ -62,3 +63,4 @@ export interface StepperFieldProps extends TextFieldProps {
      */
     onDecrease?: () => void;
 }
+export type StepperFieldProps<Element extends ElementType = 'input'> = PrimitiveProps<BaseStepperFieldProps, Element>;

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

@@ -2,9 +2,10 @@
 import { Property } from 'csstype';
 import { Sizes } from './base';
 import { BaseStyleProps, StyleToken } from './style';
-import { InputProps } from './input';
-import { FieldProps, LabelPositions } from './field';
-export interface SwitchFieldProps extends InputProps, FieldProps, BaseStyleProps {
+import { BaseInputProps } from './input';
+import { BaseFieldProps, LabelPositions } from './field';
+import { ElementType, PrimitiveProps } from './view';
+export interface BaseSwitchFieldProps extends BaseInputProps, BaseFieldProps, BaseStyleProps {
     /**
      * @description
      * Use this to provide a default checked value for an uncontrolled SwitchField
@@ -71,3 +72,4 @@ export interface SwitchFieldProps extends InputProps, FieldProps, BaseStyleProps
      */
     value?: string | number;
 }
+export type SwitchFieldProps<Element extends ElementType = 'input'> = PrimitiveProps<BaseSwitchFieldProps, Element>;

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

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { Sizes } from './base';
-import { ViewProps } from './view';
+import { ElementType, PrimitiveProps, BaseViewProps } from './view';
 export type TableSize = Sizes;
 export type TableVariation = 'bordered' | 'striped';
-export interface TableProps extends ViewProps {
+export interface BaseTableProps extends BaseViewProps {
     /**
      * @description
      * Optional caption which serves as an accessible title/caption for
@@ -26,11 +26,12 @@ export interface TableProps extends ViewProps {
      */
     variation?: TableVariation;
 }
-export interface TableBodyProps extends ViewProps {
+export type TableProps<Element extends ElementType = 'table'> = PrimitiveProps<BaseTableProps, Element>;
+export interface BaseTableBodyProps extends BaseViewProps {
 }
+export type TableBodyProps<Element extends ElementType = 'tbody'> = PrimitiveProps<BaseTableBodyProps, Element>;
 export type TableCellElement = 'td' | 'th';
-export interface TableCellProps extends ViewProps {
-    as?: TableCellElement;
+export interface BaseTableCellProps extends BaseViewProps {
     /**
      * @description
      * Defines the number of columns spanned by a cell within a <table>
@@ -42,9 +43,13 @@ export interface TableCellProps extends ViewProps {
      */
     rowspan?: Pick<React.HTMLProps<HTMLTableCellElement>, 'rowSpan'>;
 }
-export interface TableFootProps extends ViewProps {
+export type TableCellProps<Element extends ElementType = TableCellElement> = PrimitiveProps<BaseTableCellProps, Element>;
+export interface BaseTableFootProps extends BaseViewProps {
 }
-export interface TableHeadProps extends ViewProps {
+export type TableFootProps<Element extends ElementType = 'tfoot'> = PrimitiveProps<BaseTableFootProps, Element>;
+export interface BaseTableHeadProps extends BaseViewProps {
 }
-export interface TableRowProps extends ViewProps {
+export type TableHeadProps<Element extends ElementType = 'thead'> = PrimitiveProps<BaseTableHeadProps, Element>;
+export interface BaseTableRowProps extends BaseViewProps {
 }
+export type TableRowProps<Element extends ElementType = 'tr'> = PrimitiveProps<BaseTableRowProps, Element>;

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

@@ -1,9 +1,10 @@
 import * as React from 'react';
 import { BaseComponentProps } from './base';
 import { BaseStyleProps } from './style';
-import { FlexProps } from './flex';
+import { BaseFlexProps } from './flex';
+import { ElementType, PrimitiveProps } from './view';
 export type TabsSpacing = 'equal' | 'relative';
-export interface TabsProps extends FlexProps {
+export interface BaseTabsProps extends BaseFlexProps {
     /**
      * @description
      * The Tabs component only accepts TabItem components as children.
@@ -39,7 +40,8 @@ export interface TabsProps extends FlexProps {
      */
     indicatorPosition?: 'top' | 'bottom';
 }
-export interface TabItemProps extends BaseComponentProps, BaseStyleProps {
+export type TabsProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseTabsProps, Element>;
+export interface BaseTabItemProps extends BaseComponentProps, BaseStyleProps {
     /**
      * @description
      * Change the title corresponding with each Tab's content panel.
@@ -56,3 +58,4 @@ export interface TabItemProps extends BaseComponentProps, BaseStyleProps {
      */
     children?: React.ReactNode;
 }
+export type TabItemProps<Element extends ElementType = 'button'> = PrimitiveProps<BaseTabItemProps, Element>;

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

@@ -1,11 +1,6 @@
-import { ViewProps } from './view';
+import { ElementType, PrimitiveProps, BaseViewProps } from './view';
 export type TextVariation = 'primary' | 'secondary' | 'tertiary' | 'error' | 'warning' | 'info' | 'success';
-export interface TextProps extends ViewProps {
-    /**
-     * @description
-     * HTML allowed tags
-     */
-    as?: 'p' | 'span' | 'strong' | 'em';
+export interface BaseTextProps extends BaseViewProps {
     /**
      * @description
      * This should be the primary way to handle different styles of text. Lower-level
@@ -20,3 +15,4 @@ export interface TextProps extends ViewProps {
      */
     isTruncated?: boolean;
 }
+export type TextProps<Element extends ElementType = 'p'> = PrimitiveProps<BaseTextProps, Element>;

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

@@ -2,7 +2,7 @@
 import { Property } from 'csstype';
 import { Sizes } from './base';
 import { FieldVariations } from './field';
-import { ViewProps } from './view';
+import { ElementType, PrimitiveProps, BaseViewProps } from './view';
 export interface TextAreaStyleProps {
     /**
      * @description
@@ -10,7 +10,7 @@ export interface TextAreaStyleProps {
      */
     resize?: Property.Resize;
 }
-export interface TextAreaProps extends TextAreaStyleProps, ViewProps {
+export interface BaseTextAreaProps extends TextAreaStyleProps, BaseViewProps {
     /**
      * @description
      * Specifies permissions for browser UA to autocomplete field.
@@ -87,3 +87,4 @@ export interface TextAreaProps extends TextAreaStyleProps, ViewProps {
      */
     variation?: FieldVariations;
 }
+export type TextAreaProps<Element extends ElementType = 'textarea'> = PrimitiveProps<BaseTextAreaProps, Element>;

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

@@ -1,7 +1,9 @@
-import { TextAreaProps, TextAreaStyleProps } from './textArea';
-import { FieldProps } from './field';
+import { BaseTextAreaProps, TextAreaStyleProps } from './textArea';
+import { BaseFieldProps } from './field';
 import { FlexContainerStyleProps } from './flex';
 import { BaseStyleProps } from './style';
-export interface TextAreaFieldProps extends FieldProps, FlexContainerStyleProps, TextAreaProps {
+import { ElementType, PrimitiveProps } from './view';
+export interface BaseTextAreaFieldProps extends BaseFieldProps, FlexContainerStyleProps, BaseTextAreaProps {
     inputStyles?: BaseStyleProps & TextAreaStyleProps;
 }
+export type TextAreaFieldProps<Element extends ElementType = 'textarea'> = PrimitiveProps<BaseTextAreaFieldProps, Element>;

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

@@ -1,8 +1,9 @@
 import * as React from 'react';
 import { FlexContainerStyleProps } from './flex';
-import { InputProps } from './input';
-import { FieldProps } from './field';
-export interface TextFieldOptions extends FieldProps, FlexContainerStyleProps {
+import { BaseInputProps } from './input';
+import { BaseFieldProps } from './field';
+import { PrimitiveProps, ElementType } from './view';
+export interface TextFieldOptions extends BaseFieldProps, FlexContainerStyleProps {
     /**
      * @description
      * Component(s) to show after input
@@ -27,7 +28,8 @@ export interface TextFieldOptions extends FieldProps, FlexContainerStyleProps {
      * @description
      * Input field type
      */
-    type?: InputProps['type'];
+    type?: BaseInputProps['type'];
 }
-export interface TextFieldProps extends TextFieldOptions, InputProps {
+export interface BaseTextFieldProps extends TextFieldOptions, BaseInputProps {
 }
+export type TextFieldProps<Element extends ElementType = 'input'> = PrimitiveProps<BaseTextFieldProps, Element>;

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

@@ -1,5 +1,6 @@
-import { ButtonProps } from './button';
-export interface ToggleButtonProps extends ButtonProps {
+import { BaseButtonProps } from './button';
+import { ElementType, PrimitiveProps } from './view';
+export interface BaseToggleButtonProps extends BaseButtonProps {
     /**
      * @description
      * Controls the selected state of the ToggleButton
@@ -21,3 +22,4 @@ export interface ToggleButtonProps extends ButtonProps {
      */
     onChange?: (value: string | undefined) => void;
 }
+export type ToggleButtonProps<Element extends ElementType = 'button'> = PrimitiveProps<BaseToggleButtonProps, Element>;

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

@@ -1,7 +1,8 @@
 import * as React from 'react';
-import { FlexProps } from './flex';
-import { ToggleButtonProps } from './toggleButton';
-export interface ToggleButtonGroupProps extends FlexProps, Pick<ToggleButtonProps, 'size' | 'variation'> {
+import { BaseFlexProps } from './flex';
+import { BaseToggleButtonProps } from './toggleButton';
+import { ElementType, PrimitiveProps } from './view';
+export interface BaseToggleButtonGroupProps extends BaseFlexProps, Pick<BaseToggleButtonProps, 'size' | 'variation'> {
     /**
      * @description
      * Accepts any number of ToggleButton components
@@ -28,3 +29,4 @@ export interface ToggleButtonGroupProps extends FlexProps, Pick<ToggleButtonProp
      */
     onChange: (value: string | (string | undefined)[] | undefined) => void;
 }
+export type ToggleButtonGroupProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseToggleButtonGroupProps, Element>;

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

@@ -1,42 +1,25 @@
 import * as React from 'react';
 import { AriaProps, BaseComponentProps } from './base';
 import { BaseStyleProps } from './style';
+export type IsAny<Type> = (Type extends never ? true : false) extends false ? false : true;
 type MergeProps<A, B> = A & Omit<B, keyof A>;
-export type ElementType = React.FC<any> | keyof JSX.IntrinsicElements;
-/**
- * @description
- * Convert string element type to DOMElement Type
- * e.g. 'button' => HTMLButtonElement
- */
-export type HTMLElementType<Element extends ElementType> = Element extends keyof JSX.IntrinsicElements ? React.ElementRef<Element> : HTMLElementTypeFromExoticComponentRef<Element>;
-/**
- * @description
- * Allows us to extract ElementType from `typeof Root` used in SliderField
- * e.g. React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>> => HTMLSpanElement
- */
-type HTMLElementTypeFromExoticComponentRef<Element extends ElementType> = Element extends React.ForwardRefExoticComponent<React.RefAttributes<infer DOMHTMLElement>> ? DOMHTMLElement : HTMLElement;
-export type ElementProps<Element extends ElementType> = Element extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[Element] : Element extends React.FC<infer ComponentProps> ? ComponentProps : never;
-export type PrimitiveProps<Props extends ViewProps, Element extends ElementType> = MergeProps<Omit<Props, 'as'> & {
+export type ElementType = React.ElementType;
+type AsProp<Element extends ElementType> = {
     /**
      * @description
      * Changes the type of HTML element rendered
      */
-    as?: Element | Props['as'];
-}, Omit<ElementProps<Element>, 'ref'>>;
-export type PrimitivePropsWithRef<Props extends ViewProps, Element extends ElementType> = PrimitiveProps<Props, Element> & {
-    /**
-     * @description
-     * References a DOM element from within a parent component
-     */
-    ref?: React.Ref<HTMLElementType<Element>>;
+    as?: Element;
 };
-export type Primitive<Props extends ViewProps, Element extends ElementType> = React.ForwardRefRenderFunction<HTMLElementType<Element>, PrimitivePropsWithRef<Props, Element>>;
-export interface ViewProps extends BaseComponentProps, BaseStyleProps, AriaProps {
-    /**
-     * @description
-     * Changes the type of HTML element rendered
-     */
-    as?: ElementType;
+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'> & (IsAny<Element> extends false ? React.RefAttributes<React.ComponentRef<Element>> : React.RefAttributes<any>);
+export type PrimitivePropsWithHTMLAttributes<Props extends BaseViewProps, Element extends ElementType> = MergeProps<PrimitivePropsWithRef<Props, Element>, React.ComponentPropsWithoutRef<Element>>;
+export type PrimitiveProps<Props extends BaseViewProps, Element extends ElementType> = PrimitivePropsWithHTMLAttributes<PrimitivePropsWithAs<Props, Element>, Element>;
+export type Primitive<Props extends BaseViewProps, Element extends ElementType> = React.ForwardRefRenderFunction<React.ComponentRef<Element>, Props>;
+export interface ForwardRefPrimitive<Props extends BaseViewProps, DefaultElement extends ElementType> extends React.ForwardRefExoticComponent<Props> {
+    <Element extends ElementType = DefaultElement>(props: PrimitiveProps<Props, Element>): React.ReactElement | null;
+}
+export interface BaseViewProps extends BaseComponentProps, BaseStyleProps, AriaProps {
     /**
      * @description
      * Sets the Boolean `disabled` HTML attribute, which, when present, makes the element not mutable, focusable, or even submitted with the form
@@ -51,4 +34,5 @@ export interface ViewProps extends BaseComponentProps, BaseStyleProps, AriaProps
      */
     style?: React.CSSProperties;
 }
+export type ViewProps<Element extends ElementType = 'div'> = PrimitiveProps<BaseViewProps, Element>;
 export {};

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

@@ -1,3 +1,4 @@
-import { ViewProps } from './view';
-export interface VisuallyHiddenProps extends ViewProps {
+import { ElementType, PrimitiveProps, BaseViewProps } from './view';
+export interface BaseVisuallyHiddenProps extends BaseViewProps {
 }
+export type VisuallyHiddenProps<Element extends ElementType = 'span'> = PrimitiveProps<BaseVisuallyHiddenProps, Element>;

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.6.3";
+export declare const VERSION = "5.0.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui-react",
-  "version": "4.6.3",
+  "version": "5.0.0",
   "main": "dist/index.js",
   "module": "dist/esm/index.mjs",
   "exports": {
@@ -47,8 +47,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@aws-amplify/ui": "5.6.3",
-    "@aws-amplify/ui-react-core": "2.1.22",
+    "@aws-amplify/ui": "5.6.4",
+    "@aws-amplify/ui-react-core": "2.1.23",
     "@radix-ui/react-accordion": "1.0.0",
     "@radix-ui/react-direction": "1.0.0",
     "@radix-ui/react-dropdown-menu": "1.0.0",
@@ -58,13 +58,8 @@
     "classnames": "2.3.1",
     "deepmerge": "4.2.2",
     "lodash": "4.17.21",
-    "mapbox-gl": "1.13.1",
-    "maplibre-gl": "2.1.9",
-    "maplibre-gl-js-amplify": "3.0.5",
     "qrcode": "1.5.0",
     "react-generate-context": "1.0.1",
-    "react-map-gl": "7.0.23",
-    "tinycolor2": "1.4.2",
     "tslib": "2.4.1"
   },
   "peerDependencies": {
@@ -87,11 +82,9 @@
     "@testing-library/react-hooks": "^7.0.1",
     "@testing-library/user-event": "^13.2.1",
     "@types/jest": "^26.0.23",
-    "@types/mapbox__mapbox-gl-draw": "^1.3.3",
     "@types/qrcode": "^1.4.2",
     "@types/react": "^17.0.2",
     "@types/testing-library__jest-dom": "^5.14.1",
-    "@types/tinycolor2": "^1.4.3",
     "esbuild-register": "^3.3.3",
     "eslint": "^8.13.0",
     "jest": "^27.0.4",
@@ -118,12 +111,6 @@
       "import": "{ Authenticator }",
       "limit": "120 kB"
     },
-    {
-      "name": "Geo",
-      "path": "dist/esm/index.mjs",
-      "import": "{ MapView, LocationSearch }",
-      "limit": "330 kB"
-    },
     {
       "name": "Storage - FileUploader",
       "path": "dist/esm/index.mjs",
@@ -135,12 +122,6 @@
       "path": "dist/esm/index.mjs",
       "import": "{ AccountSettings }",
       "limit": "60 kB"
-    },
-    {
-      "name": "InAppMessaging",
-      "path": "dist/esm/index.mjs",
-      "import": "{ InAppMessagingProvider, InAppMessageDisplay }",
-      "limit": "110 kB"
     }
   ]
 }

package/dist/esm/components/Geo/LocationSearch/index.mjs

@@ -1 +0,0 @@
-import{__rest as r}from"tslib";import e,{useRef as t,useEffect as o}from"react";import i from"maplibre-gl";import{createAmplifyGeocoder as n}from"maplibre-gl-js-amplify";import{useMap as l,useControl as m}from"react-map-gl";const p={maplibregl:i,marker:{color:"#3FB1CE"},popup:!0,showResultMarkers:{color:"#3FB1CE"},showResultsWhileTyping:!0},s="geocoder-container",a=e=>{var{position:t="top-right"}=e,o=r(e,["position"]);return m((()=>n(o)),{position:t}),null},c=r=>{const i=t(!1);return o((()=>{i.current||(n(r).addTo(`#${s}`),i.current=!0)}),[r]),e.createElement("div",{id:s})},u=r=>{const{current:t}=l();return t?e.createElement(a,Object.assign({},p,r)):e.createElement(c,Object.assign({},p,r))},g=u;export{g as Geocoder,u as LocationSearch};

package/dist/esm/components/Geo/MapView/index.mjs

@@ -1 +0,0 @@
-import{__rest as e,__awaiter as i}from"tslib";import o,{forwardRef as r,useMemo as t,useState as l,useEffect as a}from"react";import n from"maplibre-gl";import{AmplifyMapLibreRequest as m}from"maplibre-gl-js-amplify";import s from"react-map-gl";import{Amplify as p,Auth as v}from"aws-amplify";const f=r(((r,f)=>{var c,{mapLib:d,mapStyle:u,style:g}=r,y=e(r,["mapLib","mapStyle","style"]);const b=p.configure(),w=t((()=>{var e,i,o,r;return null!==(r=null!==(i=null===(e=b.geo)||void 0===e?void 0:e.amazon_location_service)&&void 0!==i?i:null===(o=b.geo)||void 0===o?void 0:o.AmazonLocationService)&&void 0!==r?r:{}}),[b]),[h,L]=l(),S=t((()=>Object.assign({height:"100vh",position:"relative",width:"100vw"},g)),[g]);return a((()=>{i(void 0,void 0,void 0,(function*(){const e=yield v.currentUserCredentials();if(e){const{region:i}=w,{transformRequest:o}=new m(e,i);L((()=>o))}}))}),[w]),h?o.createElement(s,Object.assign({},y,{mapLib:null!=d?d:n,mapStyle:null!=u?u:null===(c=w.maps)||void 0===c?void 0:c.default,ref:f,style:S,transformRequest:h,fog:y.fog,terrain:y.terrain})):null}));f.displayName="MapView";export{f as MapView};

package/dist/esm/components/InAppMessaging/Backdrop/Backdrop.mjs

@@ -1 +0,0 @@
-import{__rest as i}from"tslib";import t from"react";import{View as a}from"../../../primitives/View/View.mjs";const e="inappmessaging-backdrop";function r(r){var{onClick:o}=r,m=i(r,["onClick"]);return t.createElement(a,Object.assign({className:"amplify-inappmessaging-backdrop","data-testid":e,onClick:o},m))}export{e as BACKDROP_TEST_ID,r as Backdrop};

package/dist/esm/components/InAppMessaging/Backdrop/withBackdrop.mjs

@@ -1 +0,0 @@
-import e from"react";import{Flex as t}from"../../../primitives/Flex/Flex.mjs";import{View as r}from"../../../primitives/View/View.mjs";import{Backdrop as m}from"./Backdrop.mjs";function n(n,a={}){return function(i){return e.createElement(e.Fragment,null,e.createElement(m,Object.assign({},a)),e.createElement(t,{className:"amplify-inappmessaging-backdrop-content-container"},e.createElement(r,{className:"amplify-inappmessaging-backdrop-content"},e.createElement(n,Object.assign({},i)))))}}export{n as withBackdrop};

package/dist/esm/components/InAppMessaging/BannerMessage/BannerMessage.mjs

@@ -1 +0,0 @@
-import e from"react";import s from"classnames";import{useBreakpointValue as o}from"../../../hooks/useBreakpointValue.mjs";import{Flex as t}from"../../../primitives/Flex/Flex.mjs";import"../hooks/useMessageImage/useMessageImage.mjs";import r from"../hooks/useMessageProps/useMessageProps.mjs";import{MessageLayout as m}from"../MessageLayout/MessageLayout.mjs";import{BLOCK_CLASS as a}from"./constants.mjs";function i(i){const n=r(i),l=o([!0,!0,!1]),{shouldRenderMessage:p,styles:g}=n;if(!p)return null;const{alignment:u="right",position:c="top"}=i,d="center"===u&&"middle"===c;return e.createElement(t,{className:s(a,{[`${a}--${c}`]:!d,[`${a}--${u}`]:!d,[`${a}--center-middle`]:d,[`${a}--full-width`]:l}),role:"dialog",testId:`inappmessaging-${c}banner-dialog`},e.createElement(m,Object.assign({},i,n,{orientation:"horizontal",buttonSize:"small",styles:g})))}export{i as BannerMessage};

package/dist/esm/components/InAppMessaging/BannerMessage/constants.mjs

@@ -1 +0,0 @@
-const a="amplify-inappmessaging-bannermessage";export{a as BLOCK_CLASS};

package/dist/esm/components/InAppMessaging/CloseIconButton/CloseIconButton.mjs

@@ -1 +0,0 @@
-import{__rest as i}from"tslib";import*as e from"react";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import{Button as m}from"../../../primitives/Button/Button.mjs";import"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import"../../../primitives/Image/Image.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/View/View.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import"../../../primitives/shared/constants.mjs";import"classnames";import{IconClose as t}from"../../../primitives/Icon/icons/IconClose.mjs";function r(r){var{className:s,dismissButtonLabel:o="Dismiss message",onClick:p,style:l}=r,a=i(r,["className","dismissButtonLabel","onClick","style"]);return e.createElement(m,Object.assign({ariaLabel:o,className:s,onClick:p,style:l,variation:"link"},a),e.createElement(t,{"aria-hidden":"true",size:"1.5rem"}))}export{r as CloseIconButton};

package/dist/esm/components/InAppMessaging/FullScreenMessage/FullScreenMessage.mjs

@@ -1 +0,0 @@
-import*as e from"react";import s from"classnames";import{useBreakpointValue as o}from"../../../hooks/useBreakpointValue.mjs";import{Flex as r}from"../../../primitives/Flex/Flex.mjs";import"tslib";import"../../../primitives/View/View.mjs";import{withBackdrop as t}from"../Backdrop/withBackdrop.mjs";import"../hooks/useMessageImage/useMessageImage.mjs";import m from"../hooks/useMessageProps/useMessageProps.mjs";import{MessageLayout as a}from"../MessageLayout/MessageLayout.mjs";import{BLOCK_CLASS as i}from"./constants.mjs";function l(l){const n=m(l),p=o([!0,!0,!1]),{shouldRenderMessage:c,styles:u}=n,{onClose:g}=l;if(!c)return null;const f=()=>e.createElement(r,{className:s(i,{[`${i}--fullscreen`]:p}),role:"dialog",testId:"inappmessaging-fullscreen-dialog"},e.createElement(a,Object.assign({},l,n,{styles:u})));if(p)return e.createElement(f,null);const j=t(f,{onClick:g});return e.createElement(j,null)}export{l as FullScreenMessage};

package/dist/esm/components/InAppMessaging/FullScreenMessage/constants.mjs

@@ -1 +0,0 @@
-const e="amplify-inappmessaging-fullscreenmessage";export{e as BLOCK_CLASS};

package/dist/esm/components/InAppMessaging/InAppMessageDisplay/InAppMessageDisplay.mjs

@@ -1 +0,0 @@
-import e from"react";import{useMessage as s,handleMessageAction as o}from"@aws-amplify/ui-react-core";import{ThemeProvider as n}from"../../ThemeProvider/index.mjs";import{BannerMessage as a}from"../BannerMessage/BannerMessage.mjs";import{FullScreenMessage as r}from"../FullScreenMessage/FullScreenMessage.mjs";import{ModalMessage as t}from"../ModalMessage/ModalMessage.mjs";import m from"./handleMessageLinkAction.mjs";function l(e){return null}const c={BannerMessage:a,CarouselMessage:l,FullScreenMessage:r,ModalMessage:t},i=({action:e,url:s})=>{o({action:e,url:s,handleMessageLinkAction:m})};function M({components:o}){const a=e.useMemo((()=>Object.assign(Object.assign({},c),o)),[o]),{Component:r,props:t}=s({components:a,onMessageAction:i});return e.createElement(n,{colorMode:"light"},e.createElement(r,Object.assign({},t)))}M.BannerMessage=a,M.CarouselMessage=l,M.FullScreenMessage=r,M.ModalMessage=t;export{M as default};

package/dist/esm/components/InAppMessaging/InAppMessageDisplay/handleMessageLinkAction.mjs

@@ -1 +0,0 @@
-import{ConsoleLogger as o}from"@aws-amplify/core";const t=new o("Notifications.InAppMessaging"),r=o=>{let r;try{r=new URL(o)}catch(r){return void t.warn(`Unsupported url provided: ${o}`)}const{protocol:p}=r;"http:"===p||"https:"===p?window.open(o):t.warn(`Unsupported url protocol provided: ${p}`)};export{r as default};

package/dist/esm/components/InAppMessaging/MessageLayout/MessageLayout.mjs

@@ -1 +0,0 @@
-import*as i from"react";import e from"classnames";import{isEmpty as t}from"@aws-amplify/ui";import"../../../primitives/Alert/Alert.mjs";import"../../../primitives/Autocomplete/Autocomplete.mjs";import"../../../primitives/Badge/Badge.mjs";import{Button as m}from"../../../primitives/Button/Button.mjs";import{ButtonGroup as r}from"../../../primitives/ButtonGroup/ButtonGroup.mjs";import"../../../primitives/Card/Card.mjs";import"../../../primitives/CheckboxField/CheckboxField.mjs";import"../../../primitives/Collection/Collection.mjs";import"../../../primitives/Divider/Divider.mjs";import"../../../primitives/Expander/Expander.mjs";import"../../../primitives/Expander/ExpanderItem.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIcon.mjs";import"../../../primitives/FieldGroupIcon/FieldGroupIconButton.mjs";import{Flex as o}from"../../../primitives/Flex/Flex.mjs";import"../../../primitives/Grid/Grid.mjs";import{Heading as s}from"../../../primitives/Heading/Heading.mjs";import"../../../primitives/HighlightMatch/HighlightMatch.mjs";import"../../../primitives/Icon/Icon.mjs";import{Image as p}from"../../../primitives/Image/Image.mjs";import"../../../primitives/Link/Link.mjs";import"../../../primitives/Loader/Loader.mjs";import"../../../primitives/Menu/Menu.mjs";import"../../../primitives/Menu/MenuButton.mjs";import"../../../primitives/Menu/MenuItem.mjs";import"../../../primitives/Pagination/Pagination.mjs";import"../../../primitives/PasswordField/PasswordField.mjs";import"../../../primitives/PhoneNumberField/PhoneNumberField.mjs";import"../../../primitives/Placeholder/Placeholder.mjs";import"../../../primitives/Radio/Radio.mjs";import"../../../primitives/RadioGroupField/RadioGroupField.mjs";import"../../../primitives/Rating/Rating.mjs";import"../../../primitives/ScrollView/ScrollView.mjs";import"../../../primitives/SearchField/SearchField.mjs";import"../../../primitives/SelectField/SelectField.mjs";import"../../../primitives/SliderField/SliderField.mjs";import"../../../primitives/StepperField/StepperField.mjs";import"../../../primitives/SwitchField/SwitchField.mjs";import"../../../primitives/Table/Table.mjs";import"../../../primitives/Table/TableBody.mjs";import"../../../primitives/Table/TableCell.mjs";import"../../../primitives/Table/TableFoot.mjs";import"../../../primitives/Table/TableHead.mjs";import"../../../primitives/Table/TableRow.mjs";import"../../../primitives/Tabs/Tabs.mjs";import{Text as l}from"../../../primitives/Text/Text.mjs";import"../../../primitives/TextAreaField/TextAreaField.mjs";import"../../../primitives/TextField/TextField.mjs";import"../../../primitives/ToggleButton/ToggleButton.mjs";import"../../../primitives/ToggleButtonGroup/ToggleButtonGroup.mjs";import"../../../primitives/View/View.mjs";import"../../../primitives/VisuallyHidden/VisuallyHidden.mjs";import"../../../primitives/shared/constants.mjs";import{CloseIconButton as a}from"../CloseIconButton/CloseIconButton.mjs";import{CLOSE_BUTTON_CLASS as n,BLOCK_CLASS as d,MESSAGE_LAYOUT_TEST_ID as c,CONTENT_CLASS as v,CONTENT_TEST_ID as j,IMAGE_CONTAINER_CLASS as u,IMAGE_CONTAINER_TEST_ID as F,TEXT_CONTAINER_CLASS as g,TEXT_CONTAINER_TEST_ID as y,HEADER_CLASS as T,HEADER_TEXT_TEST_ID as b,BODY_TEXT_TEST_ID as B,BUTTON_GROUP_TEST_ID as I,BUTTON_CLASS as h,SECONDARY_BUTTON_TEST_ID as f,PRIMARY_BUTTON_TEST_ID as x}from"./constants.mjs";import{getButtonModifier as E}from"./utils.mjs";const C=i=>!t(i);function S({body:t,buttonSize:S,hasRenderableImage:G,header:w,image:M,onClose:N,orientation:$="vertical",primaryButton:A,secondaryButton:P,styles:R}){const k=i.useMemo((()=>({primary:E(R.primaryButton),secondary:E(R.secondaryButton)})),[R]),H="horizontal"===$,V=i.createElement(a,{className:n,onClick:N,style:R.closeIconButton}),L=C(A),z=C(P),D=L||z;return i.createElement(o,{className:d,"data-testid":c,style:R.container},!H&&i.createElement(o,{justifyContent:"flex-end"},V),i.createElement(o,{className:e(v,`${v}--${$}`),"data-testid":j},G&&i.createElement(o,{className:e(u,`${u}--${$}`),"data-testid":F},i.createElement(p,{alt:"In-App Message Image",src:null==M?void 0:M.src,style:R.image})),i.createElement(o,{className:e(g,`${g}--${$}`),"data-testid":y},(null==w?void 0:w.content)&&i.createElement(s,{className:T,isTruncated:!0,level:2,style:R.header,testId:b},w.content),(null==t?void 0:t.content)&&i.createElement(l,{style:R.body,testId:B},t.content)),H&&i.createElement(o,{alignItems:"flex-start"},V)),D&&i.createElement(r,{size:S,testId:I},z&&i.createElement(m,{className:e(h,`${h}--${k.secondary}`),onClick:P.onAction,style:R.secondaryButton,testId:f},P.title),L&&i.createElement(m,{className:e(h,`${h}--${k.primary}`),onClick:A.onAction,style:R.primaryButton,testId:x},A.title)))}export{S as MessageLayout};

package/dist/esm/components/InAppMessaging/MessageLayout/constants.mjs

@@ -1 +0,0 @@
-const a="amplify-inappmessaging-messagelayout",e=`${a}__button`,s=`${a}__close-button`,n=`${a}__content`,t=`${a}__header`,g=`${a}__image-container`,i=`${a}__text-container`,o="inappmessaging-messagelayout-bodytext",m="inappmessaging-messagelayout-buttongroup",p="inappmessaging-messagelayout-content",u="inappmessaging-messagelayout-headertext",y="inappmessaging-messagelayout-imagecontainer",l="inappmessaging-messagelayout",_="inappmessaging-messagelayout-primarybutton",r="inappmessaging-messagelayout-secondarybutton",c="inappmessaging-messagelayout-textcontainer";export{a as BLOCK_CLASS,o as BODY_TEXT_TEST_ID,e as BUTTON_CLASS,m as BUTTON_GROUP_TEST_ID,s as CLOSE_BUTTON_CLASS,n as CONTENT_CLASS,p as CONTENT_TEST_ID,t as HEADER_CLASS,u as HEADER_TEXT_TEST_ID,g as IMAGE_CONTAINER_CLASS,y as IMAGE_CONTAINER_TEST_ID,l as MESSAGE_LAYOUT_TEST_ID,_ as PRIMARY_BUTTON_TEST_ID,r as SECONDARY_BUTTON_TEST_ID,i as TEXT_CONTAINER_CLASS,c as TEXT_CONTAINER_TEST_ID};

package/dist/esm/components/InAppMessaging/MessageLayout/utils.mjs

@@ -1 +0,0 @@
-import r from"tinycolor2";const o=(o,t="light")=>{const{backgroundColor:n}=null!=o?o:{};if(!n)return t;return r(n).isDark()?"dark":"light"};export{o as getButtonModifier};

package/dist/esm/components/InAppMessaging/ModalMessage/ModalMessage.mjs

@@ -1 +0,0 @@
-import*as e from"react";import s from"classnames";import{useBreakpointValue as o}from"../../../hooks/useBreakpointValue.mjs";import{Flex as m}from"../../../primitives/Flex/Flex.mjs";import"../hooks/useMessageImage/useMessageImage.mjs";import a from"../hooks/useMessageProps/useMessageProps.mjs";import{MessageLayout as t}from"../MessageLayout/MessageLayout.mjs";import{BLOCK_CLASS as r,DIALOG_CLASS as l}from"./constants.mjs";function i(i){const n=a(i),p=o([!0,!0,!1]),{shouldRenderMessage:g,styles:u}=n;return g?e.createElement(m,{className:r},e.createElement(m,{className:s(l,{[`${l}--full-width`]:p}),role:"dialog",testId:"inappmessaging-modal-dialog"},e.createElement(t,Object.assign({},i,n,{styles:u})))):null}export{i as ModalMessage};

package/dist/esm/components/InAppMessaging/ModalMessage/constants.mjs

@@ -1 +0,0 @@
-const a="amplify-inappmessaging-modalmessage",s=`${a}__dialog`;export{a as BLOCK_CLASS,s as DIALOG_CLASS};

package/dist/esm/components/InAppMessaging/hooks/useMessageImage/types.mjs

@@ -1 +0,0 @@
-var e;!function(e){e.Aborted="ABORTED",e.Failure="FAILURE",e.Fetching="FETCHING",e.Success="SUCCESS"}(e||(e={}));export{e as ImagePrefetchStatus};

package/dist/esm/components/InAppMessaging/hooks/useMessageImage/useMessageImage.mjs

@@ -1 +0,0 @@
-import{useState as e,useEffect as r}from"react";import{ConsoleLogger as o}from"@aws-amplify/core";import{ImagePrefetchStatus as t}from"./types.mjs";const a=new o("Notifications.InAppMessaging");function n(o){const{src:n}=null!=o?o:{},s=!!n,[c,i]=e(s?t.Fetching:null),m=c===t.Fetching,l=c===t.Success;return r((()=>{if(!s)return;const e=new Image;e.onload=()=>{i(t.Success)},e.onabort=()=>{a.error(`Image load aborted: ${n}`),i(t.Aborted)},e.onerror=()=>{a.error(`Image failed to load: ${n}`),i(t.Failure)},e.src=n}),[s,n]),{hasRenderableImage:l,isImageFetching:m}}export{n as default};

package/dist/esm/components/InAppMessaging/hooks/useMessageProps/useMessageProps.mjs

@@ -1 +0,0 @@
-import{useRef as e,useEffect as s,useMemo as a}from"react";import r from"../useMessageImage/useMessageImage.mjs";import{getMessageStyles as t,getPayloadStyle as m}from"./utils.mjs";function l(l){const{image:o,onDisplay:n}=l,g=e(!1),{hasRenderableImage:i,isImageFetching:u}=r(o),c=!u;s((()=>{!g.current&&c&&(null==n||n(),g.current=!0)}),[n,c]);const d=a((()=>t({styleParams:{payloadStyle:m(l),overrideStyle:l.style}})),[l]);return{hasRenderableImage:i,shouldRenderMessage:c,styles:d}}export{l as default};

package/dist/esm/components/InAppMessaging/hooks/useMessageProps/utils.mjs

@@ -1 +0,0 @@
-const n=({body:n,container:o,header:l,primaryButton:t,secondaryButton:i})=>{var e,d,u,a,s;return{body:null!==(e=null==n?void 0:n.style)&&void 0!==e?e:{},container:null!==(d=null==o?void 0:o.style)&&void 0!==d?d:{},header:null!==(u=null==l?void 0:l.style)&&void 0!==u?u:{},primaryButton:null!==(a=null==t?void 0:t.style)&&void 0!==a?a:{},secondaryButton:null!==(s=null==i?void 0:i.style)&&void 0!==s?s:{}}};function o({styleParams:n}){var o,l;const{payloadStyle:t,overrideStyle:i}=n;return{body:Object.assign(Object.assign({},null==t?void 0:t.body),null==i?void 0:i.body),closeIconButton:null!==(o=null==i?void 0:i.closeIconButton)&&void 0!==o?o:{},container:Object.assign(Object.assign({},null==t?void 0:t.container),null==i?void 0:i.container),header:Object.assign(Object.assign({},null==t?void 0:t.header),null==i?void 0:i.header),image:null!==(l=null==i?void 0:i.image)&&void 0!==l?l:{},primaryButton:Object.assign(Object.assign({},null==t?void 0:t.primaryButton),null==i?void 0:i.primaryButton),secondaryButton:Object.assign(Object.assign({},null==t?void 0:t.secondaryButton),null==i?void 0:i.secondaryButton)}}export{o as getMessageStyles,n as getPayloadStyle};

package/dist/esm/components/InAppMessaging/withInAppMessaging/withInAppMessaging.mjs

@@ -1 +0,0 @@
-import e from"react";import{InAppMessagingProvider as t}from"@aws-amplify/ui-react-core";import r from"../InAppMessageDisplay/InAppMessageDisplay.mjs";function a(a,n){return function(s){return e.createElement(t,null,e.createElement(r,Object.assign({},n)),e.createElement(a,Object.assign({},s)))}}export{a as default};

package/dist/types/components/Geo/LocationSearch/index.d.ts

@@ -1,25 +0,0 @@
-/// <reference types="react" />
-import { LocationSearchProps } from '../types/maplibre-gl-geocoder';
-/**
- * The `<LocationSearch>` component provides location search.
- *
- * [📖 Docs](https://ui.docs.amplify.aws/react/connected-components/geo#location-search)
- *
- * @example
- * // Used as a map control:
- * function App() {
- *   return (
- *     <MapView>
- *       <LocationSearch />
- *     </MapView>
- *   );
- * }
- *
- * @example
- * // Used as a standalone component:
- * function App() {
- *   return <LocationSearch />;
- * }
- */
-export declare const LocationSearch: (props: LocationSearchProps) => JSX.Element;
-export declare const Geocoder: (props: LocationSearchProps) => JSX.Element;

package/dist/types/components/Geo/MapView/index.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import maplibregl from 'maplibre-gl';
-import type { MapProps, MapRef } from 'react-map-gl';
-interface MapViewProps extends Omit<MapProps, 'mapLib' | 'transformRequest'> {
-    mapLib?: typeof maplibregl;
-}
-/**
- * The `MapView` component uses [react-map-gl](https://visgl.github.io/react-map-gl/) and
- * [maplibre-gl-js](https://visgl.github.io/react-map-gl/) to provide an interactive map using
- * [Amplify Geo APIs](https://docs.amplify.aws/lib/geo/getting-started/q/platform/js/) powered by
- * [Amazon Location Service](https://aws.amazon.com/location/). Since `MapView` is a wrapper of the
- * [react-map-gl default Map](https://visgl.github.io/react-map-gl/docs/api-reference/map/), it accepts the same
- * properties except `transformRequest` which is set by Amplify.
- *
- * [📖 Docs](https://ui.docs.amplify.aws/react/connected-components/geo#mapview)
- *
- * @example
- * // Basic usage of MapView:
- * function App() {
- *   return <MapView />
- * }
- */
-declare const MapView: React.ForwardRefExoticComponent<MapViewProps & React.RefAttributes<MapRef>>;
-export { MapView };

package/dist/types/components/Geo/index.d.ts

@@ -1,2 +0,0 @@
-export { MapView } from './MapView';
-export { Geocoder, LocationSearch } from './LocationSearch';