fix: export all components and their props

Author: minheq

src/components/Avatar/index.ts

@@ -1 +1 @@
-export { default } from './Avatar';
+export { default as Avatar, IAvatarProps } from './Avatar';

src/components/Badge/index.ts

@@ -1 +1 @@
-export { default } from './Badge';
+export { default as Badge, IBadgeProps } from './Badge';

src/components/Button/index.ts

@@ -1,3 +1,2 @@
-export { default } from './Button';
-export { default as Button } from './Button';
+export { default as Button, IButtonProps } from './Button';
 export { default as BackButton } from './BackButton';

src/components/Checkbox/index.ts

@@ -1,3 +1,4 @@
-export { default } from './LabeledCheckbox';
-export { default as Checkbox } from './LabeledCheckbox';
-export { default as LabeledCheckbox } from './LabeledCheckbox';
+export {
+  default as Checkbox,
+  ILabeledCheckboxProps as ICheckboxProps,
+} from './LabeledCheckbox';

src/components/Dialog/index.ts

@@ -1,2 +1,2 @@
-export { default as Dialog } from './Dialog';
-export { default as ConfirmDialog } from './ConfirmDialog';
+export { default as Dialog, IDialogProps } from './Dialog';
+export { default as ConfirmDialog, IConfirmDialogProps } from './ConfirmDialog';

src/components/Divider/index.ts

@@ -1 +1 @@
-export { default } from './Divider';
+export { default as Divider, IDividerProps } from './Divider';

src/components/Layout/index.ts

@@ -1,5 +1,5 @@
-export { default as Box } from './Box';
-export { default as GridBox } from './GridBox';
-export { default as BottomBar } from './BottomBar';
-export { default as FixedBar } from './FixedBar';
-export { default as TopBar } from './TopBar';
+export { default as Box, IBoxProps } from './Box';
+export { default as GridBox, IGridBoxProps } from './GridBox';
+export { default as BottomBar, IBottomBarProps } from './BottomBar';
+export { default as FixedBar, IFixedBarProps } from './FixedBar';
+export { default as TopBar, ITopBarProps } from './TopBar';

src/components/Picker/PickerField.tsx

@@ -1,19 +1,21 @@
 import * as React from 'react';
 import { PickerProps } from 'react-native';
 
+import { withTheme } from '../../theme';
 import FormField, { IFormFieldProps } from '../FormField';
 import Picker from './Picker';
 
-export default class PickerField extends React.Component<
-  IFormFieldProps & PickerProps
-> {
-  public render() {
-    const { label, error, description, ...passThroughProps } = this.props;
+export interface IPickerFieldProps extends IFormFieldProps, PickerProps {}
 
-    return (
-      <FormField label={label} error={error} description={description}>
-        <Picker {...passThroughProps} />
-      </FormField>
-    );
-  }
-}
+const PickerFieldWithoutTheme = (props: IPickerFieldProps) => {
+  const { label, error, description, ...passThroughProps } = props;
+
+  return (
+    <FormField label={label} error={error} description={description}>
+      <Picker {...passThroughProps} />
+    </FormField>
+  );
+};
+
+export const PickerField = withTheme(PickerFieldWithoutTheme);
+export default PickerField;

src/components/Picker/PickerItem.tsx

@@ -1,5 +1,8 @@
-import { Picker as RNPicker } from 'react-native';
+import { Picker as RNPicker, PickerItemProps } from 'react-native';
 
 const PickerItem = RNPicker.Item;
 
+// tslint:disable-next-line
+export interface IPickerItemProps extends PickerItemProps {}
+
 export default PickerItem;

src/components/Picker/index.ts

@@ -1,4 +1,3 @@
-export { default } from './Picker';
-export { default as Picker } from './Picker';
-export { default as PickerField } from './PickerField';
-export { default as PickerItem } from './PickerItem';
+export { default as Picker, IPickerProps } from './Picker';
+export { default as PickerField, IPickerFieldProps } from './PickerField';
+export { default as PickerItem, IPickerItemProps } from './PickerItem';