Add getConstant to hook

Author: agustito37

USER_GUIDE.md

@@ -243,18 +243,21 @@ You can change the separator used in the styles' definitions.
 
 ```js
 import { getConstant } from 'react-native-use-styles';
+import useStyles from  from 'namespaced-styles';
 
-// global
-const myConstant = getConstant('redColor');
+// namespaced
+const myConstant = useStyles.getConstant('redColor');
 
 // explicit namespace
 const myConstant = getConstant('redColor', 'mynamespace');
 
 // implicit namespace
 const myConstant = getConstant('redColor', useStyles);
-
 // or
 const myConstant = getConstant('redColor', useStyles.namespace);
+
+// global
+const myConstant = getConstant('redColor');
 ```
 
 Sometimes you may want to reuse a constant outside of styles. In that case, you can use getConstant.

index.d.ts

@@ -12,6 +12,7 @@ type TagStyles = (strings: string[], expressions: string[]) => StyleObject;
 type UseStyles = {
   (): (dependencies?: Array<any>) => TagStyles;
   namespace: UniqueSpace;
+  getConstant: (name: string) => any;
 };
 
 export function useGlobalStyles(

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-use-styles",
-  "version": "1.3.6",
+  "version": "1.3.7",
   "description": "React Native useStyles",
   "main": "index.js",
   "module": "src/index.js",

src/core/index.js

@@ -1,6 +1,7 @@
 import { useRef } from 'react';
 import { hasComputed, getPathFromLiteralTag } from '../utils';
 import { GlobalUse, GlobalStyles } from './manager';
+import { getConstant } from './cache';
 
 const recomputeMutation = (cache, dependencies) => {
   for (let [key, { compute }] of Object.entries(cache)) {
@@ -55,6 +56,7 @@ export const Styles = (definition, namespace) => {
   const useStyles = (dependencies) =>
     useGlobalStyles(definitionNamespace, dependencies);
   useStyles.namespace = definitionNamespace;
+  useStyles.getConstant = (name) => getConstant(name, definitionNamespace);
 
   return useStyles;
 };

tests/core/index.spec.js

@@ -97,6 +97,16 @@ describe('utils', () => {
     });
   });
 
+  it('useStyles getConstant returns the namespaced constant', () => {
+    const useStyles = Styles({
+      constants: {
+        title: 40,
+      },
+    });
+
+    expect(useStyles.getConstant('title')).toBe(40);
+  });
+
   it('useGlobalStyles hook returns a style', () => {
     const useStyles = Styles({
       style: 'color:blue',
@@ -171,7 +181,7 @@ describe('utils', () => {
           styles={s`&style`}
           title="changeState"
           testID="changeState"
-          onPress={() => setIsFirst(current => !current)}
+          onPress={() => setIsFirst((current) => !current)}
         />
       );
     };