feat: export components types and props

Roqay · Aug 18, 2022 · 1faaf68 · 1faaf68
1 parent 2bb50a2
commit 1faaf68
Show file tree

Hide file tree

Showing 13 changed files with 23 additions and 30 deletions.
diff --git a/src/components/AlertDialog.tsx b/src/components/AlertDialog.tsx
@@ -46,12 +46,12 @@ const styles = ScaledSheet.create({
 // #endregion
 
 // #region Types
-interface Action {
+export interface Action {
   action?: string;
   actionProps?: ButtonProps;
 }
 
-interface Props {
+export interface Props {
   dialogProps?: DialogProps;
   title?: string;
   titleProps?: TextProps;

diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -11,6 +11,7 @@ import type { Theme } from 'react-native-paper/lib/typescript/types';
 // Internal imports.
 import Text from './Text';
 import type { Props as TextProps } from './Text';
+import type { IconProps } from './IconButton';
 
 // #region Styles
 const styles = ScaledSheet.create({
@@ -63,14 +64,6 @@ export interface Props extends ViewProps {
 interface PropsWithTheme extends Props {
   theme: Theme;
 }
-
-interface IconProps {
-  image?: number;
-  vector?: number;
-  iconName?: string;
-  size: number;
-  color?: string;
-}
 // #endregion
 
 const getIcon = (props: IconProps): null | React.ReactElement => {

diff --git a/src/components/Card.tsx b/src/components/Card.tsx
@@ -19,7 +19,7 @@ const styles = ScaledSheet.create({
 // #endregion
 
 // #region Types
-type Props = React.ComponentProps<typeof PaperCard>;
+export type Props = React.ComponentProps<typeof PaperCard>;
 
 type PropsWithTheme = Props & {
   theme: Theme;

diff --git a/src/components/Checkbox.tsx b/src/components/Checkbox.tsx
@@ -46,7 +46,7 @@ const styles = ScaledSheet.create({
 // #endregion
 
 // #region Types
-interface Props extends ViewProps {
+export interface Props extends ViewProps {
   text?: string;
   checked?: boolean;
   onPress?: () => void;

diff --git a/src/components/FlatList.tsx b/src/components/FlatList.tsx
@@ -28,7 +28,7 @@ const styles = ScaledSheet.create({
 // #endregion
 
 // #region Types
-interface Props extends FlatListProps<FlatListItem> {
+export interface Props extends FlatListProps<FlatListItem> {
   refreshColor?: string;
 }
 

diff --git a/src/components/IconButton.tsx b/src/components/IconButton.tsx
@@ -38,7 +38,7 @@ const styles = ScaledSheet.create({
 // #endregion
 
 // #region Types
-interface Props extends ViewProps {
+export interface Props extends ViewProps {
   image?: number;
   vector?: number;
   iconName?: string;
@@ -53,12 +53,12 @@ interface PropsWithTheme extends Props {
   theme: Theme;
 }
 
-interface IconProps {
+export interface IconProps {
   image?: number;
   vector?: number;
   iconName?: string;
   size: number;
-  color: string;
+  color?: string;
   iconPercent?: number;
 }
 // #endregion

diff --git a/src/components/ImagePlaceholder.tsx b/src/components/ImagePlaceholder.tsx
@@ -36,13 +36,13 @@ const styles = ScaledSheet.create({
 // #endregion
 
 // #region Types
-type ResizeModeType = 'cover' | 'contain' | 'stretch' | 'center';
+export type ResizeModeType = 'cover' | 'contain' | 'stretch' | 'center';
 
-type PriorityType = 'low' | 'normal' | 'high';
+export type PriorityType = 'low' | 'normal' | 'high';
 
-type CacheType = 'immutable' | 'web' | 'cacheOnly';
+export type CacheType = 'immutable' | 'web' | 'cacheOnly';
 
-interface Props extends ViewProps {
+export interface Props extends ViewProps {
   size?: number;
   source?: string;
   placeholder?: number;
@@ -56,13 +56,13 @@ interface PropsWithTheme extends Props {
   theme: Theme;
 }
 
-interface LoadingProps {
+export interface LoadingProps {
   showLoading?: boolean;
   color?: string;
   backgroundColor?: string;
 }
 
-interface ImageProps {
+export interface ImageProps {
   source?: string;
   placeholder?: number;
   resizeMode?: ResizeModeType;

diff --git a/src/components/LoadingDialog.tsx b/src/components/LoadingDialog.tsx
@@ -18,7 +18,7 @@ const styles = ScaledSheet.create({
 // #endregion
 
 // #region Types
-interface Props {
+export interface Props {
   visible?: boolean;
 }
 

diff --git a/src/components/RadioButton.tsx b/src/components/RadioButton.tsx
@@ -46,7 +46,7 @@ const styles = ScaledSheet.create({
 // #endregion
 
 // #region Types
-interface Props extends ViewProps {
+export interface Props extends ViewProps {
   text?: string;
   checked?: boolean;
   onPress?: () => void;

diff --git a/src/components/ScrollView.tsx b/src/components/ScrollView.tsx
@@ -8,7 +8,7 @@ import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view
 import type { Theme } from 'react-native-paper/lib/typescript/types';
 
 // #region Types
-type Props = React.ComponentProps<typeof KeyboardAwareScrollView> & {
+export type Props = React.ComponentProps<typeof KeyboardAwareScrollView> & {
   refreshing?: boolean;
   onRefresh?: () => void;
   refreshColor?: string;

diff --git a/src/components/SelectDialog.tsx b/src/components/SelectDialog.tsx
@@ -54,7 +54,7 @@ const styles = ScaledSheet.create({
 // #endregion
 
 // #region Types
-interface Props {
+export interface Props {
   items?: SelectItem[];
   selectedItems?: SelectItem[];
   allowMultiSelect?: boolean;

diff --git a/src/components/Text.tsx b/src/components/Text.tsx
@@ -13,7 +13,7 @@ import type { Theme } from 'react-native-paper/lib/typescript/types';
 import type { TextProps } from 'react-native';
 
 // #region Types
-type TextType = 'normal' | 'bold' | 'caption';
+export type TextType = 'normal' | 'bold' | 'caption';
 
 export interface Props extends TextProps {
   size?: number;

diff --git a/src/components/TextInput/Props.tsx b/src/components/TextInput/Props.tsx
@@ -3,7 +3,7 @@ import type { TextInputProps } from 'react-native-paper/lib/typescript/component
 import type { Props as TextProps } from '../Text';
 import type SelectItem from '../../types/SelectItem';
 
-interface SelectProps {
+export interface SelectProps {
   mode?: 'dialog' | 'dropdown';
   items?: SelectItem[];
   selectedItems?: SelectItem[];
@@ -14,12 +14,12 @@ interface SelectProps {
   closeText?: string;
 }
 
-interface ErrorProps {
+export interface ErrorProps {
   errorMessage?: string;
   textProps?: TextProps;
 }
 
-interface TopLabelProps {
+export interface TopLabelProps {
   label?: string;
   textProps?: TextProps;
 }