Remove Options from useStyle(Not Necessary)

Author: pedrozadotdev

README.md

@@ -174,14 +174,13 @@ A react component to provide ThemeContext.
 
 ---
 
-### Function: `useStyle(createStyles, [options])`
+### Function: `useStyle(createStyles)`
 
 Hook to create themed stylesheets.
 
 **Parameters**
 
 - `createStyles`: A function that receives the current theme and options and returns an object of type `T`.
-- `options`: Custom options to be used inside createStyles.
 
 **Returns**
 

index.ts

@@ -25,9 +25,8 @@ type UseTheme<T, C> = () => ThemeContext<T, C>
 type ThemeObject = {
   [props: string]: ViewStyle | TextStyle | ImageStyle
 }
-type UseStyle<T, C> = <S extends ThemeObject, O>(
-  createStyleSheet: (theme: T & C, options?: O) => S,
-  options?: O
+type UseStyle<T, C> = <S extends ThemeObject>(
+  createStyleSheet: (theme: T & C) => S
 ) => StyleSheet.NamedStyles<S>
 type CreateTheme = <T, C>(
   themes: Themes<T, C | undefined>,
@@ -108,9 +107,9 @@ const createTheme: CreateTheme = (ts, initialMode = 'auto') => {
     )
 
   const useTheme: UseTheme<Theme, Common> = () => useContext(ThemeContext)
-  const useStyle: UseStyle<Theme, Common> = (createStyledObject, options) => {
+  const useStyle: UseStyle<Theme, Common> = createStyledObject => {
     const { theme } = useTheme()
-    return StyleSheet.create(createStyledObject(theme, options))
+    return StyleSheet.create(createStyledObject(theme))
   }
 
   return { ThemeProvider, useStyle, useTheme }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-themed-stylesheet",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "description": "React Native StyleSheets with Theming Support",
   "author": "Andre Pedroza",
   "license": "MIT",

tests/fixture.ts

@@ -34,13 +34,3 @@ export const style2 = (theme: typeof themes2.light) => ({
     color: theme.textColor
   }
 })
-
-export const style3 = (
-  theme: typeof themes1.common & typeof themes1.light,
-  options?: { disabled: boolean }
-) => ({
-  text: {
-    color: options && options.disabled ? '#c0c0c0' : theme.textColor,
-    fontSize: theme.fontSize
-  }
-})

tests/tests.ts

@@ -1,7 +1,7 @@
 import { renderHook, act } from '@testing-library/react-hooks/native'
 import { Appearance } from '../__mocks__/react-native-appearance'
 import { createTheme } from '..'
-import { style1, style2, style3, themes1, themes2 } from './fixture'
+import { style1, style2, themes1, themes2 } from './fixture'
 import { TextStyle } from 'react-native'
 
 beforeEach(() => {
@@ -17,13 +17,6 @@ describe('With Common Prop and Auto Mode', () => {
     expect((result.current.text as TextStyle).color).toEqual('#ff0000')
     expect((result.current.text as TextStyle).fontSize).toEqual(12)
   })
-  test('Create style with useStyle() and options', () => {
-    const { result } = renderHook(() => useStyle(style3, { disabled: true }), {
-      wrapper: ThemeProvider
-    })
-    expect((result.current.text as TextStyle).color).toEqual('#c0c0c0')
-    expect((result.current.text as TextStyle).fontSize).toEqual(12)
-  })
   test('Create style with useTheme()', () => {
     const { result } = renderHook(() => useTheme(), { wrapper: ThemeProvider })
     expect(result.current.theme.textColor).toEqual('#ff0000')