@yr3/ui 1.0.4 → 1.0.6

package/dist/index.d.cts

@@ -1,3 +1,5 @@
+import { Place } from '@yr3/autocomplete-places';
+export * from '@yr3/autocomplete-places';
 import * as React$1 from 'react';
 import { SVGProps, CSSProperties } from 'react';
 import * as csstype from 'csstype';
@@ -1349,65 +1351,6 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
     };
 } & React$1.RefAttributes<HTMLInputElement>>;
 
-type SelectorChangeEvent = {
-    event: React$1.MouseEvent<HTMLDivElement, MouseEvent>;
-    target: {
-        name?: string;
-        value: string;
-    };
-    currentTarget: {
-        name?: string;
-        value: string;
-    };
-};
-type SelectorProps = {
-    children?: React$1.ReactNode;
-    error?: boolean;
-    name?: string;
-    disabled?: boolean;
-    ui?: UIProps;
-    style?: React$1.CSSProperties;
-    options: {
-        value: string;
-        label: string;
-    }[];
-    value?: string;
-    defaultValue?: string;
-    iconColor?: keyof Theme['colors'];
-    icon?: React$1.ReactNode;
-    onChange?: (e: SelectorChangeEvent, value: string) => void;
-};
-
-type PhoneInputProps = {
-    name?: string;
-    value?: number;
-    label?: string;
-    prefix?: string;
-    onChange?: (e: any, value: string) => void;
-    countries?: {
-        code: string;
-        dial: string;
-        label: string;
-    }[];
-    propsComponent?: {
-        divider?: DividerProps;
-        input?: InputProps;
-        selector?: Omit<SelectorProps, 'options'>;
-    };
-};
-declare const Phone: React$1.FC<PhoneInputProps>;
-
-type PlaceData = {
-    name: string;
-    address: string;
-    city: string;
-    country: string;
-    zip: string;
-    lat: number;
-    lng: number;
-    placeId?: string;
-};
-
 declare const bem: (block: string) => (element?: string, modifiers?: Record<string, any>) => string;
 declare const bemMerge: (...args: any[]) => string;
 
@@ -1452,6 +1395,19 @@ type VariantConfig = {
 };
 declare const createVariants: (config: VariantConfig) => (props?: Record<string, any>) => string;
 
+type CountriesDial = {
+    code: string;
+    dial: string;
+    label: string;
+};
+declare const normalizePhone: (phone: string, dial: string) => {
+    number: string;
+    full: string;
+} | null;
+declare const getDialPhone: (phone: string, countries: CountriesDial[]) => string | null;
+declare const getCountryCodePhone: (phone: string, countries: CountriesDial[]) => string | null;
+declare const getNumberPhone: (phone: string, dial: string) => string;
+
 type InputAreaVariant = 'filled' | 'outlined' | 'base' | 'lined';
 type InputAreaProps = {
     value?: string;
@@ -1533,6 +1489,78 @@ type PendingProps = {
 };
 declare const Pending: React.FC<PendingProps>;
 
+type SelectorChangeEvent = {
+    event: React$1.MouseEvent<HTMLDivElement, MouseEvent>;
+    target: {
+        name?: string;
+        value: string;
+    };
+    currentTarget: {
+        name?: string;
+        value: string;
+    };
+};
+type SelectorProps = {
+    children?: React$1.ReactNode;
+    error?: boolean;
+    name?: string;
+    disabled?: boolean;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    value?: string;
+    defaultValue?: string;
+    iconColor?: keyof Theme['colors'];
+    icon?: React$1.ReactNode;
+    propsComponent?: {
+        text?: Omit<TextProps, ''>;
+    };
+    onChange?: (e: SelectorChangeEvent, value: string) => void;
+};
+
+type PhoneInputProps = {
+    name?: string;
+    value?: string;
+    label?: string;
+    defaultValue?: string;
+    onChange?: (e: any, value: string) => void;
+    countries: CountriesDial[];
+    propsComponent?: {
+        divider?: DividerProps;
+        input?: InputProps;
+        selector?: Omit<SelectorProps, 'options'>;
+    };
+};
+declare const Phone: React$1.FC<PhoneInputProps>;
+
+interface PlaceData extends Place {
+    placeId: string;
+}
+type PropsPlaces = {
+    onSelect: (place: PlaceData) => void;
+    onChangeForm?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
+    language?: string;
+    defaultLocation?: string;
+    propsComponent?: {
+        label?: Omit<LabelProps, 'children'> & {
+            display?: boolean;
+        };
+        control?: Omit<ControlProps, 'children'>;
+        input?: Omit<InputProps, 'onChange' | 'value'>;
+        menu?: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+            text?: Omit<TextProps, 'children'>;
+        };
+    };
+    provider?: 'google' | 'mapbox';
+    keyApi?: string;
+};
+declare const PlacesAutocomplete: React$1.FC<PropsPlaces>;
+
 type RadioVariant = 'circle' | 'square';
 type RadioProps = {
     checked?: boolean;
@@ -1639,4 +1667,4 @@ declare const IconDown: React.FC<IconProps>;
 
 declare const useClickAway: (ref: any, callback: any) => void;
 
-export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsVariant, IconClose, IconDown, IconSearch, Image, ImageDropzone, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, Switch, Text, type TextProps, type TextVariant, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, applyTheme, baseTokens, bem, bemMerge, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, getContrast, getMonthCalendar, initTheme, isEmpty, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, useTheme };
+export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, type CountriesDial, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsVariant, IconClose, IconDown, IconSearch, Image, ImageDropzone, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, PlacesAutocomplete, type PropsPlaces, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, Switch, Text, type TextProps, type TextVariant, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, applyTheme, baseTokens, bem, bemMerge, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, getContrast, getCountryCodePhone, getDialPhone, getMonthCalendar, getNumberPhone, initTheme, isEmpty, normalizePhone, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, useTheme };

package/dist/index.d.ts

@@ -1,3 +1,5 @@
+import { Place } from '@yr3/autocomplete-places';
+export * from '@yr3/autocomplete-places';
 import * as React$1 from 'react';
 import { SVGProps, CSSProperties } from 'react';
 import * as csstype from 'csstype';
@@ -1349,65 +1351,6 @@ declare const Input: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAtt
     };
 } & React$1.RefAttributes<HTMLInputElement>>;
 
-type SelectorChangeEvent = {
-    event: React$1.MouseEvent<HTMLDivElement, MouseEvent>;
-    target: {
-        name?: string;
-        value: string;
-    };
-    currentTarget: {
-        name?: string;
-        value: string;
-    };
-};
-type SelectorProps = {
-    children?: React$1.ReactNode;
-    error?: boolean;
-    name?: string;
-    disabled?: boolean;
-    ui?: UIProps;
-    style?: React$1.CSSProperties;
-    options: {
-        value: string;
-        label: string;
-    }[];
-    value?: string;
-    defaultValue?: string;
-    iconColor?: keyof Theme['colors'];
-    icon?: React$1.ReactNode;
-    onChange?: (e: SelectorChangeEvent, value: string) => void;
-};
-
-type PhoneInputProps = {
-    name?: string;
-    value?: number;
-    label?: string;
-    prefix?: string;
-    onChange?: (e: any, value: string) => void;
-    countries?: {
-        code: string;
-        dial: string;
-        label: string;
-    }[];
-    propsComponent?: {
-        divider?: DividerProps;
-        input?: InputProps;
-        selector?: Omit<SelectorProps, 'options'>;
-    };
-};
-declare const Phone: React$1.FC<PhoneInputProps>;
-
-type PlaceData = {
-    name: string;
-    address: string;
-    city: string;
-    country: string;
-    zip: string;
-    lat: number;
-    lng: number;
-    placeId?: string;
-};
-
 declare const bem: (block: string) => (element?: string, modifiers?: Record<string, any>) => string;
 declare const bemMerge: (...args: any[]) => string;
 
@@ -1452,6 +1395,19 @@ type VariantConfig = {
 };
 declare const createVariants: (config: VariantConfig) => (props?: Record<string, any>) => string;
 
+type CountriesDial = {
+    code: string;
+    dial: string;
+    label: string;
+};
+declare const normalizePhone: (phone: string, dial: string) => {
+    number: string;
+    full: string;
+} | null;
+declare const getDialPhone: (phone: string, countries: CountriesDial[]) => string | null;
+declare const getCountryCodePhone: (phone: string, countries: CountriesDial[]) => string | null;
+declare const getNumberPhone: (phone: string, dial: string) => string;
+
 type InputAreaVariant = 'filled' | 'outlined' | 'base' | 'lined';
 type InputAreaProps = {
     value?: string;
@@ -1533,6 +1489,78 @@ type PendingProps = {
 };
 declare const Pending: React.FC<PendingProps>;
 
+type SelectorChangeEvent = {
+    event: React$1.MouseEvent<HTMLDivElement, MouseEvent>;
+    target: {
+        name?: string;
+        value: string;
+    };
+    currentTarget: {
+        name?: string;
+        value: string;
+    };
+};
+type SelectorProps = {
+    children?: React$1.ReactNode;
+    error?: boolean;
+    name?: string;
+    disabled?: boolean;
+    ui?: UIProps;
+    style?: React$1.CSSProperties;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    value?: string;
+    defaultValue?: string;
+    iconColor?: keyof Theme['colors'];
+    icon?: React$1.ReactNode;
+    propsComponent?: {
+        text?: Omit<TextProps, ''>;
+    };
+    onChange?: (e: SelectorChangeEvent, value: string) => void;
+};
+
+type PhoneInputProps = {
+    name?: string;
+    value?: string;
+    label?: string;
+    defaultValue?: string;
+    onChange?: (e: any, value: string) => void;
+    countries: CountriesDial[];
+    propsComponent?: {
+        divider?: DividerProps;
+        input?: InputProps;
+        selector?: Omit<SelectorProps, 'options'>;
+    };
+};
+declare const Phone: React$1.FC<PhoneInputProps>;
+
+interface PlaceData extends Place {
+    placeId: string;
+}
+type PropsPlaces = {
+    onSelect: (place: PlaceData) => void;
+    onChangeForm?: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
+    language?: string;
+    defaultLocation?: string;
+    propsComponent?: {
+        label?: Omit<LabelProps, 'children'> & {
+            display?: boolean;
+        };
+        control?: Omit<ControlProps, 'children'>;
+        input?: Omit<InputProps, 'onChange' | 'value'>;
+        menu?: {
+            ui?: UIProps;
+            style?: React$1.CSSProperties;
+            text?: Omit<TextProps, 'children'>;
+        };
+    };
+    provider?: 'google' | 'mapbox';
+    keyApi?: string;
+};
+declare const PlacesAutocomplete: React$1.FC<PropsPlaces>;
+
 type RadioVariant = 'circle' | 'square';
 type RadioProps = {
     checked?: boolean;
@@ -1639,4 +1667,4 @@ declare const IconDown: React.FC<IconProps>;
 
 declare const useClickAway: (ref: any, callback: any) => void;
 
-export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsVariant, IconClose, IconDown, IconSearch, Image, ImageDropzone, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, Switch, Text, type TextProps, type TextVariant, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, applyTheme, baseTokens, bem, bemMerge, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, getContrast, getMonthCalendar, initTheme, isEmpty, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, useTheme };
+export { Avatar, type AvatarProps, Backdrop, BackdropContext, type BackdropContextType, BackdropProvider, Box, type BoxProps, Button, type ButtonProps, Calendar, type CalendarComponentProps, type CalendarDayProps, type CalendarProps, Checkbox, type CheckboxProps, Chip, type ChipProps, Collapse, type CollapseProps, Container, type ContainerProps, Control, ControlContext, type ControlProps, type ControlVariants, type CountriesDial, Divider, type DividerProps, Drawer, type DrawerProps, Fade, type FadeProps, Flex, type FlexProps, Grid, type GridProps, Group, type GroupProps, type GroupsVariant, IconClose, IconDown, IconSearch, Image, ImageDropzone, type ImageProps, Input, InputArea, type InputAreaProps, type InputAreaVariant, type InputProps, Label, type LabelProps, Modal, ModalContainer, type ModalContainerProps, type ModalProps, Notistack, type NotistackAnchorProps, type NotistackProps, NotistackProvider, type Option, Pending, type PendingProps, Phone, type PhoneInputProps, type PlaceData, PlacesAutocomplete, type PropsPlaces, Radio, type RadioVariant, Select, type SelectChangeEvent, type SelectProps, type SelectorChangeEvent, type SelectorProps, Slide, type SlideContentProps, type SlideProps, Switch, Text, type TextProps, type TextVariant, type Theme, ThemeContext, ThemeProvider, type UIProps, adjustColor, applyTheme, baseTokens, bem, bemMerge, breakpoints, composeStyles, createPaletteColor, createTheme, createVariants, cx, getContrast, getCountryCodePhone, getDialPhone, getMonthCalendar, getNumberPhone, initTheme, isEmpty, normalizePhone, text, times, uiStyle, useBackdrop, useBreakpointValue, useClickAway, useControl, useMediaQuery, useNotistack, useTheme };