added debounce dimension change

Author: Mohit

build/Provider.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.themeCreator = void 0;
+const just_debounce_1 = require("just-debounce");
 const React = require("react");
 const react_native_1 = require("react-native");
 const Constant_1 = require("./Constant");
@@ -33,7 +34,7 @@ function createThemeProvider(sugar, ThemeContext, defaultTheme) {
             sugar.configure(newValues);
         };
         const subscribeToDimensionsChange = () => {
-            react_native_1.Dimensions.addEventListener('change', onDimensionChange);
+            react_native_1.Dimensions.addEventListener('change', () => just_debounce_1.default(onDimensionChange, 500));
         };
         React.useEffect(() => {
             subscribeToThemeChanges();
@@ -53,9 +54,6 @@ function themeCreator(sugar, defaultTheme) {
     const ThemeProvider = createThemeProvider(sugar, ThemeContext, defaultTheme);
     function useTheme() {
         const { theme, constants } = React.useContext(ThemeContext);
-        if (ThemeContext === undefined) {
-            throw new Error('useTheme must be used within a ThemeProvider');
-        }
         return [theme, constants];
     }
     function withTheme(WrappedComponent) {

lib/Provider.tsx

@@ -1,3 +1,4 @@
+import debounce from 'just-debounce';
 import * as React from 'react';
 import { Dimensions, ScaledSize } from 'react-native';
 import {
@@ -55,7 +56,7 @@ function createThemeProvider<T>(
     };
 
     const subscribeToDimensionsChange = () => {
-      Dimensions.addEventListener('change', onDimensionChange);
+      Dimensions.addEventListener('change', () => debounce(onDimensionChange, 500));
     };
 
 
@@ -86,11 +87,6 @@ export function themeCreator<T>(sugar: Sugar<T>, defaultTheme: T) {
   const ThemeProvider = createThemeProvider(sugar, ThemeContext, defaultTheme);
   function useTheme() {
     const { theme, constants } = React.useContext(ThemeContext);
-
-    if (ThemeContext === undefined) {
-      throw new Error('useTheme must be used within a ThemeProvider');
-    }
-  
     return [theme, constants];
   }
   function withTheme<P extends ThemeProp<T>>(

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-sugar-style",
-  "version": "0.1.9",
+  "version": "0.1.20",
   "description": "React Native Stylesheet alternative with theme support",
   "author": "mohit23x",
   "license": "MIT",
@@ -30,5 +30,8 @@
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
+  },
+  "dependencies": {
+    "just-debounce": "^1.1.0"
   }
 }

yarn.lock

@@ -951,6 +951,11 @@ json5@^1.0.1:
     array-includes "^3.1.2"
     object.assign "^4.1.2"
 
+just-debounce@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/just-debounce/-/just-debounce-1.1.0.tgz#2f81a3ad4121a76bc7cb45dbf704c0d76a8e5ddf"
+  integrity sha512-qpcRocdkUmf+UTNBYx5w6dexX5J31AKK1OmPwH630a83DdVVUIngk55RSAiIGpQyoH0dlr872VHfPjnQnK1qDQ==
+
 load-json-file@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"