react-native-molecules 0.5.0-beta.1 → 0.5.0-beta.11

package/components/NavigationStack/index.tsx

@@ -1,4 +1,4 @@
-import { getRegisteredComponentWithFallback, registerMoleculesComponents } from '../../core';
+import { getRegisteredComponentWithFallback } from '../../core';
 import NavigationStackComponent from './NavigationStack';
 import NavigationStackItem from './NavigationStackItem';
 
@@ -6,10 +6,6 @@ export const NavigationStackDefault = Object.assign(NavigationStackComponent, {
     Item: NavigationStackItem,
 });
 
-registerMoleculesComponents({
-    NavigationStack: NavigationStackDefault,
-});
-
 export const NavigationStack = getRegisteredComponentWithFallback(
     'NavigationStack',
     NavigationStackDefault,

package/components/NavigationStack/utils.tsx

@@ -1,6 +1,7 @@
 import { useContext } from 'react';
 import { StyleSheet } from 'react-native-unistyles';
 
+import { getRegisteredComponentStylesWithFallback } from '../../core';
 import { NavigationStackContext } from './NavigationStack';
 
 export const useNavigation = () => {
@@ -11,6 +12,11 @@ export const useRoute = () => {
     return useContext(NavigationStackContext).currentRoute;
 };
 
-export const navigationStackItemStyles = StyleSheet.create({
+export const navigationStackItemStylesDefault = StyleSheet.create({
     root: {},
 });
+
+export const navigationStackItemStyles = getRegisteredComponentStylesWithFallback(
+    'NavigationStack_Item',
+    navigationStackItemStylesDefault,
+);

package/components/Portal/index.tsx

@@ -1,10 +1,6 @@
-import { getRegisteredComponentWithFallback, registerMoleculesComponents } from '../../core';
+import { getRegisteredComponentWithFallback } from '../../core';
 import PortalDefault from './Portal';
 
-registerMoleculesComponents({
-    Portal: PortalDefault,
-});
-
 // @ts-ignore TODO - fix this error
 export const Portal = getRegisteredComponentWithFallback('Portal', PortalDefault);
 

package/components/RadioButton/index.ts

@@ -1,4 +1,4 @@
-import { getRegisteredComponentWithFallback, registerMoleculesComponents } from '../../core';
+import { getRegisteredComponentWithFallback } from '../../core';
 import RadioButtonComponent from './RadioButton';
 import RadioButtonGroup from './RadioButtonGroup';
 import RadioButtonItem from './RadioButtonItem';
@@ -14,10 +14,6 @@ const RadioButtonDefault = Object.assign(
     },
 );
 
-registerMoleculesComponents({
-    RadioButton: RadioButtonDefault,
-});
-
 export const RadioButton = getRegisteredComponentWithFallback('RadioButton', RadioButtonDefault);
 
 export type { Props as RadioButtonProps } from './RadioButton';

package/components/RadioButton/utils.ts

@@ -1,6 +1,6 @@
 import { StyleSheet } from 'react-native-unistyles';
 
-import { getRegisteredMoleculesComponentStyles, registerComponentsStyles } from '../../core';
+import { getRegisteredComponentStylesWithFallback } from '../../core';
 
 // type States = 'disabled' | 'checked' | 'hovered' | 'checkedAndHovered';
 
@@ -121,13 +121,14 @@ const radioButtonItemStylesDefault = StyleSheet.create(theme => ({
     },
 }));
 
-registerComponentsStyles({
-    RadioButton: radioButtonStylesDefault,
-    RadioButton_Item: radioButtonItemStylesDefault,
-});
-
-export const radioButtonStyles = getRegisteredMoleculesComponentStyles('RadioButton');
-export const radioButtonItemStyles = getRegisteredMoleculesComponentStyles('RadioButton_Item');
+export const radioButtonStyles = getRegisteredComponentStylesWithFallback(
+    'RadioButton',
+    radioButtonStylesDefault,
+);
+export const radioButtonItemStyles = getRegisteredComponentStylesWithFallback(
+    'RadioButton_Item',
+    radioButtonItemStylesDefault,
+);
 
 export const handlePress = ({
     onPress,

package/components/Rating/index.tsx

@@ -1,10 +1,6 @@
-import { getRegisteredComponentWithFallback, registerMoleculesComponents } from '../../core';
+import { getRegisteredComponentWithFallback } from '../../core';
 import RatingDefault from './Rating';
 
-registerMoleculesComponents({
-    Rating: RatingDefault,
-});
-
 export const Rating = getRegisteredComponentWithFallback('Rating', RatingDefault);
 
 export type { Props as RatingProps } from './Rating';

package/components/Rating/utils.ts

@@ -1,6 +1,6 @@
 import { StyleSheet } from 'react-native-unistyles';
 
-import { getRegisteredMoleculesComponentStyles, registerComponentsStyles } from '../../core';
+import { getRegisteredComponentStylesWithFallback } from '../../core';
 
 export type States = 'activeAndDisabled' | 'active' | 'disabled' | 'readonly' | 'activeAndReadonly';
 
@@ -29,10 +29,8 @@ const ratingItemStylesDefault = StyleSheet.create(theme => ({
     },
 }));
 
-registerComponentsStyles({
-    Rating: ratingStylesDefault,
-    Rating_Item: ratingItemStylesDefault,
-});
-
-export const ratingStyles = getRegisteredMoleculesComponentStyles('Rating');
-export const ratingItemStyles = getRegisteredMoleculesComponentStyles('Rating_Item');
+export const ratingStyles = getRegisteredComponentStylesWithFallback('Rating', ratingStylesDefault);
+export const ratingItemStyles = getRegisteredComponentStylesWithFallback(
+    'Rating_Item',
+    ratingItemStylesDefault,
+);