mui-tel-input 7.0.0 → 8.0.0

package/dist/components/Flag/Flag.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { MuiTelInputCountry } from '../../shared/constants/countries';
+export type FlagProps = {
+    isoCode: MuiTelInputCountry | null;
+    children: React.ReactNode;
+};
+export declare const flagContainerClass = "MuiTelInput-Flag";
+declare const Flag: ({ isoCode, children }: FlagProps) => import("react/jsx-runtime").JSX.Element;
+export default Flag;

package/dist/components/Flag/Flag.styled.d.ts

@@ -0,0 +1,4 @@
+declare const Styled: {
+    Flag: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+};
+export { Styled };

package/dist/components/FlagButton/FlagButton.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { MuiTelInputCountry } from '../../shared/constants/countries';
+import { IconButtonProps } from '@mui/material/IconButton';
+import { GetFlagElement } from '../../index.types';
+export type FlagButtonProps = IconButtonProps & {
+    isoCode: MuiTelInputCountry | null;
+    forceCallingCode?: boolean;
+    isFlagsMenuOpened: boolean;
+    langOfCountryName?: string;
+    disableDropdown?: boolean;
+    getFlagElement: GetFlagElement;
+    unknownFlagElement: React.ReactNode;
+};
+export declare const flagButtonClass = "MuiTelInput-IconButton";
+declare const FlagButton: ({ disableDropdown, forceCallingCode, langOfCountryName, isFlagsMenuOpened, getFlagElement, unknownFlagElement, isoCode, className, ...iconButtonProps }: FlagButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default FlagButton;

package/dist/components/FlagButton/FlagButton.styled.d.ts

@@ -0,0 +1,4 @@
+declare const Styled: {
+    CallingCodeSplitted: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "p" | "style" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "children" | "className" | "classes" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+};
+export { Styled };

package/dist/components/FlagMenuItem/FlagMenuItem.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { MuiTelInputCountry } from '../../shared/constants/countries';
+import { MenuItemProps } from '@mui/material/MenuItem';
+import { GetFlagElement } from '../../index.types';
+export type FlagMenuItemProps = MenuItemProps & {
+    isoCode: MuiTelInputCountry;
+    onSelectCountry: (isoCode: MuiTelInputCountry) => void;
+    countryName: string;
+    getFlagElement: GetFlagElement;
+};
+export declare const menuItemClass = "MuiTelInput-MenuItem";
+export declare const listItemIconFlagClass = "MuiTelInput-ListItemIcon-flag";
+export declare const listItemTextCountryClass = "MuiTelInput-ListItemText-country";
+export declare const callingCodeClass = "MuiTelInput-Typography-calling-code";
+declare const _default: React.MemoExoticComponent<({ isoCode, onSelectCountry, countryName, getFlagElement, ...restMenuItemProps }: FlagMenuItemProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/FlagMenuItem/FlagsMenuItem.styled.d.ts

@@ -0,0 +1,5 @@
+declare const Styled: {
+    ListItemIcon: import('@emotion/styled').StyledComponent<import('@mui/material').ListItemIconProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+    ListItemText: import('@emotion/styled').StyledComponent<import('@mui/material').ListItemTextProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>, import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+};
+export { Styled };

package/dist/components/FlagsMenu/FlagsMenu.d.ts

@@ -0,0 +1,17 @@
+import { MuiTelInputContinent } from '../../shared/constants/continents';
+import { MuiTelInputCountry } from '../../shared/constants/countries';
+import { MenuProps } from '@mui/material/Menu';
+import { GetFlagElement } from '../../index.types';
+export type FlagsMenuProps = Partial<MenuProps> & {
+    isoCode: MuiTelInputCountry | null;
+    onlyCountries?: MuiTelInputCountry[];
+    excludedCountries?: MuiTelInputCountry[];
+    preferredCountries?: MuiTelInputCountry[];
+    langOfCountryName?: string;
+    continents?: MuiTelInputContinent[];
+    onSelectCountry: (isoCode: MuiTelInputCountry) => void;
+    getFlagElement: GetFlagElement;
+};
+export declare const menuClass = "MuiTelInput-Menu";
+declare const FlagsMenu: ({ anchorEl, isoCode, onSelectCountry, excludedCountries, onlyCountries, langOfCountryName, continents, preferredCountries, className, getFlagElement, ...restMenuProps }: FlagsMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default FlagsMenu;

package/dist/index.types.d.ts

@@ -0,0 +1,47 @@
+import { NumberType } from 'libphonenumber-js';
+import { MuiTelInputContinent } from './shared/constants/continents';
+import { MuiTelInputCountry } from './shared/constants/countries';
+import { IconButtonProps } from '@mui/material/IconButton';
+import { MenuProps } from '@mui/material/Menu';
+import { TextFieldProps } from '@mui/material/TextField';
+type BaseTextFieldProps = Omit<TextFieldProps, 'onChange' | 'select' | 'type' | 'multiline' | 'defaultValue' | 'inputProps' | 'InputProps'>;
+export type { MuiTelInputContinent, MuiTelInputCountry };
+export type MuiTelInputReason = 'country' | 'input' | 'blur';
+export type MuiTelInputFlagElement = React.ReactNode;
+export type GetFlagElement = (isoCode: MuiTelInputCountry, { countryName, isSelected, imgProps }: {
+    countryName: string;
+    isSelected: boolean;
+    imgProps: React.ComponentPropsWithRef<'img'>;
+}) => MuiTelInputFlagElement;
+export interface MuiTelInputInfo {
+    countryCode: MuiTelInputCountry | null;
+    countryCallingCode: string | null;
+    nationalNumber: string | null;
+    numberType: Exclude<NumberType, undefined> | null;
+    numberValue: string | null;
+    reason: MuiTelInputReason;
+}
+type ForceCallingCodeWithDefaultCountry = {
+    forceCallingCode: true;
+    defaultCountry: MuiTelInputCountry;
+} | {
+    forceCallingCode?: false | undefined;
+    defaultCountry?: MuiTelInputCountry;
+};
+export type MuiTelInputProps = BaseTextFieldProps & ForceCallingCodeWithDefaultCountry & {
+    excludedCountries?: MuiTelInputCountry[];
+    onlyCountries?: MuiTelInputCountry[];
+    preferredCountries?: MuiTelInputCountry[];
+    focusOnSelectCountry?: boolean;
+    disableDropdown?: boolean;
+    langOfCountryName?: string;
+    disableFormatting?: boolean;
+    continents?: MuiTelInputContinent[];
+    onChange?: (value: string, info: MuiTelInputInfo) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>, info: MuiTelInputInfo) => void;
+    value?: string | undefined;
+    MenuProps?: Partial<MenuProps>;
+    getFlagElement?: GetFlagElement;
+    unknownFlagElement?: MuiTelInputFlagElement;
+    FlagIconButtonProps?: Partial<IconButtonProps>;
+};