@tecsinapse/react-native-kit 3.3.9 → 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/index.d.ts +1 -0
- package/dist/types/components/atoms/Badge/Badge.d.ts +8 -0
- package/dist/types/components/atoms/Badge/index.d.ts +2 -0
- package/dist/types/components/atoms/BottomNavigator/BottomNavigator.d.ts +13 -0
- package/dist/types/components/atoms/BottomNavigator/Item.d.ts +19 -0
- package/dist/types/components/atoms/BottomNavigator/index.d.ts +3 -0
- package/dist/types/components/atoms/BottomNavigator/styled.d.ts +26 -0
- package/dist/types/components/atoms/Button/Button.d.ts +6 -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/index.d.ts +3 -0
- package/dist/types/components/atoms/GroupButton/GroupButtonOption.d.ts +4 -0
- package/dist/types/components/atoms/GroupButton/index.d.ts +1 -0
- package/dist/types/components/atoms/Header/Header.d.ts +16 -0
- package/dist/types/components/atoms/Header/index.d.ts +2 -0
- package/dist/types/components/atoms/Header/styled.d.ts +16 -0
- package/dist/types/components/atoms/Input/Input.d.ts +9 -0
- package/dist/types/components/atoms/Input/index.d.ts +2 -0
- package/dist/types/components/atoms/Input/styled.d.ts +7 -0
- package/dist/types/components/atoms/InputMask/InputMask.d.ts +8 -0
- package/dist/types/components/atoms/InputMask/index.d.ts +2 -0
- package/dist/types/components/atoms/InputMask/styled.d.ts +11 -0
- package/dist/types/components/atoms/Modal/ModalGroupManager.d.ts +4 -0
- package/dist/types/components/atoms/Modal/ModalLifecycleHandler.d.ts +24 -0
- package/dist/types/components/atoms/Modal/index.d.ts +7 -0
- package/dist/types/components/atoms/Modal/ui/BaseModalView.d.ts +3 -0
- package/dist/types/components/atoms/Modal/ui/styled.d.ts +16 -0
- package/dist/types/components/atoms/Modal/ui/types.d.ts +11 -0
- package/dist/types/components/atoms/Modal/useLazyModalManager.d.ts +8 -0
- package/dist/types/components/atoms/Modal/useModalManager.d.ts +6 -0
- package/dist/types/components/atoms/Modal/useModalRemoteControl.d.ts +4 -0
- package/dist/types/components/atoms/Skeleton/Pulse.d.ts +3 -0
- package/dist/types/components/atoms/Skeleton/Skeleton.d.ts +12 -0
- package/dist/types/components/atoms/Skeleton/Wave.d.ts +3 -0
- package/dist/types/components/atoms/Skeleton/animation.d.ts +3 -0
- package/dist/types/components/atoms/Skeleton/index.d.ts +2 -0
- package/dist/types/components/atoms/Skeleton/styled.d.ts +8 -0
- package/dist/types/components/atoms/Skeleton/types.d.ts +12 -0
- package/dist/types/components/atoms/SnappingSlider/SnappingSlider.d.ts +10 -0
- package/dist/types/components/atoms/SnappingSlider/index.d.ts +2 -0
- package/dist/types/components/atoms/Tag/Tag.d.ts +7 -0
- package/dist/types/components/atoms/Tag/index.d.ts +2 -0
- package/dist/types/components/atoms/Text/Text.d.ts +5 -0
- package/dist/types/components/atoms/Text/index.d.ts +2 -0
- package/dist/types/components/atoms/Text/styled.d.ts +11 -0
- package/dist/types/components/atoms/TextArea/TextArea.d.ts +5 -0
- package/dist/types/components/atoms/TextArea/index.d.ts +2 -0
- package/dist/types/components/atoms/TextArea/styled.d.ts +10 -0
- package/dist/types/components/molecules/Calendar/Calendar.d.ts +3 -0
- package/dist/types/components/molecules/Calendar/index.d.ts +1 -0
- package/dist/types/components/molecules/DatePicker/DatePicker.d.ts +4 -0
- package/dist/types/components/molecules/DatePicker/index.d.ts +2 -0
- package/dist/types/components/molecules/DatePicker/styled.d.ts +5 -0
- package/dist/types/components/molecules/DateTimePicker/DateTimePicker.d.ts +4 -0
- package/dist/types/components/molecules/DateTimePicker/index.d.ts +2 -0
- package/dist/types/components/molecules/DateTimePickerSelector/DateTimePickerSelector.d.ts +5 -0
- package/dist/types/components/molecules/DateTimePickerSelector/index.d.ts +1 -0
- package/dist/types/components/molecules/DateTimePickerSelector/styled.d.ts +23 -0
- package/dist/types/components/molecules/Grid/Grid.d.ts +6 -0
- package/dist/types/components/molecules/Grid/Item/Item.d.ts +8 -0
- package/dist/types/components/molecules/Grid/Item/index.d.ts +1 -0
- package/dist/types/components/molecules/Grid/index.d.ts +2 -0
- package/dist/types/components/molecules/IconTextButton/IconTextButton.d.ts +6 -0
- package/dist/types/components/molecules/IconTextButton/TextComponent.d.ts +12 -0
- package/dist/types/components/molecules/IconTextButton/index.d.ts +2 -0
- package/dist/types/components/molecules/IconTextButton/styled.d.ts +17 -0
- package/dist/types/components/molecules/InputPassword/InputPassword.d.ts +6 -0
- package/dist/types/components/molecules/InputPassword/index.d.ts +2 -0
- package/dist/types/components/molecules/LabeledSwitch/LabelComponent.d.ts +13 -0
- package/dist/types/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +8 -0
- package/dist/types/components/molecules/LabeledSwitch/index.d.ts +2 -0
- package/dist/types/components/molecules/LabeledSwitch/styled.d.ts +15 -0
- package/dist/types/components/molecules/ScrollableSelector/ScrollableSelector.d.ts +15 -0
- package/dist/types/components/molecules/ScrollableSelector/components/DateBlock.d.ts +19 -0
- package/dist/types/components/molecules/ScrollableSelector/components/index.d.ts +1 -0
- package/dist/types/components/molecules/ScrollableSelector/index.d.ts +1 -0
- package/dist/types/components/molecules/ScrollableSelector/styled.d.ts +57 -0
- package/dist/types/components/molecules/Select/Modal.d.ts +8 -0
- package/dist/types/components/molecules/Select/Select.d.ts +25 -0
- package/dist/types/components/molecules/Select/index.d.ts +2 -0
- package/dist/types/components/molecules/Select/styled.d.ts +53 -0
- package/dist/types/components/molecules/Snackbar/Snackbar.d.ts +9 -0
- package/dist/types/components/molecules/Snackbar/index.d.ts +2 -0
- package/dist/types/components/molecules/Snackbar/styled.d.ts +5 -0
- package/dist/types/index.d.ts +44 -0
- package/dist/types/utils/date.d.ts +1 -0
- package/package.json +6 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Avatar } from './Avatar';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { BadgeProps, FontColorType } from '@tecsinapse/react-core';
|
|
3
|
+
export interface BadgeNativeProps extends Omit<BadgeProps, 'value'> {
|
|
4
|
+
fontColor?: FontColorType;
|
|
5
|
+
value: string | number;
|
|
6
|
+
}
|
|
7
|
+
declare const Badge: FC<BadgeNativeProps>;
|
|
8
|
+
export default Badge;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
3
|
+
import { BottomNavigatorItemProps } from './Item';
|
|
4
|
+
export interface BottomNavigatorProps<T extends string | number | symbol> extends ViewProps {
|
|
5
|
+
selected: T;
|
|
6
|
+
onSelect: (value: T) => void | never;
|
|
7
|
+
children: React.ReactElement<BottomNavigatorItemProps<T>> | React.ReactElement<BottomNavigatorItemProps<T>>[];
|
|
8
|
+
}
|
|
9
|
+
declare function BottomNavigator<T extends string | number | symbol>({ selected, onSelect, children, ...rest }: BottomNavigatorProps<T>): JSX.Element;
|
|
10
|
+
declare namespace BottomNavigator {
|
|
11
|
+
var Item: typeof import("./Item").default;
|
|
12
|
+
}
|
|
13
|
+
export default BottomNavigator;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IconProps } from '@tecsinapse/react-core';
|
|
3
|
+
import { ViewProps } from 'react-native';
|
|
4
|
+
import { TextNativeProps } from '../Text';
|
|
5
|
+
type ValueType = string | number | symbol;
|
|
6
|
+
export interface BottomNavigatorItemProps<T extends ValueType> extends Omit<ViewProps, 'children'> {
|
|
7
|
+
_selected?: boolean;
|
|
8
|
+
value: T;
|
|
9
|
+
icon: IconProps;
|
|
10
|
+
label?: string;
|
|
11
|
+
labelProps?: TextNativeProps;
|
|
12
|
+
labelElement?: React.ReactNode | React.ReactNode[];
|
|
13
|
+
children: React.ReactNode | React.ReactNode[];
|
|
14
|
+
}
|
|
15
|
+
type ItemPropsWithIcon<T extends ValueType> = Omit<BottomNavigatorItemProps<T>, 'children'>;
|
|
16
|
+
type ItemPropsWithChildren<T extends ValueType> = Omit<BottomNavigatorItemProps<T>, 'icon' | 'label' | 'labelElement' | 'labelProps'>;
|
|
17
|
+
declare function Item<T extends ValueType>(props: ItemPropsWithChildren<T>): any;
|
|
18
|
+
declare function Item<T extends ValueType>(props: ItemPropsWithIcon<T>): any;
|
|
19
|
+
export default Item;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PressableProps, ViewProps } from 'react-native';
|
|
3
|
+
export declare const StyledView: import("@emotion/native").StyledComponent<ViewProps & {
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
7
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
8
|
+
}>;
|
|
9
|
+
export declare const TabContainer: import("@emotion/native").StyledComponent<PressableProps & import("react").RefAttributes<import("react-native").View> & {
|
|
10
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
+
as?: import("react").ElementType<any> | undefined;
|
|
12
|
+
} & {
|
|
13
|
+
selected: boolean;
|
|
14
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
15
|
+
export declare const TabContent: import("@emotion/native").StyledComponent<ViewProps & {
|
|
16
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
17
|
+
as?: import("react").ElementType<any> | undefined;
|
|
18
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
19
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
20
|
+
}>;
|
|
21
|
+
export declare const CustomTabContent: import("@emotion/native").StyledComponent<ViewProps & {
|
|
22
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
23
|
+
as?: import("react").ElementType<any> | undefined;
|
|
24
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
25
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
26
|
+
}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as GroupButtonOption } from './GroupButtonOption';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ViewProps } from 'react-native';
|
|
2
|
+
import { ButtonProps, IconProps } from '@tecsinapse/react-core';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
export type Attachable = ButtonProps & {
|
|
5
|
+
icon: IconProps;
|
|
6
|
+
valueBadge?: number;
|
|
7
|
+
};
|
|
8
|
+
export interface HeaderProps extends ViewProps {
|
|
9
|
+
rightButton?: Attachable;
|
|
10
|
+
leftButton?: Attachable;
|
|
11
|
+
}
|
|
12
|
+
export interface ButtonBaseProps extends ViewProps {
|
|
13
|
+
button?: Attachable;
|
|
14
|
+
}
|
|
15
|
+
declare const Header: React.FC<HeaderProps>;
|
|
16
|
+
export default Header;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ButtonProps } from '@tecsinapse/react-core';
|
|
3
|
+
export declare const StyledView: 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("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
7
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
8
|
+
}>;
|
|
9
|
+
export declare const FloatingButton: import("@emotion/native").StyledComponent<ButtonProps & {
|
|
10
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
+
as?: import("react").ElementType<any> | undefined;
|
|
12
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
13
|
+
export declare const Dummy: import("@emotion/native").StyledComponent<ButtonProps & {
|
|
14
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
15
|
+
as?: import("react").ElementType<any> | undefined;
|
|
16
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FontStackType, FontWeightType, InputContainerProps, InputElementProps } from '@tecsinapse/react-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { TextInput } from 'react-native';
|
|
4
|
+
export interface InputNativeProps extends Omit<InputElementProps, 'style'>, InputContainerProps {
|
|
5
|
+
inputFontStack?: FontStackType;
|
|
6
|
+
inputFontWeight?: FontWeightType;
|
|
7
|
+
}
|
|
8
|
+
declare const Input: React.ForwardRefExoticComponent<InputNativeProps & React.RefAttributes<TextInput>>;
|
|
9
|
+
export default Input;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Font } from '../Text/styled';
|
|
3
|
+
import { InputNativeProps } from './Input';
|
|
4
|
+
export declare const StyledNativeInput: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
} & Partial<InputNativeProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & Font, {}, {}>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FontStackType, FontWeightType, InputContainerProps, InputMaskElementProps } from '@tecsinapse/react-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export interface InputMaskNativeProps extends Omit<InputMaskElementProps, 'style'>, InputContainerProps {
|
|
4
|
+
inputFontStack?: FontStackType;
|
|
5
|
+
inputFontWeight?: FontWeightType;
|
|
6
|
+
}
|
|
7
|
+
declare const InputMask: FC<InputMaskNativeProps>;
|
|
8
|
+
export default InputMask;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Font } from '../Text/styled';
|
|
3
|
+
import { InputMaskNativeProps } from './InputMask';
|
|
4
|
+
export declare const StyledInputContainer: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputContainerProps & Partial<import("@tecsinapse/react-core").InputElementProps> & {
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
8
|
+
export declare const StyledNativeInputMask: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputMaskElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
} & Partial<InputMaskNativeProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & Font, {}, {}>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Dispatch, ReactElement } from 'react';
|
|
2
|
+
import { IBaseModal } from './ui/types';
|
|
3
|
+
interface ModalNode {
|
|
4
|
+
id: string;
|
|
5
|
+
visible?: boolean;
|
|
6
|
+
lastVisualization?: Date;
|
|
7
|
+
modal: () => ReactElement<IBaseModal>;
|
|
8
|
+
}
|
|
9
|
+
export declare class ModalLifecycleHandler {
|
|
10
|
+
nodeGroup: Map<string, ModalNode>;
|
|
11
|
+
state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>] | undefined;
|
|
12
|
+
constructor();
|
|
13
|
+
attach: (state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]) => void;
|
|
14
|
+
update: () => void;
|
|
15
|
+
render: () => ReactElement<IBaseModal>[];
|
|
16
|
+
sync: (id: string, modal: () => ReactElement<IBaseModal>) => void;
|
|
17
|
+
destroy: (id: string) => void;
|
|
18
|
+
private remove;
|
|
19
|
+
private findNode;
|
|
20
|
+
show: (id: string) => void;
|
|
21
|
+
close: (id: string) => void;
|
|
22
|
+
}
|
|
23
|
+
export declare const createModalLifecycleHandler: () => ModalLifecycleHandler;
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export * from './ModalGroupManager';
|
|
2
|
+
export * from './ModalLifecycleHandler';
|
|
3
|
+
export * from './ui/BaseModalView';
|
|
4
|
+
export * from './ui/types';
|
|
5
|
+
export * from './useModalManager';
|
|
6
|
+
export * from './useLazyModalManager';
|
|
7
|
+
export * from './useModalRemoteControl';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Animated } from 'react-native';
|
|
3
|
+
export declare const StyledPressableBackDrop: import("@emotion/native").StyledComponent<import("react-native").PressableProps & import("react").RefAttributes<import("react-native").View> & {
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
7
|
+
export declare const BackDropView: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
11
|
+
export declare const CloseBar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any> | undefined;
|
|
14
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
15
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
16
|
+
}>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
export interface IBaseModal {
|
|
3
|
+
visible?: boolean;
|
|
4
|
+
BoxComponent?: React.FC<any>;
|
|
5
|
+
frozen?: boolean;
|
|
6
|
+
isLastShown?: boolean;
|
|
7
|
+
showCloseBar?: boolean;
|
|
8
|
+
close?: () => void;
|
|
9
|
+
onClose?: () => void;
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { IBaseModal } from './ui/types';
|
|
3
|
+
export declare const useLazyModalManager: (modalId?: string) => {
|
|
4
|
+
requestUpdate: () => void;
|
|
5
|
+
sync: (modal: ReactElement<IBaseModal>) => null;
|
|
6
|
+
show: () => void;
|
|
7
|
+
close: () => void;
|
|
8
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BorderRadiusType } from '@tecsinapse/react-core';
|
|
3
|
+
import { ViewProps } from 'react-native';
|
|
4
|
+
export interface SkeletonProps extends ViewProps {
|
|
5
|
+
width?: number;
|
|
6
|
+
height?: number;
|
|
7
|
+
radius?: BorderRadiusType;
|
|
8
|
+
active?: boolean;
|
|
9
|
+
animation?: 'wave' | 'pulse';
|
|
10
|
+
}
|
|
11
|
+
declare const Skeleton: React.FC<SkeletonProps>;
|
|
12
|
+
export default Skeleton;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { SkeletonProps } from './Skeleton';
|
|
3
|
+
export declare const Wrapper: 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("@tecsinapse/react-core").ThemeProviderProps & SkeletonProps>, {}, {
|
|
7
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
8
|
+
}>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ScrollViewProps } from 'react-native';
|
|
3
|
+
import { SpacingType } from '@tecsinapse/react-core';
|
|
4
|
+
export interface SnappingSliderProps extends Omit<ScrollViewProps, 'horizontal' | 'snapToOffsets'> {
|
|
5
|
+
showAmount: number;
|
|
6
|
+
scrollAmount: number;
|
|
7
|
+
spacing?: SpacingType;
|
|
8
|
+
}
|
|
9
|
+
declare const SnappingSlider: React.FC<SnappingSliderProps>;
|
|
10
|
+
export default SnappingSlider;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { TagProps as TagCoreProps } from '@tecsinapse/react-core';
|
|
3
|
+
export interface TagProps extends Omit<TagCoreProps, 'value'> {
|
|
4
|
+
value: string | ReactNode;
|
|
5
|
+
}
|
|
6
|
+
declare const Tag: React.FC<TagProps>;
|
|
7
|
+
export default Tag;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { FontStackType, FontWeightType, StyleProps } from '@tecsinapse/react-core';
|
|
3
|
+
export interface Font {
|
|
4
|
+
fontStack?: FontStackType;
|
|
5
|
+
fontWeight?: FontWeightType;
|
|
6
|
+
}
|
|
7
|
+
export declare const fontStyles: ({ theme, fontStack, fontWeight, }: Partial<Font & Partial<StyleProps>>) => import("@emotion/native").ReactNativeStyle;
|
|
8
|
+
export declare const StyledNativeText: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
} & Font & Partial<import("@tecsinapse/react-core").TextProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Font } from '../Text/styled';
|
|
3
|
+
import { TextAreaProps } from './TextArea';
|
|
4
|
+
export declare const StyledNativeInput: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").InputElementProps & import("react").RefAttributes<import("react-native").TextInput> & {
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
} & Partial<import("@tecsinapse/react-core").TextAreaProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
} & Font & Partial<TextAreaProps>, {}, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Calendar } from './Calendar';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DatePickerProps, SelectionType } from '@tecsinapse/react-core';
|
|
3
|
+
export type NativeDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'>;
|
|
4
|
+
export declare const DatePicker: <T extends SelectionType>({ locale, onChange, value, type, ...rest }: NativeDatePickerProps<T>) => JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const CalendarBoxContent: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").BoxContentProps & {
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { DateTimePickerProps } from '@tecsinapse/react-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
export type NativeDateTimePickerProps = Omit<DateTimePickerProps, 'DateTimeSelectorComponent' | 'renderSelector' | 'requestCloseSelector' | 'requestShowSelector'>;
|
|
4
|
+
export declare const DateTimePicker: FC<NativeDateTimePickerProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ControlledSelectorComponentProps, DateTimeSelectorProps } from '@tecsinapse/react-core';
|
|
3
|
+
type DateTimePickerSelectorProps = ControlledSelectorComponentProps & DateTimeSelectorProps;
|
|
4
|
+
declare const DateTimePickerSelector: React.FC<DateTimePickerSelectorProps>;
|
|
5
|
+
export default DateTimePickerSelector;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as DateTimePickerSelector } from './DateTimePickerSelector';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Root: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
6
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
7
|
+
}>;
|
|
8
|
+
export declare const Content: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
12
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
13
|
+
}>;
|
|
14
|
+
export declare const BackButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").PressableSurfaceProps & {
|
|
15
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
+
as?: import("react").ElementType<any> | undefined;
|
|
17
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
18
|
+
export declare const Header: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
19
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
20
|
+
as?: import("react").ElementType<any> | undefined;
|
|
21
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
22
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
23
|
+
}>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ViewProps } from 'react-native';
|
|
3
|
+
import { IGrid } from '@tecsinapse/react-core';
|
|
4
|
+
export type IGridNative = IGrid & Omit<ViewProps, 'children'>;
|
|
5
|
+
declare const Grid: ({ children, columns, layout, style, spacing, ...rest }: IGridNative) => JSX.Element;
|
|
6
|
+
export default Grid;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DimensionValue, ViewProps } from 'react-native';
|
|
3
|
+
import { IGridItem } from '@tecsinapse/react-core';
|
|
4
|
+
export type IGridItemNative = IGridItem & Omit<ViewProps, 'children'> & {
|
|
5
|
+
flexBasis?: DimensionValue;
|
|
6
|
+
};
|
|
7
|
+
declare const GridItem: ({ children, span, columns, loadingComponent, loading, spacing: _spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemNative) => JSX.Element;
|
|
8
|
+
export default GridItem;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as GridItem, IGridItemNative } from './Item';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { IconTextButtonProps } from '@tecsinapse/react-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ButtonNativeProps } from '../../atoms/Button';
|
|
4
|
+
export type NativeIconTextButtonProps = IconTextButtonProps & Omit<ButtonNativeProps, 'ButtonProps'>;
|
|
5
|
+
declare const IconTextButton: React.FC<NativeIconTextButtonProps>;
|
|
6
|
+
export default IconTextButton;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ButtonSizeType, FontColor, IconPositionOptions, TextProps } from '@tecsinapse/react-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
interface TextComponentProps {
|
|
4
|
+
textProps?: TextProps;
|
|
5
|
+
size?: ButtonSizeType;
|
|
6
|
+
defaultFontColor: keyof FontColor;
|
|
7
|
+
label?: string;
|
|
8
|
+
iconPosition?: IconPositionOptions;
|
|
9
|
+
hasIcon?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const _default: React.NamedExoticComponent<TextComponentProps>;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconPositionOptions } from '@tecsinapse/react-core';
|
|
3
|
+
export declare const StyledIconTextButton: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").ButtonProps & {
|
|
4
|
+
autoDismissKeyboard?: boolean | undefined;
|
|
5
|
+
} & {
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
as?: import("react").ElementType<any> | undefined;
|
|
8
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
|
|
9
|
+
boxed: boolean;
|
|
10
|
+
}, {}, {}>;
|
|
11
|
+
export declare const StyledText: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any> | undefined;
|
|
14
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
|
|
15
|
+
iconPosition: IconPositionOptions;
|
|
16
|
+
hasIcon?: boolean | undefined;
|
|
17
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { InputNativeProps } from '../../atoms/Input';
|
|
3
|
+
import { TextInput } from 'react-native';
|
|
4
|
+
export type InputPasswordNativeProps = InputNativeProps;
|
|
5
|
+
declare const InputPassword: React.ForwardRefExoticComponent<InputNativeProps & React.RefAttributes<TextInput>>;
|
|
6
|
+
export default InputPassword;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { LabelPositionOptions } from '@tecsinapse/react-core';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { PressableProps } from 'react-native';
|
|
4
|
+
import { TextNativeProps } from '../../atoms/Text';
|
|
5
|
+
export interface LabelComponentProps extends PressableProps {
|
|
6
|
+
label: string;
|
|
7
|
+
labelPosition: LabelPositionOptions;
|
|
8
|
+
labelProps?: TextNativeProps;
|
|
9
|
+
active: boolean;
|
|
10
|
+
switchDisabled?: boolean;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: React.NamedExoticComponent<LabelComponentProps>;
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { LabeledSwitchProps } from '@tecsinapse/react-core';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import { TextNativeProps } from '../../atoms/Text';
|
|
4
|
+
export type LabeledSwitchNativeProps = LabeledSwitchProps & {
|
|
5
|
+
labelProps?: TextNativeProps;
|
|
6
|
+
};
|
|
7
|
+
declare const LabeledSwitch: FC<LabeledSwitchNativeProps>;
|
|
8
|
+
export default LabeledSwitch;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { LabelPositionOptions } from '@tecsinapse/react-core';
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
export declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
}, {}, {
|
|
8
|
+
ref?: import("react").Ref<View> | undefined;
|
|
9
|
+
}>;
|
|
10
|
+
export declare const StyledLabel: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps> & {
|
|
14
|
+
labelPosition: LabelPositionOptions;
|
|
15
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DateTimeSelectorProps } from '@tecsinapse/react-core';
|
|
3
|
+
export interface ScrollableSelectorProps extends DateTimeSelectorProps {
|
|
4
|
+
height?: number;
|
|
5
|
+
width?: number;
|
|
6
|
+
fontSize?: number;
|
|
7
|
+
textColor?: string;
|
|
8
|
+
startYear?: number;
|
|
9
|
+
endYear?: number;
|
|
10
|
+
markColor?: string;
|
|
11
|
+
markHeight?: number;
|
|
12
|
+
markWidth?: number;
|
|
13
|
+
}
|
|
14
|
+
declare const ScrollableSelector: React.FC<ScrollableSelectorProps>;
|
|
15
|
+
export default ScrollableSelector;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextProps } from '@tecsinapse/react-core';
|
|
3
|
+
export interface DateBlockProps {
|
|
4
|
+
digits: number[];
|
|
5
|
+
locale?: Locale;
|
|
6
|
+
value: number;
|
|
7
|
+
date: Date;
|
|
8
|
+
type: string;
|
|
9
|
+
height: number;
|
|
10
|
+
fontSize?: number;
|
|
11
|
+
textColor?: string;
|
|
12
|
+
markColor?: string;
|
|
13
|
+
markHeight?: number;
|
|
14
|
+
markWidth?: number;
|
|
15
|
+
TextComponent?: React.FC<TextProps>;
|
|
16
|
+
onChange(type: string, digit: number): void;
|
|
17
|
+
}
|
|
18
|
+
declare const DateBlock: React.FC<DateBlockProps>;
|
|
19
|
+
export default DateBlock;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as DateBlock } from './DateBlock';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as ScrollableSelector } from './ScrollableSelector';
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ScrollView } from 'react-native';
|
|
3
|
+
interface MarkProps {
|
|
4
|
+
markTop: number;
|
|
5
|
+
markColor: string;
|
|
6
|
+
markHeight: number;
|
|
7
|
+
markWidth: number;
|
|
8
|
+
}
|
|
9
|
+
export declare const PickerContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
10
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
+
as?: import("react").ElementType<any> | undefined;
|
|
12
|
+
}, {}, {
|
|
13
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
14
|
+
}>;
|
|
15
|
+
export declare const Block: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
16
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
17
|
+
as?: import("react").ElementType<any> | undefined;
|
|
18
|
+
}, {}, {
|
|
19
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
20
|
+
}>;
|
|
21
|
+
export declare const BlockLabels: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
22
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
23
|
+
as?: import("react").ElementType<any> | undefined;
|
|
24
|
+
}, {}, {
|
|
25
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
26
|
+
}>;
|
|
27
|
+
export declare const Scroll: import("@emotion/native").StyledComponent<import("react-native").ScrollViewProps & {
|
|
28
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
29
|
+
as?: import("react").ElementType<any> | undefined;
|
|
30
|
+
}, {}, {
|
|
31
|
+
ref?: import("react").Ref<ScrollView> | undefined;
|
|
32
|
+
}>;
|
|
33
|
+
export declare const DigitText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
|
|
34
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
35
|
+
as?: import("react").ElementType<any> | undefined;
|
|
36
|
+
} & {
|
|
37
|
+
fontSize: number;
|
|
38
|
+
marginBottom: number;
|
|
39
|
+
marginTop: number;
|
|
40
|
+
lineHeight: number;
|
|
41
|
+
height: number;
|
|
42
|
+
}, {}, {
|
|
43
|
+
ref?: import("react").Ref<import("react-native").Text> | undefined;
|
|
44
|
+
}>;
|
|
45
|
+
export declare const Mark: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
46
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
47
|
+
as?: import("react").ElementType<any> | undefined;
|
|
48
|
+
} & MarkProps & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
49
|
+
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
50
|
+
}>;
|
|
51
|
+
export declare const StyledScrollView: import("@emotion/native").StyledComponent<import("react-native").ScrollViewProps & {
|
|
52
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
53
|
+
as?: import("react").ElementType<any> | undefined;
|
|
54
|
+
}, {}, {
|
|
55
|
+
ref?: import("react").Ref<ScrollView> | undefined;
|
|
56
|
+
}>;
|
|
57
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IBaseModal } from '../../atoms/Modal';
|
|
3
|
+
import { SelectNativeProps } from './Select';
|
|
4
|
+
interface LoadingProps {
|
|
5
|
+
loading?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const Modal: <Data, Type extends "single" | "multi">({ options, keyExtractor, labelExtractor, hideSearchBar, searchBarPlaceholder, focused, type, value, onSelect, onSearch, selectModalTitle, selectModalTitleComponent, confirmButtonText, loading, close, closeOnPick, ...others }: SelectNativeProps<Data, Type> & LoadingProps & IBaseModal) => JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { InputContainerProps } from '@tecsinapse/react-core';
|
|
3
|
+
export interface SelectNativeProps<Data, Type extends 'single' | 'multi'> extends Omit<InputContainerProps, 'value' | 'onChange' | 'onChangeText'> {
|
|
4
|
+
options: ((searchInput?: string) => Promise<Data[]>) | Data[];
|
|
5
|
+
onSelect: (option: Type extends 'single' ? Data | undefined : Data[]) => never | void;
|
|
6
|
+
value: Type extends 'single' ? Data | null | undefined : Data[];
|
|
7
|
+
type: Type;
|
|
8
|
+
keyExtractor: (t: Data, index?: number) => string;
|
|
9
|
+
labelExtractor: (t: Data) => string;
|
|
10
|
+
groupKeyExtractor?: (t: Data) => string;
|
|
11
|
+
hideSearchBar?: boolean;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
onFocus?: () => void | never;
|
|
14
|
+
onBlur?: () => void | never;
|
|
15
|
+
onSearch?: ((searchArg: string) => void) | ((searchInput?: string) => Promise<Data[]>) | never;
|
|
16
|
+
searchBarPlaceholder?: string;
|
|
17
|
+
confirmButtonText?: string;
|
|
18
|
+
selectModalTitle?: string;
|
|
19
|
+
selectModalTitleComponent?: JSX.Element;
|
|
20
|
+
closeOnPick?: boolean;
|
|
21
|
+
controlComponent?: (onPress: () => void, displayValue?: string) => JSX.Element;
|
|
22
|
+
numberOfLines?: number;
|
|
23
|
+
}
|
|
24
|
+
declare function Select<Data, Type extends 'single' | 'multi'>({ value, options, keyExtractor, groupKeyExtractor, onSelect, type, labelExtractor, placeholder, onFocus, onBlur, disabled, onSearch, selectModalTitle, selectModalTitleComponent, searchBarPlaceholder, hideSearchBar, confirmButtonText, rightComponent, variant, hintComponent, hint, style, controlComponent, closeOnPick, label, numberOfLines, ...rest }: SelectNativeProps<Data, Type>): JSX.Element;
|
|
25
|
+
export default Select;
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { InputContainerProps, PressableSurfaceProps } from '@tecsinapse/react-core';
|
|
3
|
+
import { ActivityIndicator, View, ViewProps } from 'react-native';
|
|
4
|
+
export declare const getStyledModal: (safeTop?: number) => import("@emotion/native").StyledComponent<ViewProps & {
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
} & import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
8
|
+
ref?: import("react").Ref<View> | undefined;
|
|
9
|
+
}>;
|
|
10
|
+
export declare const StyledSelectionText: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
|
|
11
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
|
+
} & Partial<InputContainerProps> & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
14
|
+
export declare const Header: import("@emotion/native").StyledComponent<ViewProps & {
|
|
15
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
+
as?: import("react").ElementType<any> | undefined;
|
|
17
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
18
|
+
ref?: import("react").Ref<View> | undefined;
|
|
19
|
+
}>;
|
|
20
|
+
export declare const SearchBarContainer: import("@emotion/native").StyledComponent<ViewProps & {
|
|
21
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
22
|
+
as?: import("react").ElementType<any> | undefined;
|
|
23
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
24
|
+
ref?: import("react").Ref<View> | undefined;
|
|
25
|
+
}>;
|
|
26
|
+
export declare const ListItem: import("@emotion/native").StyledComponent<PressableSurfaceProps & {
|
|
27
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
28
|
+
as?: import("react").ElementType<any> | undefined;
|
|
29
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
30
|
+
export declare const ModalFooter: import("@emotion/native").StyledComponent<ViewProps & {
|
|
31
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
32
|
+
as?: import("react").ElementType<any> | undefined;
|
|
33
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {
|
|
34
|
+
ref?: import("react").Ref<View> | undefined;
|
|
35
|
+
}>;
|
|
36
|
+
export declare const SelectIcon: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").IconProps & {
|
|
37
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
38
|
+
as?: import("react").ElementType<any> | undefined;
|
|
39
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
40
|
+
export declare const FetchIndicator: import("@emotion/native").StyledComponent<import("react-native").ActivityIndicatorProps & {
|
|
41
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
42
|
+
as?: import("react").ElementType<any> | undefined;
|
|
43
|
+
}, {}, {
|
|
44
|
+
ref?: import("react").Ref<ActivityIndicator> | undefined;
|
|
45
|
+
}>;
|
|
46
|
+
export declare const TextTitleModal: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
|
|
47
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
48
|
+
as?: import("react").ElementType<any> | undefined;
|
|
49
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
50
|
+
export declare const StyledTextItemSelect: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").TextProps & {
|
|
51
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
52
|
+
as?: import("react").ElementType<any> | undefined;
|
|
53
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SnackbarProps as SnackPropsCore } from '@tecsinapse/react-core';
|
|
3
|
+
import { TextNativeProps } from '../../atoms/Text';
|
|
4
|
+
export interface SnackbarNativeProps extends Omit<SnackPropsCore, 'children'> {
|
|
5
|
+
value: string;
|
|
6
|
+
textProps?: TextNativeProps;
|
|
7
|
+
}
|
|
8
|
+
declare const Snackbar: React.FC<SnackbarNativeProps>;
|
|
9
|
+
export default Snackbar;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const SnackbarStyled: import("@emotion/native").StyledComponent<import("@tecsinapse/react-core").SnackbarProps & {
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
} & Partial<import("@tecsinapse/react-core").ThemeProviderProps>, {}, {}>;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export * from '@tecsinapse/react-core';
|
|
2
|
+
export { Avatar } from './components/atoms/Avatar';
|
|
3
|
+
export { Badge } from './components/atoms/Badge';
|
|
4
|
+
export type { BadgeNativeProps } from './components/atoms/Badge';
|
|
5
|
+
export { BottomNavigator } from './components/atoms/BottomNavigator';
|
|
6
|
+
export type { BottomNavigatorProps } from './components/atoms/BottomNavigator';
|
|
7
|
+
export { Button, Error, Loading, Success } from './components/atoms/Button';
|
|
8
|
+
export type { ButtonNativeProps } from './components/atoms/Button';
|
|
9
|
+
export { GroupButtonOption } from './components/atoms/GroupButton';
|
|
10
|
+
export { Header } from './components/atoms/Header';
|
|
11
|
+
export type { HeaderProps, Attachable } from './components/atoms/Header';
|
|
12
|
+
export { Input } from './components/atoms/Input';
|
|
13
|
+
export type { InputNativeProps } from './components/atoms/Input';
|
|
14
|
+
export { InputMask } from './components/atoms/InputMask';
|
|
15
|
+
export type { InputMaskNativeProps } from './components/atoms/InputMask';
|
|
16
|
+
export { ModalGroupManager, ModalLifecycleHandler, ModalView, useLazyModalManager, useModalManager, useModalRemoteControl, } from './components/atoms/Modal';
|
|
17
|
+
export type { IBaseModal } from './components/atoms/Modal';
|
|
18
|
+
export { Skeleton } from './components/atoms/Skeleton';
|
|
19
|
+
export type { SkeletonProps } from './components/atoms/Skeleton';
|
|
20
|
+
export { SnappingSlider } from './components/atoms/SnappingSlider';
|
|
21
|
+
export type { SnappingSliderProps } from './components/atoms/SnappingSlider';
|
|
22
|
+
export { Tag } from './components/atoms/Tag';
|
|
23
|
+
export type { TagProps } from './components/atoms/Tag';
|
|
24
|
+
export { Text } from './components/atoms/Text';
|
|
25
|
+
export type { TextNativeProps } from './components/atoms/Text';
|
|
26
|
+
export { TextArea } from './components/atoms/TextArea';
|
|
27
|
+
export type { TextAreaProps } from './components/atoms/TextArea';
|
|
28
|
+
export { Calendar } from './components/molecules/Calendar';
|
|
29
|
+
export { DatePicker } from './components/molecules/DatePicker';
|
|
30
|
+
export type { NativeDatePickerProps } from './components/molecules/DatePicker';
|
|
31
|
+
export { DateTimePicker } from './components/molecules/DateTimePicker';
|
|
32
|
+
export type { NativeDateTimePickerProps } from './components/molecules/DateTimePicker';
|
|
33
|
+
export { DateTimePickerSelector } from './components/molecules/DateTimePickerSelector';
|
|
34
|
+
export { IconTextButton } from './components/molecules/IconTextButton';
|
|
35
|
+
export type { NativeIconTextButtonProps } from './components/molecules/IconTextButton';
|
|
36
|
+
export { InputPassword } from './components/molecules/InputPassword';
|
|
37
|
+
export type { InputPasswordNativeProps } from './components/molecules/InputPassword';
|
|
38
|
+
export { LabeledSwitch } from './components/molecules/LabeledSwitch';
|
|
39
|
+
export type { LabeledSwitchNativeProps } from './components/molecules/LabeledSwitch';
|
|
40
|
+
export { Select } from './components/molecules/Select';
|
|
41
|
+
export type { SelectNativeProps } from './components/molecules/Select';
|
|
42
|
+
export { Snackbar } from './components/molecules/Snackbar';
|
|
43
|
+
export type { SnackbarNativeProps } from './components/molecules/Snackbar';
|
|
44
|
+
export { Grid, GridItem } from './components/molecules/Grid';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getLocale: () => Locale;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/react-native-kit",
|
|
3
3
|
"description": "TecSinapse React Native components",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.4.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
7
7
|
"module": "dist/esm/index.js",
|
|
@@ -10,17 +10,17 @@
|
|
|
10
10
|
"dist"
|
|
11
11
|
],
|
|
12
12
|
"scripts": {
|
|
13
|
-
"dev": "
|
|
13
|
+
"dev": "rollup --config --watch",
|
|
14
|
+
"dev:dts": "tsc --project tsconfig.build.json --watch",
|
|
14
15
|
"build:es": "rollup --config",
|
|
15
|
-
"build:
|
|
16
|
-
"build:declaration:watch": "tsc --project tsconfig.build.json --watch",
|
|
16
|
+
"build:dts": "tsc --project tsconfig.build.json",
|
|
17
17
|
"yalc:push": "yalc push --changed",
|
|
18
18
|
"yalc:show": "yalc installations show $npm_package_name"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"@emotion/native": "~11.11.0",
|
|
22
22
|
"@emotion/react": "~11.11.0",
|
|
23
|
-
"@tecsinapse/react-core": "3.
|
|
23
|
+
"@tecsinapse/react-core": "3.4.0",
|
|
24
24
|
"react-native-linear-gradient": "~2.8.3"
|
|
25
25
|
},
|
|
26
26
|
"repository": {
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"react-native-safe-area-context": "^4.0.0",
|
|
40
40
|
"react-native-vector-icons": "^9.2.0"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "68c1b2e4efabf493290234c3d97754f39e82b861"
|
|
43
43
|
}
|