@tecsinapse/react-core 3.3.7-beta.0 → 3.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/types/components/atoms/Avatar/Avatar.d.ts +4 -0
- package/dist/types/components/atoms/Avatar/helpers.d.ts +1 -0
- package/dist/types/components/atoms/Avatar/index.d.ts +2 -0
- package/dist/types/components/atoms/Avatar/styled.d.ts +24 -0
- package/dist/types/components/atoms/Avatar/types.d.ts +12 -0
- package/dist/types/components/atoms/Badge/Badge.d.ts +12 -0
- package/dist/types/components/atoms/Badge/index.d.ts +2 -0
- package/dist/types/components/atoms/Badge/styled.d.ts +15 -0
- package/dist/types/components/atoms/BoxContent/BoxContent.d.ts +7 -0
- package/dist/types/components/atoms/BoxContent/index.d.ts +2 -0
- package/dist/types/components/atoms/BoxContent/styled.d.ts +22 -0
- package/dist/types/components/atoms/Button/Button.d.ts +28 -0
- package/dist/types/components/atoms/Button/States/BaseState.d.ts +7 -0
- package/dist/types/components/atoms/Button/States/Error.d.ts +4 -0
- package/dist/types/components/atoms/Button/States/Loading.d.ts +4 -0
- package/dist/types/components/atoms/Button/States/Success.d.ts +4 -0
- package/dist/types/components/atoms/Button/States/index.d.ts +3 -0
- package/dist/types/components/atoms/Button/States/styled.d.ts +14 -0
- package/dist/types/components/atoms/Button/index.d.ts +3 -0
- package/dist/types/components/atoms/Button/styled.d.ts +6 -0
- package/dist/types/components/atoms/Card/Card.d.ts +10 -0
- package/dist/types/components/atoms/Card/Footer/Footer.d.ts +8 -0
- package/dist/types/components/atoms/Card/Footer/index.d.ts +2 -0
- package/dist/types/components/atoms/Card/Header/Header.d.ts +8 -0
- package/dist/types/components/atoms/Card/Header/index.d.ts +2 -0
- package/dist/types/components/atoms/Card/index.d.ts +2 -0
- package/dist/types/components/atoms/Card/styled.d.ts +6 -0
- package/dist/types/components/atoms/Checkbox/Checkbox.d.ts +15 -0
- package/dist/types/components/atoms/Checkbox/index.d.ts +2 -0
- package/dist/types/components/atoms/Checkbox/styled.d.ts +27 -0
- package/dist/types/components/atoms/Divider/Divider.d.ts +8 -0
- package/dist/types/components/atoms/Divider/index.d.ts +2 -0
- package/dist/types/components/atoms/Divider/styled.d.ts +11 -0
- package/dist/types/components/atoms/GroupButton/GroupButton.d.ts +33 -0
- package/dist/types/components/atoms/GroupButton/GroupButtonOption.d.ts +9 -0
- package/dist/types/components/atoms/GroupButton/index.d.ts +4 -0
- package/dist/types/components/atoms/GroupButton/styled.d.ts +38 -0
- package/dist/types/components/atoms/Icon/AntDesign.d.ts +4 -0
- package/dist/types/components/atoms/Icon/Entypo.d.ts +4 -0
- package/dist/types/components/atoms/Icon/Evil.d.ts +4 -0
- package/dist/types/components/atoms/Icon/Feather.d.ts +4 -0
- package/dist/types/components/atoms/Icon/FontAwesome.d.ts +4 -0
- package/dist/types/components/atoms/Icon/FontAwesomeFive.d.ts +4 -0
- package/dist/types/components/atoms/Icon/Fontisto.d.ts +4 -0
- package/dist/types/components/atoms/Icon/Foundation.d.ts +4 -0
- package/dist/types/components/atoms/Icon/Icon.d.ts +15 -0
- package/dist/types/components/atoms/Icon/Ionicon.d.ts +4 -0
- package/dist/types/components/atoms/Icon/Material.d.ts +4 -0
- package/dist/types/components/atoms/Icon/MaterialCommunity.d.ts +4 -0
- package/dist/types/components/atoms/Icon/Octicon.d.ts +4 -0
- package/dist/types/components/atoms/Icon/SimpleLine.d.ts +4 -0
- package/dist/types/components/atoms/Icon/Zocial.d.ts +4 -0
- package/dist/types/components/atoms/Icon/functions.d.ts +7 -0
- package/dist/types/components/atoms/Icon/index.d.ts +2 -0
- package/dist/types/components/atoms/Icon/styled.d.ts +7 -0
- package/dist/types/components/atoms/Icon/types.d.ts +12 -0
- package/dist/types/components/atoms/Input/Hint.d.ts +10 -0
- package/dist/types/components/atoms/Input/InputContainer/InputContainer.d.ts +30 -0
- package/dist/types/components/atoms/Input/InputElement/InputElement.d.ts +13 -0
- package/dist/types/components/atoms/Input/InputMaskElement/InputMaskElement.d.ts +16 -0
- package/dist/types/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts +11 -0
- package/dist/types/components/atoms/Input/PressableInputContainer/index.d.ts +2 -0
- package/dist/types/components/atoms/Input/PressableInputContainer/styled.d.ts +5 -0
- package/dist/types/components/atoms/Input/hooks/useInputFocus.d.ts +5 -0
- package/dist/types/components/atoms/Input/hooks/useNumberMask.d.ts +8 -0
- package/dist/types/components/atoms/Input/hooks/useStringMask.d.ts +8 -0
- package/dist/types/components/atoms/Input/index.d.ts +13 -0
- package/dist/types/components/atoms/Input/styled.d.ts +58 -0
- package/dist/types/components/atoms/Paper/Paper.d.ts +9 -0
- package/dist/types/components/atoms/Paper/index.d.ts +2 -0
- package/dist/types/components/atoms/Paper/styled.d.ts +7 -0
- package/dist/types/components/atoms/PressableSurface/PressableSurface.d.ts +11 -0
- package/dist/types/components/atoms/PressableSurface/index.d.ts +2 -0
- package/dist/types/components/atoms/ProgressBar/ProgressBar.d.ts +13 -0
- package/dist/types/components/atoms/ProgressBar/index.d.ts +2 -0
- package/dist/types/components/atoms/ProgressBar/styled.d.ts +19 -0
- package/dist/types/components/atoms/RadioButton/RadioButton.d.ts +15 -0
- package/dist/types/components/atoms/RadioButton/index.d.ts +2 -0
- package/dist/types/components/atoms/RadioButton/styled.d.ts +27 -0
- package/dist/types/components/atoms/Switch/Switch.d.ts +16 -0
- package/dist/types/components/atoms/Switch/animation.d.ts +2 -0
- package/dist/types/components/atoms/Switch/index.d.ts +3 -0
- package/dist/types/components/atoms/Switch/styled.d.ts +12 -0
- package/dist/types/components/atoms/Tag/Tag.d.ts +15 -0
- package/dist/types/components/atoms/Tag/index.d.ts +2 -0
- package/dist/types/components/atoms/Tag/styled.d.ts +22 -0
- package/dist/types/components/atoms/Text/Text.d.ts +20 -0
- package/dist/types/components/atoms/Text/functions.d.ts +2 -0
- package/dist/types/components/atoms/Text/index.d.ts +2 -0
- package/dist/types/components/atoms/Text/styled.d.ts +18 -0
- package/dist/types/components/atoms/shared/PaperAndCard.d.ts +5 -0
- package/dist/types/components/molecules/Calendar/Calendar.d.ts +22 -0
- package/dist/types/components/molecules/Calendar/components/MemoizedYearCard.d.ts +10 -0
- package/dist/types/components/molecules/Calendar/components/MonthWeek.d.ts +13 -0
- package/dist/types/components/molecules/Calendar/components/SelectYear.d.ts +12 -0
- package/dist/types/components/molecules/Calendar/components/Weekdays.d.ts +8 -0
- package/dist/types/components/molecules/Calendar/components/index.d.ts +4 -0
- package/dist/types/components/molecules/Calendar/index.d.ts +2 -0
- package/dist/types/components/molecules/Calendar/styled.d.ts +63 -0
- package/dist/types/components/molecules/ControlledDateTimeSelector/ControlledDateTimeSelector.d.ts +20 -0
- package/dist/types/components/molecules/ControlledDateTimeSelector/index.d.ts +2 -0
- package/dist/types/components/molecules/DatePicker/DatePicker.d.ts +19 -0
- package/dist/types/components/molecules/DatePicker/index.d.ts +3 -0
- package/dist/types/components/molecules/DatePicker/styled.d.ts +11 -0
- package/dist/types/components/molecules/DateTimePicker/DateTimePicker.d.ts +17 -0
- package/dist/types/components/molecules/DateTimePicker/index.d.ts +2 -0
- package/dist/types/components/molecules/DateTimePicker/styled.d.ts +6 -0
- package/dist/types/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +28 -0
- package/dist/types/components/molecules/DateTimeSelector/Selector.d.ts +17 -0
- package/dist/types/components/molecules/DateTimeSelector/index.d.ts +2 -0
- package/dist/types/components/molecules/DateTimeSelector/styled.d.ts +48 -0
- package/dist/types/components/molecules/Grid/functions.d.ts +4 -0
- package/dist/types/components/molecules/Grid/index.d.ts +42 -0
- package/dist/types/components/molecules/HintInputContainer/HintInputContainer.d.ts +17 -0
- package/dist/types/components/molecules/HintInputContainer/index.d.ts +2 -0
- package/dist/types/components/molecules/HintInputContainer/styled.d.ts +0 -0
- package/dist/types/components/molecules/IconTextButton/IconComponent.d.ts +11 -0
- package/dist/types/components/molecules/IconTextButton/IconTextButton.d.ts +10 -0
- package/dist/types/components/molecules/IconTextButton/index.d.ts +2 -0
- package/dist/types/components/molecules/InputPassword/InputPasswordIcon.d.ts +8 -0
- package/dist/types/components/molecules/InputPassword/index.d.ts +1 -0
- package/dist/types/components/molecules/InputPassword/styled.d.ts +5 -0
- package/dist/types/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +11 -0
- package/dist/types/components/molecules/LabeledSwitch/index.d.ts +1 -0
- package/dist/types/components/molecules/Snackbar/Snackbar.d.ts +21 -0
- package/dist/types/components/molecules/Snackbar/index.d.ts +2 -0
- package/dist/types/components/molecules/Snackbar/styled.d.ts +37 -0
- package/dist/types/components/molecules/TextArea/TextArea.d.ts +14 -0
- package/dist/types/components/molecules/TextArea/index.d.ts +3 -0
- package/dist/types/components/molecules/TextArea/styled.d.ts +10 -0
- package/dist/types/hooks/index.d.ts +2 -0
- package/dist/types/hooks/useDebouncedState.d.ts +2 -0
- package/dist/types/hooks/useTheme.d.ts +2 -0
- package/dist/types/index.d.ts +66 -0
- package/dist/types/styles/ThemeProvider.d.ts +4 -0
- package/dist/types/styles/definitions.d.ts +45 -0
- package/dist/types/styles/light.d.ts +2 -0
- package/dist/types/types/defaults.d.ts +134 -0
- package/dist/types/utils/IPhoneXHelper.d.ts +4 -0
- package/dist/types/utils/ResponsiveFontSize.d.ts +3 -0
- package/dist/types/utils/extractNumbersFromString.d.ts +2 -0
- package/dist/types/utils/formatWithMask.d.ts +3 -0
- package/dist/types/utils/index.d.ts +7 -0
- package/dist/types/utils/lightenDarkenColor.d.ts +1 -0
- package/dist/types/utils/masks.d.ts +12 -0
- package/dist/types/utils/variantComplement.d.ts +6 -0
- package/package.json +6 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getIniciais: (name: string) => string;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { Image, View } from 'react-native';
|
|
3
|
+
import { TextProps } from '../Text';
|
|
4
|
+
import { AvatarProps } from './types';
|
|
5
|
+
export declare const ContainerButtonAvatar: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
as?: import("react").ElementType<any> | undefined;
|
|
8
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps & AvatarProps>, {}, {}>;
|
|
9
|
+
export declare const StyledAvatar: import("@emotion/native").StyledComponent<import("react-native").ImageProps & {
|
|
10
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
+
as?: import("react").ElementType<any> | undefined;
|
|
12
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
|
|
13
|
+
ref?: import("react").Ref<Image> | undefined;
|
|
14
|
+
}>;
|
|
15
|
+
export declare const StyledBackground: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
16
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
17
|
+
as?: import("react").ElementType<any> | undefined;
|
|
18
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
|
|
19
|
+
ref?: import("react").Ref<View> | undefined;
|
|
20
|
+
}>;
|
|
21
|
+
export declare const getStyledTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
|
|
22
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
23
|
+
as?: import("react").ElementType<any> | undefined;
|
|
24
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { IconSize } from '../../../types/defaults';
|
|
2
|
+
import { ImageSourcePropType } from 'react-native';
|
|
3
|
+
import { FC } from 'react';
|
|
4
|
+
import { TextProps } from '../Text';
|
|
5
|
+
export type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;
|
|
6
|
+
export interface AvatarProps {
|
|
7
|
+
source?: ImageSourcePropType;
|
|
8
|
+
name: string;
|
|
9
|
+
onPress?: () => void;
|
|
10
|
+
size?: keyof SizeAvatar;
|
|
11
|
+
TextComponent?: FC<TextProps>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
import { ColorGradationType, ColorType } from '../../../types/defaults';
|
|
4
|
+
export interface BadgeProps {
|
|
5
|
+
color: ColorType;
|
|
6
|
+
tone?: ColorGradationType;
|
|
7
|
+
style?: StyleProp<ViewStyle>;
|
|
8
|
+
value: React.ReactNode;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
declare const Badge: ({ children, style, color, tone, value, }: BadgeProps) => JSX.Element;
|
|
12
|
+
export default Badge;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { BadgeProps } from './Badge';
|
|
4
|
+
export declare const BadgeStyle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps & BadgeProps>, {}, {
|
|
8
|
+
ref?: import("react").Ref<View> | undefined;
|
|
9
|
+
}>;
|
|
10
|
+
export declare const ViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps & BadgeProps>, {}, {
|
|
14
|
+
ref?: import("react").Ref<View> | undefined;
|
|
15
|
+
}>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { StyleProps } from '../../../types/defaults';
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
export declare const elevatedStyles: ({ theme }: Partial<StyleProps>) => {
|
|
5
|
+
shadowColor: string | undefined;
|
|
6
|
+
shadowOffset: {
|
|
7
|
+
width: number;
|
|
8
|
+
height: number;
|
|
9
|
+
};
|
|
10
|
+
shadowOpacity: number;
|
|
11
|
+
shadowRadius: number;
|
|
12
|
+
elevation: number;
|
|
13
|
+
}[];
|
|
14
|
+
export declare const StyledBoxContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
15
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
+
as?: import("react").ElementType<any> | undefined;
|
|
17
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps> & {
|
|
18
|
+
ref?: import("react").Ref<View> | undefined;
|
|
19
|
+
} & {
|
|
20
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
21
|
+
as?: import("react").ElementType<any> | undefined;
|
|
22
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
import { BorderRadiusType, ColorGradationType, ColorType, FontColorType, VariantType } from '../../../types/defaults';
|
|
4
|
+
import { PressableSurfaceProps } from '../PressableSurface';
|
|
5
|
+
import { TextProps } from '../Text';
|
|
6
|
+
export type ButtonSizeType = 'small' | 'default';
|
|
7
|
+
export type ButtonStateType = 'loading' | 'error' | 'success' | 'default';
|
|
8
|
+
export interface ButtonStateProps {
|
|
9
|
+
buttonSize?: ButtonSizeType;
|
|
10
|
+
fontColor?: FontColorType;
|
|
11
|
+
textComponent?: React.FC<TextProps>;
|
|
12
|
+
text?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface ButtonProps extends PressableSurfaceProps {
|
|
15
|
+
style?: StyleProp<ViewStyle>;
|
|
16
|
+
color?: ColorType;
|
|
17
|
+
variant?: VariantType;
|
|
18
|
+
tone?: ColorGradationType;
|
|
19
|
+
frozen?: boolean | null;
|
|
20
|
+
borderRadius?: BorderRadiusType;
|
|
21
|
+
size?: ButtonSizeType;
|
|
22
|
+
state?: ButtonStateType;
|
|
23
|
+
loadingComponent?: JSX.Element;
|
|
24
|
+
errorComponent?: JSX.Element;
|
|
25
|
+
successComponent?: JSX.Element;
|
|
26
|
+
}
|
|
27
|
+
declare const Button: FC<ButtonProps>;
|
|
28
|
+
export default Button;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ActivityIndicator } from 'react-native';
|
|
3
|
+
import { TextProps } from '../../Text';
|
|
4
|
+
import { ButtonStateProps } from '../Button';
|
|
5
|
+
export declare const getStyledTextButton: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
as?: import("react").ElementType<any> | undefined;
|
|
8
|
+
} & Partial<ButtonStateProps> & Partial<import("../../../../types/defaults").ThemeProviderProps>, {}, {}>;
|
|
9
|
+
export declare const StyledIndicator: import("@emotion/native").StyledComponent<import("react-native").ActivityIndicatorProps & {
|
|
10
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
+
as?: import("react").ElementType<any> | undefined;
|
|
12
|
+
} & Partial<ButtonStateProps> & Partial<import("../../../../types/defaults").ThemeProviderProps>, {}, {
|
|
13
|
+
ref?: import("react").Ref<ActivityIndicator> | undefined;
|
|
14
|
+
}>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ButtonProps } from './Button';
|
|
3
|
+
export declare const StyledButton: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & ButtonProps & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { PressableSurfaceProps } from '../PressableSurface';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
import { GestureResponderEvent } from 'react-native';
|
|
4
|
+
import { PaperProps } from '../Paper';
|
|
5
|
+
export interface CardProps extends PaperProps, Omit<PressableSurfaceProps, 'style'> {
|
|
6
|
+
onPress?: null | ((event: GestureResponderEvent) => void);
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
declare const Card: ({ children, elevated, onPress, ...rest }: CardProps) => JSX.Element;
|
|
10
|
+
export default Card;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export interface FooterProps {
|
|
4
|
+
style?: StyleProp<ViewStyle>;
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare const Footer: ({ children, style }: FooterProps) => JSX.Element;
|
|
8
|
+
export default Footer;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
export interface HeaderProps {
|
|
4
|
+
style?: StyleProp<ViewStyle>;
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare const Header: ({ children, style }: HeaderProps) => JSX.Element;
|
|
8
|
+
export default Header;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CardProps } from './Card';
|
|
3
|
+
export declare const StyledCard: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & CardProps & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
import { ColorGradationType, ColorType } from '../../../types/defaults';
|
|
4
|
+
export interface CheckboxProps {
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
onChange?: (checked: boolean) => void;
|
|
7
|
+
labelPosition?: 'left' | 'right';
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
color?: ColorType;
|
|
10
|
+
colorTone?: ColorGradationType;
|
|
11
|
+
style?: StyleProp<ViewStyle>;
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare const Checkbox: ({ children, checked, onChange, color, colorTone, labelPosition, disabled, ...rest }: CheckboxProps) => JSX.Element;
|
|
15
|
+
export default Checkbox;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { CheckboxProps } from './Checkbox';
|
|
4
|
+
export declare const IconUncheckedStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
} & Partial<CheckboxProps & import("../../../types/defaults").ThemeProviderProps>, {}, {
|
|
8
|
+
ref?: import("react").Ref<View> | undefined;
|
|
9
|
+
}>;
|
|
10
|
+
export declare const IconCheckedStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
} & Partial<CheckboxProps & import("../../../types/defaults").ThemeProviderProps>, {}, {
|
|
14
|
+
ref?: import("react").Ref<View> | undefined;
|
|
15
|
+
}>;
|
|
16
|
+
export declare const IconViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
17
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
18
|
+
as?: import("react").ElementType<any> | undefined;
|
|
19
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
|
|
20
|
+
ref?: import("react").Ref<View> | undefined;
|
|
21
|
+
}>;
|
|
22
|
+
export declare const ViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
23
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
24
|
+
as?: import("react").ElementType<any> | undefined;
|
|
25
|
+
}, {}, {
|
|
26
|
+
ref?: import("react").Ref<View> | undefined;
|
|
27
|
+
}>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DividerProps } from './Divider';
|
|
3
|
+
export declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps> & {
|
|
7
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
8
|
+
} & {
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
} & DividerProps, {}, {}>;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
import { ColorGradationType, ColorType } from '../../../types/defaults';
|
|
4
|
+
import { ButtonSizeType } from '../Button';
|
|
5
|
+
export interface GroupButtonOptions {
|
|
6
|
+
activeBackgroundColor?: ColorType;
|
|
7
|
+
activeBackgroundColorTone?: ColorGradationType;
|
|
8
|
+
activeBorderColor?: ColorType;
|
|
9
|
+
activeBorderColorTone?: ColorGradationType;
|
|
10
|
+
inactiveBackgroundColor?: ColorType;
|
|
11
|
+
inactiveBackgroundColorTone?: ColorGradationType;
|
|
12
|
+
inactiveBorderColor?: ColorType;
|
|
13
|
+
inactiveBorderColorTone?: ColorGradationType;
|
|
14
|
+
activeStyle?: StyleProp<ViewStyle>;
|
|
15
|
+
inactiveStyle?: StyleProp<ViewStyle>;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export interface GroupButtonValue<T> {
|
|
19
|
+
value: T;
|
|
20
|
+
options?: GroupButtonOptions;
|
|
21
|
+
}
|
|
22
|
+
export interface GroupButtonProps<T> {
|
|
23
|
+
value: T;
|
|
24
|
+
options: GroupButtonValue<T>[];
|
|
25
|
+
renderKey: (option?: T) => string | number | undefined;
|
|
26
|
+
renderOption: (option: T, active: boolean) => JSX.Element;
|
|
27
|
+
onChange: (option: T) => void;
|
|
28
|
+
buttonSize?: ButtonSizeType;
|
|
29
|
+
style?: StyleProp<ViewStyle>;
|
|
30
|
+
disableAllOptions?: boolean;
|
|
31
|
+
}
|
|
32
|
+
declare const GroupButton: <T>({ style, ...rest }: GroupButtonProps<T>) => JSX.Element;
|
|
33
|
+
export default GroupButton;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { TextProps } from '../Text';
|
|
3
|
+
export interface GroupButtonOptionProps {
|
|
4
|
+
active: boolean;
|
|
5
|
+
description: string;
|
|
6
|
+
TextComponent?: FC<TextProps>;
|
|
7
|
+
}
|
|
8
|
+
declare const GroupButtonOption: ({ TextComponent, active, description, }: GroupButtonOptionProps) => JSX.Element;
|
|
9
|
+
export default GroupButtonOption;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ButtonSizeType } from '../Button';
|
|
3
|
+
import { TextProps } from '../Text';
|
|
4
|
+
import { GroupButtonOptions } from './GroupButton';
|
|
5
|
+
import { GroupButtonOptionProps } from './GroupButtonOption';
|
|
6
|
+
interface PressableOptions extends GroupButtonOptions {
|
|
7
|
+
isActive: boolean;
|
|
8
|
+
isFirstOption: boolean;
|
|
9
|
+
isLastOption: boolean;
|
|
10
|
+
buttonSize?: ButtonSizeType;
|
|
11
|
+
}
|
|
12
|
+
export declare const StyledGroupButton: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
|
15
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
|
|
16
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
17
|
+
}>;
|
|
18
|
+
export declare const getStyledGroupItemText: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
|
|
19
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
20
|
+
as?: import("react").ElementType<any> | undefined;
|
|
21
|
+
} & Partial<GroupButtonOptionProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
|
|
22
|
+
export declare const StyledOption: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
23
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
24
|
+
as?: import("react").ElementType<any> | undefined;
|
|
25
|
+
}, {}, {
|
|
26
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
27
|
+
}>;
|
|
28
|
+
export declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
29
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
30
|
+
as?: import("react").ElementType<any> | undefined;
|
|
31
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
|
|
32
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
33
|
+
}>;
|
|
34
|
+
export declare const StyledPressable: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
|
|
35
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
36
|
+
as?: import("react").ElementType<any> | undefined;
|
|
37
|
+
} & PressableOptions & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
|
|
38
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { StyleProp, TextStyle } from 'react-native';
|
|
3
|
+
import { ColorGradationType, ColorType, FontColorType, IconSizeType } from '../../../types/defaults';
|
|
4
|
+
import { IconType } from '../../../styles/definitions';
|
|
5
|
+
export interface IconProps {
|
|
6
|
+
name: string;
|
|
7
|
+
size?: IconSizeType;
|
|
8
|
+
type: IconType;
|
|
9
|
+
fontColor?: FontColorType;
|
|
10
|
+
colorVariant?: ColorType;
|
|
11
|
+
colorTone?: ColorGradationType;
|
|
12
|
+
style?: StyleProp<TextStyle>;
|
|
13
|
+
}
|
|
14
|
+
declare const Icon: FC<IconProps>;
|
|
15
|
+
export default Icon;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ComponentType } from 'react';
|
|
2
|
+
import { ColorGradationType, ColorType, FontColorType, ThemeProp } from '../../../types/defaults';
|
|
3
|
+
import { IconInternalProps } from './types';
|
|
4
|
+
import { IconType } from '../../../styles/definitions';
|
|
5
|
+
export declare const registerCustomIconType: (id: string, customIcon: any) => void;
|
|
6
|
+
export declare const getIconComponent: (type: IconType) => ComponentType<IconInternalProps>;
|
|
7
|
+
export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor: FontColorType, theme: ThemeProp) => string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ComponentType } from 'react';
|
|
2
|
+
import { IconRNVIProps } from './types';
|
|
3
|
+
import { IconSizeType } from '../../../types/defaults';
|
|
4
|
+
export declare const getStyledIcon: (Component: ComponentType<IconRNVIProps>, size: IconSizeType) => import("@emotion/native").StyledComponent<IconRNVIProps & {
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ColorValue, StyleProp, TextProps, TextStyle } from 'react-native';
|
|
2
|
+
import { IconSizeType } from '../../../types/defaults';
|
|
3
|
+
export interface IconRNVIProps extends TextProps {
|
|
4
|
+
name: string;
|
|
5
|
+
color?: ColorValue | number | undefined;
|
|
6
|
+
}
|
|
7
|
+
export interface IconInternalProps {
|
|
8
|
+
size: IconSizeType;
|
|
9
|
+
color: string;
|
|
10
|
+
name: string;
|
|
11
|
+
style?: StyleProp<TextStyle>;
|
|
12
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { InputVariantType } from '../Input';
|
|
3
|
+
import { TextProps } from '../Text';
|
|
4
|
+
interface HintProps {
|
|
5
|
+
text?: string;
|
|
6
|
+
variant: InputVariantType;
|
|
7
|
+
TextComponent?: FC<TextProps>;
|
|
8
|
+
}
|
|
9
|
+
declare const Hint: FC<HintProps>;
|
|
10
|
+
export default Hint;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
import { InputElementProps } from '..';
|
|
4
|
+
import { ColorGradationType, ColorType, FontColorType, FontStackType, FontWeightType, TypographyVariationType } from '../../../../types/defaults';
|
|
5
|
+
import { TextProps } from '../../Text';
|
|
6
|
+
export type InputVariantType = 'default' | 'error' | 'success';
|
|
7
|
+
export interface InputContainerProps {
|
|
8
|
+
label?: string;
|
|
9
|
+
labelColor?: FontColorType;
|
|
10
|
+
labelColorVariant?: ColorType;
|
|
11
|
+
labelColorTone?: ColorGradationType;
|
|
12
|
+
labelTypography?: TypographyVariationType;
|
|
13
|
+
labelStack?: FontStackType;
|
|
14
|
+
LabelComponent?: FC<TextProps>;
|
|
15
|
+
labelWeight?: FontWeightType;
|
|
16
|
+
leftComponent?: JSX.Element;
|
|
17
|
+
rightComponent?: JSX.Element;
|
|
18
|
+
borderColor?: ColorType;
|
|
19
|
+
borderColorGradation?: ColorGradationType;
|
|
20
|
+
style?: StyleProp<ViewStyle>;
|
|
21
|
+
inputContainerStyle?: StyleProp<ViewStyle>;
|
|
22
|
+
focused?: boolean;
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
variant?: InputVariantType;
|
|
25
|
+
hint?: string;
|
|
26
|
+
hintComponent?: JSX.Element;
|
|
27
|
+
testID?: string;
|
|
28
|
+
}
|
|
29
|
+
declare const InputContainer: FC<InputContainerProps & Partial<InputElementProps>>;
|
|
30
|
+
export default InputContainer;
|