chore: export types

Author: fjmorant

src/nested-list-view/nested-list-view.tsx

@@ -33,10 +33,6 @@ export interface IProps {
   keepOpenedState?: boolean;
 }
 
-export interface IState {
-  root: INode;
-}
-
 const defaultRootNode = {
   _internalId: 'root',
   items: [],
@@ -45,7 +41,7 @@ const defaultRootNode = {
   hidden: true,
 } as INode;
 
-const NestedListView = React.memo(
+const NestedListView: React.FC<IProps> = React.memo(
   ({
     getChildrenName,
     renderNode,

src/nested-row/nested-row.tsx

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { StyleSheet, View } from 'react-native';
+import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
 const styles = StyleSheet.create({
   nestedRow: {
@@ -10,25 +10,18 @@ const styles = StyleSheet.create({
 
 export interface IProps {
   height?: number;
-  children: any;
   level?: number;
   paddingLeftIncrement?: number;
-  style?: any;
+  style?: StyleProp<ViewStyle>;
 }
 
-const NestedRow = React.memo(
-  ({
-    height,
-    children,
-    level = 0,
-    paddingLeftIncrement = 10,
-    style,
-  }: IProps) => {
+const NestedRow: React.FC<IProps> = React.memo(
+  ({ height, children, level = 0, paddingLeftIncrement = 10, style }) => {
     const composedStyles = useMemo(
       () => [
         styles.nestedRow,
+        style,
         {
-          ...style,
           paddingLeft: level * paddingLeftIncrement,
         },
         height ? { height } : {},

src/node-view/index.ts

@@ -1 +1,2 @@
 export * from './node-view';
+export * from './types';

src/node-view/node-view.tsx

@@ -1,13 +1,7 @@
 import React, { ReactElement, useCallback, useEffect, useState } from 'react';
 import { FlatList, Pressable } from 'react-native';
 import globalHook, { Store } from 'use-global-hook';
-
-export interface INode {
-  _internalId: string;
-  hidden: boolean;
-  opened: boolean;
-  [key: string]: any;
-}
+import { GlobalState, INode, NodeActions } from './types';
 
 export interface IProps {
   getChildrenName: (item: INode) => string;
@@ -24,23 +18,6 @@ export interface IProps {
   keepOpenedState?: boolean;
 }
 
-export interface IState {
-  node: INode;
-  extraData?: any;
-  opened: boolean;
-}
-
-interface GlobalState {
-  nodesState: { root: boolean };
-}
-
-interface NodeActions {
-  setOpenedNode: (
-    store: Store<GlobalState, NodeActions>,
-    { internalId, opened }: any,
-  ) => void;
-}
-
 const actions = {
   setOpenedNode: (
     store: Store<GlobalState, NodeActions>,
@@ -59,7 +36,7 @@ const initialState: GlobalState = {
 // @ts-ignore
 const useGlobal = globalHook<GlobalState, NodeActions>(initialState, actions);
 
-const NodeView = React.memo(
+const NodeView: React.FC<IProps> = React.memo(
   ({
     renderNode,
     extraData,
@@ -68,7 +45,7 @@ const NodeView = React.memo(
     node,
     onNodePressed,
     keepOpenedState,
-  }: IProps) => {
+  }) => {
     const [globalState, globalActions]: [any, any] = useGlobal();
 
     const [_node, setNode]: [INode, any] = useState({

src/node-view/types.ts

@@ -0,0 +1,19 @@
+import { Store } from 'use-global-hook';
+
+export interface INode {
+  _internalId: string;
+  hidden: boolean;
+  opened: boolean;
+  [key: string]: any;
+}
+
+export interface GlobalState {
+  nodesState: { root: boolean };
+}
+
+export interface NodeActions {
+  setOpenedNode: (
+    store: Store<GlobalState, NodeActions>,
+    { internalId, opened }: any,
+  ) => void;
+}