@tecsinapse/react-native-kit 3.3.9 → 3.4.1

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.
Files changed (92) hide show
  1. package/dist/cjs/components/molecules/Snackbar/Snackbar.js +1 -1
  2. package/dist/esm/components/molecules/Snackbar/Snackbar.js +1 -1
  3. package/dist/types/components/atoms/Avatar/Avatar.d.ts +4 -0
  4. package/dist/types/components/atoms/Avatar/index.d.ts +1 -0
  5. package/dist/types/components/atoms/Badge/Badge.d.ts +8 -0
  6. package/dist/types/components/atoms/Badge/index.d.ts +2 -0
  7. package/dist/types/components/atoms/BottomNavigator/BottomNavigator.d.ts +13 -0
  8. package/dist/types/components/atoms/BottomNavigator/Item.d.ts +19 -0
  9. package/dist/types/components/atoms/BottomNavigator/index.d.ts +3 -0
  10. package/dist/types/components/atoms/BottomNavigator/styled.d.ts +26 -0
  11. package/dist/types/components/atoms/Button/Button.d.ts +6 -0
  12. package/dist/types/components/atoms/Button/States/Error.d.ts +4 -0
  13. package/dist/types/components/atoms/Button/States/Loading.d.ts +4 -0
  14. package/dist/types/components/atoms/Button/States/Success.d.ts +4 -0
  15. package/dist/types/components/atoms/Button/States/index.d.ts +3 -0
  16. package/dist/types/components/atoms/Button/index.d.ts +3 -0
  17. package/dist/types/components/atoms/GroupButton/GroupButtonOption.d.ts +4 -0
  18. package/dist/types/components/atoms/GroupButton/index.d.ts +1 -0
  19. package/dist/types/components/atoms/Header/Header.d.ts +16 -0
  20. package/dist/types/components/atoms/Header/index.d.ts +2 -0
  21. package/dist/types/components/atoms/Header/styled.d.ts +16 -0
  22. package/dist/types/components/atoms/Input/Input.d.ts +9 -0
  23. package/dist/types/components/atoms/Input/index.d.ts +2 -0
  24. package/dist/types/components/atoms/Input/styled.d.ts +7 -0
  25. package/dist/types/components/atoms/InputMask/InputMask.d.ts +8 -0
  26. package/dist/types/components/atoms/InputMask/index.d.ts +2 -0
  27. package/dist/types/components/atoms/InputMask/styled.d.ts +11 -0
  28. package/dist/types/components/atoms/Modal/ModalGroupManager.d.ts +4 -0
  29. package/dist/types/components/atoms/Modal/ModalLifecycleHandler.d.ts +24 -0
  30. package/dist/types/components/atoms/Modal/index.d.ts +7 -0
  31. package/dist/types/components/atoms/Modal/ui/BaseModalView.d.ts +3 -0
  32. package/dist/types/components/atoms/Modal/ui/styled.d.ts +16 -0
  33. package/dist/types/components/atoms/Modal/ui/types.d.ts +11 -0
  34. package/dist/types/components/atoms/Modal/useLazyModalManager.d.ts +8 -0
  35. package/dist/types/components/atoms/Modal/useModalManager.d.ts +6 -0
  36. package/dist/types/components/atoms/Modal/useModalRemoteControl.d.ts +4 -0
  37. package/dist/types/components/atoms/Skeleton/Pulse.d.ts +3 -0
  38. package/dist/types/components/atoms/Skeleton/Skeleton.d.ts +12 -0
  39. package/dist/types/components/atoms/Skeleton/Wave.d.ts +3 -0
  40. package/dist/types/components/atoms/Skeleton/animation.d.ts +3 -0
  41. package/dist/types/components/atoms/Skeleton/index.d.ts +2 -0
  42. package/dist/types/components/atoms/Skeleton/styled.d.ts +8 -0
  43. package/dist/types/components/atoms/Skeleton/types.d.ts +12 -0
  44. package/dist/types/components/atoms/SnappingSlider/SnappingSlider.d.ts +10 -0
  45. package/dist/types/components/atoms/SnappingSlider/index.d.ts +2 -0
  46. package/dist/types/components/atoms/Tag/Tag.d.ts +7 -0
  47. package/dist/types/components/atoms/Tag/index.d.ts +2 -0
  48. package/dist/types/components/atoms/Text/Text.d.ts +5 -0
  49. package/dist/types/components/atoms/Text/index.d.ts +2 -0
  50. package/dist/types/components/atoms/Text/styled.d.ts +11 -0
  51. package/dist/types/components/atoms/TextArea/TextArea.d.ts +5 -0
  52. package/dist/types/components/atoms/TextArea/index.d.ts +2 -0
  53. package/dist/types/components/atoms/TextArea/styled.d.ts +10 -0
  54. package/dist/types/components/molecules/Calendar/Calendar.d.ts +3 -0
  55. package/dist/types/components/molecules/Calendar/index.d.ts +1 -0
  56. package/dist/types/components/molecules/DatePicker/DatePicker.d.ts +4 -0
  57. package/dist/types/components/molecules/DatePicker/index.d.ts +2 -0
  58. package/dist/types/components/molecules/DatePicker/styled.d.ts +5 -0
  59. package/dist/types/components/molecules/DateTimePicker/DateTimePicker.d.ts +4 -0
  60. package/dist/types/components/molecules/DateTimePicker/index.d.ts +2 -0
  61. package/dist/types/components/molecules/DateTimePickerSelector/DateTimePickerSelector.d.ts +5 -0
  62. package/dist/types/components/molecules/DateTimePickerSelector/index.d.ts +1 -0
  63. package/dist/types/components/molecules/DateTimePickerSelector/styled.d.ts +23 -0
  64. package/dist/types/components/molecules/Grid/Grid.d.ts +6 -0
  65. package/dist/types/components/molecules/Grid/Item/Item.d.ts +8 -0
  66. package/dist/types/components/molecules/Grid/Item/index.d.ts +1 -0
  67. package/dist/types/components/molecules/Grid/index.d.ts +2 -0
  68. package/dist/types/components/molecules/IconTextButton/IconTextButton.d.ts +6 -0
  69. package/dist/types/components/molecules/IconTextButton/TextComponent.d.ts +12 -0
  70. package/dist/types/components/molecules/IconTextButton/index.d.ts +2 -0
  71. package/dist/types/components/molecules/IconTextButton/styled.d.ts +17 -0
  72. package/dist/types/components/molecules/InputPassword/InputPassword.d.ts +6 -0
  73. package/dist/types/components/molecules/InputPassword/index.d.ts +2 -0
  74. package/dist/types/components/molecules/LabeledSwitch/LabelComponent.d.ts +13 -0
  75. package/dist/types/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +8 -0
  76. package/dist/types/components/molecules/LabeledSwitch/index.d.ts +2 -0
  77. package/dist/types/components/molecules/LabeledSwitch/styled.d.ts +15 -0
  78. package/dist/types/components/molecules/ScrollableSelector/ScrollableSelector.d.ts +15 -0
  79. package/dist/types/components/molecules/ScrollableSelector/components/DateBlock.d.ts +19 -0
  80. package/dist/types/components/molecules/ScrollableSelector/components/index.d.ts +1 -0
  81. package/dist/types/components/molecules/ScrollableSelector/index.d.ts +1 -0
  82. package/dist/types/components/molecules/ScrollableSelector/styled.d.ts +57 -0
  83. package/dist/types/components/molecules/Select/Modal.d.ts +8 -0
  84. package/dist/types/components/molecules/Select/Select.d.ts +25 -0
  85. package/dist/types/components/molecules/Select/index.d.ts +2 -0
  86. package/dist/types/components/molecules/Select/styled.d.ts +53 -0
  87. package/dist/types/components/molecules/Snackbar/Snackbar.d.ts +9 -0
  88. package/dist/types/components/molecules/Snackbar/index.d.ts +2 -0
  89. package/dist/types/components/molecules/Snackbar/styled.d.ts +5 -0
  90. package/dist/types/index.d.ts +44 -0
  91. package/dist/types/utils/date.d.ts +1 -0
  92. package/package.json +6 -6
@@ -9,7 +9,7 @@ const Snackbar = ({
9
9
  textProps = { colorVariant: "primary", colorTone: "medium" },
10
10
  ...rest
11
11
  }) => {
12
- return /* @__PURE__ */ React.createElement(styled.SnackbarStyled, { ...rest }, /* @__PURE__ */ React.createElement(Text, { ...textProps, fontWeight: "bold", typography: "base" }, value));
12
+ return /* @__PURE__ */ React.createElement(styled.SnackbarStyled, { ...rest }, /* @__PURE__ */ React.createElement(Text, { fontWeight: "bold", typography: "base", ...textProps }, value));
13
13
  };
14
14
 
15
15
  module.exports = Snackbar;
@@ -7,7 +7,7 @@ const Snackbar = ({
7
7
  textProps = { colorVariant: "primary", colorTone: "medium" },
8
8
  ...rest
9
9
  }) => {
10
- return /* @__PURE__ */ React__default.createElement(SnackbarStyled, { ...rest }, /* @__PURE__ */ React__default.createElement(Text, { ...textProps, fontWeight: "bold", typography: "base" }, value));
10
+ return /* @__PURE__ */ React__default.createElement(SnackbarStyled, { ...rest }, /* @__PURE__ */ React__default.createElement(Text, { fontWeight: "bold", typography: "base", ...textProps }, value));
11
11
  };
12
12
 
13
13
  export { Snackbar as default };
@@ -0,0 +1,4 @@
1
+ import { AvatarProps } from '@tecsinapse/react-core';
2
+ import React from 'react';
3
+ declare const Avatar: React.FC<AvatarProps>;
4
+ export default Avatar;
@@ -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,2 @@
1
+ export { default as Badge } from './Badge';
2
+ export type { BadgeNativeProps } from './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,3 @@
1
+ export { default as BottomNavigator } from './BottomNavigator';
2
+ export { BottomNavigatorProps } from './BottomNavigator';
3
+ export type { BottomNavigatorItemProps } from './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,6 @@
1
+ import { ButtonProps } from '@tecsinapse/react-core';
2
+ import { FC } from 'react';
3
+ export type ButtonNativeProps = ButtonProps & {
4
+ autoDismissKeyboard?: boolean;
5
+ };
6
+ export declare const Button: FC<ButtonNativeProps>;
@@ -0,0 +1,4 @@
1
+ import { ButtonStateProps } from '@tecsinapse/react-core';
2
+ import { FC } from 'react';
3
+ declare const Error: FC<ButtonStateProps>;
4
+ export default Error;
@@ -0,0 +1,4 @@
1
+ import { ButtonStateProps } from '@tecsinapse/react-core';
2
+ import { FC } from 'react';
3
+ declare const Loading: FC<ButtonStateProps>;
4
+ export default Loading;
@@ -0,0 +1,4 @@
1
+ import { ButtonStateProps } from '@tecsinapse/react-core';
2
+ import { FC } from 'react';
3
+ declare const Success: FC<ButtonStateProps>;
4
+ export default Success;
@@ -0,0 +1,3 @@
1
+ export { default as Error } from './Error';
2
+ export { default as Loading } from './Loading';
3
+ export { default as Success } from './Success';
@@ -0,0 +1,3 @@
1
+ export { Button } from './Button';
2
+ export type { ButtonNativeProps } from './Button';
3
+ export { Error, Loading, Success } from './States';
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { GroupButtonOptionProps } from '@tecsinapse/react-core';
3
+ declare const GroupButtonOption: (props: GroupButtonOptionProps) => JSX.Element;
4
+ export default GroupButtonOption;
@@ -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,2 @@
1
+ export { default as Header } from './Header';
2
+ export type { HeaderProps, Attachable } from './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,2 @@
1
+ export { default as Input } from './Input';
2
+ export type { InputNativeProps } from './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,2 @@
1
+ export { default as InputMask } from './InputMask';
2
+ export type { InputMaskNativeProps } from './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,4 @@
1
+ import { FC } from 'react';
2
+ import { ModalProps } from 'react-native';
3
+ export declare const modalLifecycle: import("./ModalLifecycleHandler").ModalLifecycleHandler;
4
+ export declare const ModalGroupManager: FC<ModalProps>;
@@ -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,3 @@
1
+ import { FC } from 'react';
2
+ import { IBaseModal } from './types';
3
+ export declare const ModalView: FC<IBaseModal>;
@@ -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,6 @@
1
+ import { ReactElement } from 'react';
2
+ import { IBaseModal } from './ui/types';
3
+ export declare const useModalManager: (modal: () => ReactElement<IBaseModal>, modalId?: string) => {
4
+ show: () => void;
5
+ close: () => void;
6
+ };
@@ -0,0 +1,4 @@
1
+ export declare const useModalRemoteControl: (modalId: string) => {
2
+ show: () => void;
3
+ close: () => void;
4
+ };
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { IAnimationComponent } from './types';
3
+ export declare const Pulse: ({ active, width, height, childrenLayout, }: IAnimationComponent) => JSX.Element;
@@ -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,3 @@
1
+ /// <reference types="react" />
2
+ import { IAnimationComponent } from './types';
3
+ export declare const Wave: ({ active, width, height, childrenLayout, }: IAnimationComponent) => JSX.Element;
@@ -0,0 +1,3 @@
1
+ import { Animated } from 'react-native';
2
+ export declare const waveAnimation: (active: boolean, animatedValue: Animated.Value) => void;
3
+ export declare const pulseAnimation: (active: boolean, animatedValue: Animated.Value) => void;
@@ -0,0 +1,2 @@
1
+ export { default as Skeleton } from './Skeleton';
2
+ export type { SkeletonProps } from './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,12 @@
1
+ export type ChildrenLayout = {
2
+ width: number;
3
+ height: number;
4
+ x: number;
5
+ y: number;
6
+ };
7
+ export interface IAnimationComponent {
8
+ width?: number;
9
+ height?: number;
10
+ active?: boolean;
11
+ childrenLayout: ChildrenLayout;
12
+ }
@@ -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,2 @@
1
+ export { default as SnappingSlider } from './SnappingSlider';
2
+ export type { SnappingSliderProps } from './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,2 @@
1
+ export { default as Tag } from './Tag';
2
+ export type { TagProps } from './Tag';
@@ -0,0 +1,5 @@
1
+ import { TextProps } from '@tecsinapse/react-core';
2
+ import { FC } from 'react';
3
+ export type TextNativeProps = TextProps;
4
+ declare const Text: FC<TextNativeProps>;
5
+ export default Text;
@@ -0,0 +1,2 @@
1
+ export { default as Text } from './Text';
2
+ export type { TextNativeProps } from './Text';
@@ -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,5 @@
1
+ import { FC } from 'react';
2
+ import { TextAreaProps as ITACore } from '@tecsinapse/react-core';
3
+ export type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;
4
+ declare const TextArea: FC<TextAreaProps>;
5
+ export default TextArea;
@@ -0,0 +1,2 @@
1
+ export { default as TextArea } from './TextArea';
2
+ export type { TextAreaProps } from './TextArea';
@@ -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,3 @@
1
+ /// <reference types="react" />
2
+ import { CalendarProps, SelectionType } from '@tecsinapse/react-core';
3
+ export declare const Calendar: <T extends SelectionType>({ locale, ...rest }: CalendarProps<T>) => JSX.Element;
@@ -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,2 @@
1
+ export { DatePicker } from './DatePicker';
2
+ export type { NativeDatePickerProps } from './DatePicker';
@@ -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,2 @@
1
+ export { DateTimePicker } from './DateTimePicker';
2
+ export type { NativeDateTimePickerProps } from './DateTimePicker';
@@ -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,2 @@
1
+ export { GridItem } from './Item';
2
+ export { default as Grid } from './Grid';
@@ -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,2 @@
1
+ export { default as IconTextButton } from './IconTextButton';
2
+ export type { NativeIconTextButtonProps } from './IconTextButton';
@@ -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,2 @@
1
+ export { default as InputPassword } from './InputPassword';
2
+ export type { InputPasswordNativeProps } from './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,2 @@
1
+ export { default as LabeledSwitch } from './LabeledSwitch';
2
+ export type { LabeledSwitchNativeProps } from './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,2 @@
1
+ export { default as Select } from './Select';
2
+ export type { SelectNativeProps } from './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 { SnackbarProps as SnackPropsCore } from '@tecsinapse/react-core';
2
+ import React from 'react';
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,2 @@
1
+ export { default as Snackbar } from './Snackbar';
2
+ export type { SnackbarNativeProps } from './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.3.9",
4
+ "version": "3.4.1",
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": "yarn build:es --watch",
13
+ "dev": "rollup --config --watch",
14
+ "dev:dts": "tsc --project tsconfig.build.json --watch",
14
15
  "build:es": "rollup --config",
15
- "build:declaration": "tsc --project tsconfig.build.json",
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.3.7",
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": "0f89f7320ecbcee514b03329d97f224171d51933"
42
+ "gitHead": "c34d507099dda166804b5a2562337583dc58caaa"
43
43
  }