@windstream/react-shared-components 0.2.48 → 0.2.49

package/dist/core.d.ts

@@ -3,9 +3,10 @@ import React__default, { InputHTMLAttributes, ReactNode, ForwardRefRenderFunctio
 export { ButtonHTMLAttributes, CSSProperties, ReactNode } from 'react';
 import { ButtonProps as ButtonProps$1 } from '@shared/components/button/types';
 export { ButtonProps } from '@shared/components/button/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { InputFieldProps as InputFieldProps$1 } from '@shared/components/input';
 import { ImageProps as ImageProps$1 } from '@shared/components/image/types';
 import { ImageProps as ImageProps$2 } from 'next/image';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CallButtonProps } from '@shared/components/call-button/types';
 export { CallButtonProps } from '@shared/components/call-button/types';
 import { Props } from 'react-modal';
@@ -64,11 +65,11 @@ type InputFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
 
 declare const InputField: ForwardRefRenderFunction<HTMLInputElement, InputFieldProps>;
 declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
-    state?: "default" | "focus" | "active" | "hover" | "filled" | "error" | undefined;
-    size?: "slim" | "medium" | "large" | undefined;
+    state?: "default" | "error" | "focus" | "active" | "hover" | "filled" | undefined;
+    size?: "medium" | "slim" | "large" | undefined;
     label?: string | undefined;
     errorText?: string | undefined;
-    prefixIconName?: "location_on" | "search" | undefined;
+    prefixIconName?: "search" | "location_on" | undefined;
     prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
     prefixIconFill?: boolean | undefined;
     suffixIconFill?: boolean | undefined;
@@ -80,6 +81,47 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
     hasError?: boolean | undefined;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
+type AddressAutocompleteAddress = {
+    addressLine1?: string;
+    addressLine2?: string | null;
+    city?: string;
+    state?: string;
+    postalCode?: string;
+};
+type AddressAutocompleteSuggestion<TAddress extends AddressAutocompleteAddress = AddressAutocompleteAddress> = {
+    address?: TAddress;
+    mainText: string;
+    placeId?: string;
+    postalCode?: string;
+    provider?: string;
+};
+type AddressAutocompleteResult<TAddress extends AddressAutocompleteAddress = AddressAutocompleteAddress> = {
+    address: string;
+    unit: string;
+    addressToSend: TAddress;
+    placeId: string;
+};
+type AddressAutocompleteProps<TAddress extends AddressAutocompleteAddress = AddressAutocompleteAddress> = Omit<InputFieldProps$1, "defaultValue" | "loading" | "onChange" | "size" | "value"> & {
+    value?: string;
+    defaultValue?: string;
+    suggestions?: AddressAutocompleteSuggestion<TAddress>[];
+    isLoading?: boolean;
+    isReady?: boolean;
+    focusOnLoad?: boolean;
+    minQueryLength?: number;
+    mapPinIcon?: boolean;
+    fixedPositionedSuggestions?: boolean;
+    isIframe?: boolean;
+    inputContainerClassName?: string;
+    optionsContainerClassName?: string;
+    onChange?: (value: string) => void;
+    onSelectAddress?: (result?: AddressAutocompleteResult<TAddress>) => void;
+    onSuggestionsChange?: (suggestions: AddressAutocompleteSuggestion<TAddress>[]) => void;
+    onLoadProvider?: () => void;
+};
+
+declare const AddressAutocomplete: <TAddress extends AddressAutocompleteAddress = AddressAutocompleteAddress>({ className, containerClassName, defaultValue, errorText, fixedPositionedSuggestions, focusOnLoad, hasError, inputContainerClassName, isIframe, isLoading, isReady, mapPinIcon, minQueryLength, onChange, onFocus, onLoadProvider, onSelectAddress, onSuggestionsChange, optionsContainerClassName, prefixIconClassName, suggestions, value: controlledValue, ...inputProps }: AddressAutocompleteProps<TAddress>) => react_jsx_runtime.JSX.Element;
+
 /**
  * Props passed to the custom image component when using the `as` prop.
  * Covers native img attributes plus optional Next.js Image props (fill, sizes, priority, etc.).
@@ -711,5 +753,5 @@ declare function useCarouselSwipe(config: CarouselSwipeConfig): CarouselSwipeRet
  */
 declare const cx: (...val: ClassValue[]) => string;
 
-export { Accordion, AlertCard, AnimationWrapper, BrandButton, Button, CallButton, Checkbox, Checklist, Collapse, DEFAULT_BUTTON_ANIMATION_TYPE, Divider, FiberForm, Image, Input, InputField, Link, List, ListItem, MaterialIcon, Modal, NextImage, PageSkeleton, RadioButton, SeeMore, Select, SelectPlanButton, Skeleton, Spinner, Text, Input as TextInput, Tooltip, VideoLink, ViewCartButton, cx, fiberFormAddressCollectionFormSchema, fiberFormInputInitialValues, fiberFormInputList, useBodyScrollLock, useCarouselSwipe };
-export type { AlertCardProps, Animation, AnimationType, AnimationWrapperProps, ButtonProps as BrandButtonProps, ButtonSizeT, ButtonVariantsT, CarouselSwipeConfig, CarouselSwipeReturn, CheckboxProps, CollapsibleProps, DividerProps, FiberAddress, FiberAddressAutocompleteProps, FiberAddressAutocompleteResult, FiberAddressCandidate, FiberAddressUnit, FiberFormInputList, FiberFormProps, FiberFormValues, FilterOptions, IconName, IconProps, ImageComponentProps, ImageProps, InputFieldProps, InputProps, LinkProps, ListItemProps, ListProps, ModalProps, NextImageComponentProps, RadioButtonProps, ResponsiveSize, SelectOption, SelectPlanButtonProps, SelectProps, Shape, Size, SkeletonProps, SpinnerProps, TextProps, TextVariant, ToolTipProps, VideoLinkProps, ViewCartButtonProps };
+export { Accordion, AddressAutocomplete, AlertCard, AnimationWrapper, BrandButton, Button, CallButton, Checkbox, Checklist, Collapse, DEFAULT_BUTTON_ANIMATION_TYPE, Divider, FiberForm, Image, Input, InputField, Link, List, ListItem, MaterialIcon, Modal, NextImage, PageSkeleton, RadioButton, SeeMore, Select, SelectPlanButton, Skeleton, Spinner, Text, Input as TextInput, Tooltip, VideoLink, ViewCartButton, cx, fiberFormAddressCollectionFormSchema, fiberFormInputInitialValues, fiberFormInputList, useBodyScrollLock, useCarouselSwipe };
+export type { AddressAutocompleteAddress, AddressAutocompleteProps, AddressAutocompleteResult, AddressAutocompleteSuggestion, AlertCardProps, Animation, AnimationType, AnimationWrapperProps, ButtonProps as BrandButtonProps, ButtonSizeT, ButtonVariantsT, CarouselSwipeConfig, CarouselSwipeReturn, CheckboxProps, CollapsibleProps, DividerProps, FiberAddress, FiberAddressAutocompleteProps, FiberAddressAutocompleteResult, FiberAddressCandidate, FiberAddressUnit, FiberFormInputList, FiberFormProps, FiberFormValues, FilterOptions, IconName, IconProps, ImageComponentProps, ImageProps, InputFieldProps, InputProps, LinkProps, ListItemProps, ListProps, ModalProps, NextImageComponentProps, RadioButtonProps, ResponsiveSize, SelectOption, SelectPlanButtonProps, SelectProps, Shape, Size, SkeletonProps, SpinnerProps, TextProps, TextVariant, ToolTipProps, VideoLinkProps, ViewCartButtonProps };

package/dist/index.d.ts

@@ -3,9 +3,10 @@ import React__default, { InputHTMLAttributes, ReactNode, ForwardRefRenderFunctio
 export { ButtonHTMLAttributes, CSSProperties, ReactNode } from 'react';
 import { ButtonProps as ButtonProps$1 } from '@shared/components/button/types';
 export { ButtonProps } from '@shared/components/button/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { InputFieldProps as InputFieldProps$1 } from '@shared/components/input';
 import { ImageProps as ImageProps$1 } from '@shared/components/image/types';
 import { ImageProps as ImageProps$2 } from 'next/image';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CallButtonProps } from '@shared/components/call-button/types';
 export { CallButtonProps } from '@shared/components/call-button/types';
 import { Props } from 'react-modal';
@@ -64,11 +65,11 @@ type InputFieldProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & {
 
 declare const InputField: ForwardRefRenderFunction<HTMLInputElement, InputFieldProps>;
 declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size"> & {
-    state?: "default" | "focus" | "active" | "hover" | "filled" | "error" | undefined;
-    size?: "slim" | "medium" | "large" | undefined;
+    state?: "error" | "default" | "focus" | "active" | "hover" | "filled" | undefined;
+    size?: "medium" | "slim" | "large" | undefined;
     label?: string | undefined;
     errorText?: string | undefined;
-    prefixIconName?: "location_on" | "search" | undefined;
+    prefixIconName?: "search" | "location_on" | undefined;
     prefixIconSize?: 20 | 24 | 40 | 48 | undefined;
     prefixIconFill?: boolean | undefined;
     suffixIconFill?: boolean | undefined;
@@ -80,6 +81,47 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
     hasError?: boolean | undefined;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
+type AddressAutocompleteAddress = {
+    addressLine1?: string;
+    addressLine2?: string | null;
+    city?: string;
+    state?: string;
+    postalCode?: string;
+};
+type AddressAutocompleteSuggestion<TAddress extends AddressAutocompleteAddress = AddressAutocompleteAddress> = {
+    address?: TAddress;
+    mainText: string;
+    placeId?: string;
+    postalCode?: string;
+    provider?: string;
+};
+type AddressAutocompleteResult<TAddress extends AddressAutocompleteAddress = AddressAutocompleteAddress> = {
+    address: string;
+    unit: string;
+    addressToSend: TAddress;
+    placeId: string;
+};
+type AddressAutocompleteProps<TAddress extends AddressAutocompleteAddress = AddressAutocompleteAddress> = Omit<InputFieldProps$1, "defaultValue" | "loading" | "onChange" | "size" | "value"> & {
+    value?: string;
+    defaultValue?: string;
+    suggestions?: AddressAutocompleteSuggestion<TAddress>[];
+    isLoading?: boolean;
+    isReady?: boolean;
+    focusOnLoad?: boolean;
+    minQueryLength?: number;
+    mapPinIcon?: boolean;
+    fixedPositionedSuggestions?: boolean;
+    isIframe?: boolean;
+    inputContainerClassName?: string;
+    optionsContainerClassName?: string;
+    onChange?: (value: string) => void;
+    onSelectAddress?: (result?: AddressAutocompleteResult<TAddress>) => void;
+    onSuggestionsChange?: (suggestions: AddressAutocompleteSuggestion<TAddress>[]) => void;
+    onLoadProvider?: () => void;
+};
+
+declare const AddressAutocomplete: <TAddress extends AddressAutocompleteAddress = AddressAutocompleteAddress>({ className, containerClassName, defaultValue, errorText, fixedPositionedSuggestions, focusOnLoad, hasError, inputContainerClassName, isIframe, isLoading, isReady, mapPinIcon, minQueryLength, onChange, onFocus, onLoadProvider, onSelectAddress, onSuggestionsChange, optionsContainerClassName, prefixIconClassName, suggestions, value: controlledValue, ...inputProps }: AddressAutocompleteProps<TAddress>) => react_jsx_runtime.JSX.Element;
+
 /**
  * Props passed to the custom image component when using the `as` prop.
  * Covers native img attributes plus optional Next.js Image props (fill, sizes, priority, etc.).
@@ -711,5 +753,5 @@ declare function useCarouselSwipe(config: CarouselSwipeConfig): CarouselSwipeRet
  */
 declare const cx: (...val: ClassValue[]) => string;
 
-export { Accordion, AlertCard, AnimationWrapper, BrandButton, Button, CallButton, Checkbox, Checklist, Collapse, DEFAULT_BUTTON_ANIMATION_TYPE, Divider, FiberForm, Image, Input, InputField, Link, List, ListItem, MaterialIcon, Modal, NextImage, PageSkeleton, RadioButton, SeeMore, Select, SelectPlanButton, Skeleton, Spinner, Text, Input as TextInput, Tooltip, VideoLink, ViewCartButton, cx, fiberFormAddressCollectionFormSchema, fiberFormInputInitialValues, fiberFormInputList, useBodyScrollLock, useCarouselSwipe };
-export type { AlertCardProps, Animation, AnimationType, AnimationWrapperProps, ButtonProps as BrandButtonProps, ButtonSizeT, ButtonVariantsT, CarouselSwipeConfig, CarouselSwipeReturn, CheckboxProps, CollapsibleProps, DividerProps, FiberAddress, FiberAddressAutocompleteProps, FiberAddressAutocompleteResult, FiberAddressCandidate, FiberAddressUnit, FiberFormInputList, FiberFormProps, FiberFormValues, FilterOptions, IconName, IconProps, ImageComponentProps, ImageProps, InputFieldProps, InputProps, LinkProps, ListItemProps, ListProps, ModalProps, NextImageComponentProps, RadioButtonProps, ResponsiveSize, SelectOption, SelectPlanButtonProps, SelectProps, Shape, Size, SkeletonProps, SpinnerProps, TextProps, TextVariant, ToolTipProps, VideoLinkProps, ViewCartButtonProps };
+export { Accordion, AddressAutocomplete, AlertCard, AnimationWrapper, BrandButton, Button, CallButton, Checkbox, Checklist, Collapse, DEFAULT_BUTTON_ANIMATION_TYPE, Divider, FiberForm, Image, Input, InputField, Link, List, ListItem, MaterialIcon, Modal, NextImage, PageSkeleton, RadioButton, SeeMore, Select, SelectPlanButton, Skeleton, Spinner, Text, Input as TextInput, Tooltip, VideoLink, ViewCartButton, cx, fiberFormAddressCollectionFormSchema, fiberFormInputInitialValues, fiberFormInputList, useBodyScrollLock, useCarouselSwipe };
+export type { AddressAutocompleteAddress, AddressAutocompleteProps, AddressAutocompleteResult, AddressAutocompleteSuggestion, AlertCardProps, Animation, AnimationType, AnimationWrapperProps, ButtonProps as BrandButtonProps, ButtonSizeT, ButtonVariantsT, CarouselSwipeConfig, CarouselSwipeReturn, CheckboxProps, CollapsibleProps, DividerProps, FiberAddress, FiberAddressAutocompleteProps, FiberAddressAutocompleteResult, FiberAddressCandidate, FiberAddressUnit, FiberFormInputList, FiberFormProps, FiberFormValues, FilterOptions, IconName, IconProps, ImageComponentProps, ImageProps, InputFieldProps, InputProps, LinkProps, ListItemProps, ListProps, ModalProps, NextImageComponentProps, RadioButtonProps, ResponsiveSize, SelectOption, SelectPlanButtonProps, SelectProps, Shape, Size, SkeletonProps, SpinnerProps, TextProps, TextVariant, ToolTipProps, VideoLinkProps, ViewCartButtonProps };