react-native-unistyles 2.0.0-alpha.1 → 2.0.0-alpha.3

package/src/utils/styles.ts

@@ -1,7 +1,8 @@
-import type { Breakpoints, CustomNamedStyles, ScreenSize, SortedBreakpointEntries } from '../types'
+import type { CustomNamedStyles, ScreenSize } from '../types'
 import { getValueForBreakpoint } from './breakpoints'
 import { normalizeStyles } from './normalizeStyles'
 import { isWeb } from './common'
+import type { UnistylesBreakpoints } from '../global'
 
 /**
  * Proxies a function to parse its return value for custom media queries or breakpoints.
@@ -24,13 +25,12 @@ import { isWeb } from './common'
  * const proxifiedFunction = proxifyFunction(myFunction, 'sm', screenSize, breakpoints)
  * proxifiedFunction() // parsed style based on screenSize and breakpoints
  */
-export const proxifyFunction = <B extends Breakpoints>(
-    fn: Function, breakpoint: keyof B & string,
-    screenSize: ScreenSize,
-    breakpointPairs: SortedBreakpointEntries<B>
+export const proxifyFunction = (
+    fn: Function, breakpoint: keyof UnistylesBreakpoints & string,
+    screenSize: ScreenSize
 ): Function => new Proxy(fn, {
     apply: (target, thisArg, argumentsList) =>
-        parseStyle(target.apply(thisArg, argumentsList), breakpoint, screenSize, breakpointPairs)
+        parseStyle(target.apply(thisArg, argumentsList), breakpoint, screenSize)
 })
 
 /**
@@ -58,15 +58,14 @@ export const proxifyFunction = <B extends Breakpoints>(
  * const parsedStyle = parseStyle(style, 'sm', screenSize, breakpoints)
  * // { fontSize: '12px' }
  */
-export const parseStyle = <T, B extends Breakpoints>(
-    style: CustomNamedStyles<T, B>,
-    breakpoint: keyof B & string,
-    screenSize: ScreenSize,
-    breakpointPairs: SortedBreakpointEntries<B>
+export const parseStyle = <T>(
+    style: CustomNamedStyles<T>,
+    breakpoint: keyof UnistylesBreakpoints & string,
+    screenSize: ScreenSize
 ): T => {
     const entries = Object.entries(style) as [[
         keyof T,
-        CustomNamedStyles<T, B> | Record<keyof B & string, string | number | undefined>]
+        CustomNamedStyles<T> | Record<keyof UnistylesBreakpoints & string, string | number | undefined>]
     ]
 
     const parsedStyles = Object
@@ -77,7 +76,7 @@ export const parseStyle = <T, B extends Breakpoints>(
                 if (hasNestedProperties) {
                     return [
                         key,
-                        parseStyle(value as CustomNamedStyles<T, B>, breakpoint, screenSize, breakpointPairs)
+                        parseStyle(value as CustomNamedStyles<T>, breakpoint, screenSize)
                     ]
                 }
 
@@ -86,7 +85,7 @@ export const parseStyle = <T, B extends Breakpoints>(
                 if (isTransform && Array.isArray(value)) {
                     return [
                         key,
-                        value.map(value => parseStyle(value, breakpoint, screenSize, breakpointPairs))
+                        value.map(value => parseStyle(value, breakpoint, screenSize))
                     ]
                 }
 
@@ -99,17 +98,16 @@ export const parseStyle = <T, B extends Breakpoints>(
 
                 return [
                     key,
-                    getValueForBreakpoint<B>(
-                        value as Record<keyof B & string, string | number | undefined>,
+                    getValueForBreakpoint(
+                        value as Record<keyof UnistylesBreakpoints & string, string | number | undefined>,
                         breakpoint,
-                        screenSize,
-                        breakpointPairs
+                        screenSize
                     )
                 ]
             })
         )
 
-    return isWeb()
+    return isWeb
         ? normalizeStyles(parsedStyles)
         : parsedStyles
 }

package/lib/commonjs/UnistylesTheme.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UnistylesTheme = exports.UnistylesContext = void 0;
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const UnistylesContext = exports.UnistylesContext = /*#__PURE__*/(0, _react.createContext)({});
-const UnistylesTheme = _ref => {
-  let {
-    theme,
-    children
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(UnistylesContext.Provider, {
-    value: theme
-  }, children);
-};
-exports.UnistylesTheme = UnistylesTheme;
-//# sourceMappingURL=UnistylesTheme.js.map

package/lib/commonjs/UnistylesTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","UnistylesContext","exports","createContext","UnistylesTheme","_ref","theme","children","createElement","Provider","value"],"sourceRoot":"../../src","sources":["UnistylesTheme.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA4C,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOrC,MAAMY,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,oBAAa,EAAC,CAAC,CAAC,CAAC;AAE1C,MAAMC,cAA4D,GAAGC,IAAA;EAAA,IAAC;IACzEC,KAAK;IACLC;EACJ,CAAC,GAAAF,IAAA;EAAA,oBACG5B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAACP,gBAAgB,CAACQ,QAAQ;IAACC,KAAK,EAAEJ;EAAM,GACnCC,QACsB,CAAC;AAAA,CAC/B;AAAAL,OAAA,CAAAE,cAAA,GAAAA,cAAA"}

package/lib/commonjs/createUnistyles.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createUnistyles = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _UnistylesTheme = require("./UnistylesTheme");
-var _hooks = require("./hooks");
-var _utils = require("./utils");
-const createUnistyles = breakpoints => {
-  const sortedBreakpoints = (0, _utils.sortAndValidateBreakpoints)(breakpoints);
-  const sortedBreakpointEntries = Object.entries(sortedBreakpoints);
-  return {
-    createStyleSheet: styles => {
-      if (typeof styles === 'function') {
-        return styles;
-      }
-      return styles;
-    },
-    useStyles: stylesheet => {
-      const theme = (0, _react.useContext)(_UnistylesTheme.UnistylesContext);
-      const screenSize = (0, _hooks.useDimensions)();
-      const breakpoint = (0, _utils.getBreakpointFromScreenWidth)(screenSize.width, sortedBreakpointEntries);
-      if (!stylesheet) {
-        return {
-          theme,
-          breakpoint,
-          styles: {}
-        };
-      }
-      const parsedStyles = (0, _react.useMemo)(() => typeof stylesheet === 'function' ? stylesheet(theme) : stylesheet, [theme, stylesheet]);
-      const dynamicStyleSheet = (0, _react.useMemo)(() => Object.entries(parsedStyles).reduce((acc, _ref) => {
-        let [key, value] = _ref;
-        const style = value;
-        if (typeof value === 'function') {
-          return {
-            ...acc,
-            [key]: (0, _utils.proxifyFunction)(value, breakpoint, screenSize, sortedBreakpointEntries)
-          };
-        }
-        return _reactNative.StyleSheet.create({
-          ...acc,
-          [key]: (0, _utils.parseStyle)(style, breakpoint, screenSize, sortedBreakpointEntries)
-        });
-      }, {}), [breakpoint, screenSize, parsedStyles]);
-      return {
-        theme,
-        breakpoint,
-        styles: dynamicStyleSheet
-      };
-    }
-  };
-};
-exports.createUnistyles = createUnistyles;
-//# sourceMappingURL=createUnistyles.js.map

package/lib/commonjs/createUnistyles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","_UnistylesTheme","_hooks","_utils","createUnistyles","breakpoints","sortedBreakpoints","sortAndValidateBreakpoints","sortedBreakpointEntries","Object","entries","createStyleSheet","styles","useStyles","stylesheet","theme","useContext","UnistylesContext","screenSize","useDimensions","breakpoint","getBreakpointFromScreenWidth","width","parsedStyles","useMemo","dynamicStyleSheet","reduce","acc","_ref","key","value","style","proxifyFunction","StyleSheet","create","parseStyle","exports"],"sourceRoot":"../../src","sources":["createUnistyles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEO,MAAMK,eAAe,GAAmCC,WAAc,IAAK;EAC9E,MAAMC,iBAAiB,GAAG,IAAAC,iCAA0B,EAACF,WAAW,CAAC;EACjE,MAAMG,uBAAuB,GAAGC,MAAM,CACjCC,OAAO,CAACJ,iBAAiB,CAA+B;EAE7D,OAAO;IACHK,gBAAgB,EAAyCC,MAAqF,IAAY;MACtJ,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE;QAC9B,OAAOA,MAAM;MACjB;MAEA,OAAOA,MAAM;IACjB,CAAC;IACDC,SAAS,EAAwCC,UAA4C,IAAK;MAC9F,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,gCAAgB,CAAM;MAC/C,MAAMC,UAAU,GAAG,IAAAC,oBAAa,EAAC,CAAC;MAClC,MAAMC,UAAU,GAAG,IAAAC,mCAA4B,EAAIH,UAAU,CAACI,KAAK,EAAEd,uBAAuB,CAAC;MAE7F,IAAI,CAACM,UAAU,EAAE;QACb,OAAO;UACHC,KAAK;UACLK,UAAU;UACVR,MAAM,EAAE,CAAC;QACb,CAAC;MACL;MAEA,MAAMW,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM,OAAOV,UAAU,KAAK,UAAU,GAC7DA,UAAU,CAACC,KAAK,CAAC,GACjBD,UAAU,EAAE,CAACC,KAAK,EAAED,UAAU,CAAC,CAAC;MAEtC,MAAMW,iBAAiB,GAAG,IAAAD,cAAO,EAAC,MAAMf,MAAM,CACzCC,OAAO,CAACa,YAAY,CAAC,CACrBG,MAAM,CAAC,CAACC,GAAG,EAAAC,IAAA,KAAmB;QAAA,IAAjB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;QACtB,MAAMG,KAAK,GAAGD,KAAiC;QAE/C,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;UAC7B,OAAO;YACH,GAAGH,GAAG;YACN,CAACE,GAAG,GAAG,IAAAG,sBAAe,EAAIF,KAAK,EAAEV,UAAU,EAAEF,UAAU,EAAEV,uBAAuB;UACpF,CAAC;QACL;QAEA,OAAOyB,uBAAU,CAACC,MAAM,CAAC;UACrB,GAAGP,GAAG;UACN,CAACE,GAAG,GAAG,IAAAM,iBAAU,EAAQJ,KAAK,EAAEX,UAAU,EAAEF,UAAU,EAAEV,uBAAuB;QACnF,CAAC,CAAC;MACN,CAAC,EAAE,CAAC,CAAO,CAAC,EAAE,CAACY,UAAU,EAAEF,UAAU,EAAEK,YAAY,CAAC,CAAC;MAEzD,OAAO;QACHR,KAAK;QACLK,UAAU;QACVR,MAAM,EAAEa;MACZ,CAAC;IACL;EACJ,CAAC;AACL,CAAC;AAAAW,OAAA,CAAAhC,eAAA,GAAAA,eAAA"}

package/lib/module/UnistylesTheme.js

@@ -1,12 +0,0 @@
-import React, { createContext } from 'react';
-export const UnistylesContext = /*#__PURE__*/createContext({});
-export const UnistylesTheme = _ref => {
-  let {
-    theme,
-    children
-  } = _ref;
-  return /*#__PURE__*/React.createElement(UnistylesContext.Provider, {
-    value: theme
-  }, children);
-};
-//# sourceMappingURL=UnistylesTheme.js.map

package/lib/module/UnistylesTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","createContext","UnistylesContext","UnistylesTheme","_ref","theme","children","createElement","Provider","value"],"sourceRoot":"../../src","sources":["UnistylesTheme.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAO5C,OAAO,MAAMC,gBAAgB,gBAAGD,aAAa,CAAC,CAAC,CAAC,CAAC;AAEjD,OAAO,MAAME,cAA4D,GAAGC,IAAA;EAAA,IAAC;IACzEC,KAAK;IACLC;EACJ,CAAC,GAAAF,IAAA;EAAA,oBACGJ,KAAA,CAAAO,aAAA,CAACL,gBAAgB,CAACM,QAAQ;IAACC,KAAK,EAAEJ;EAAM,GACnCC,QACsB,CAAC;AAAA,CAC/B"}

package/lib/module/createUnistyles.js

@@ -1,50 +0,0 @@
-import { useContext, useMemo } from 'react';
-import { StyleSheet } from 'react-native';
-import { UnistylesContext } from './UnistylesTheme';
-import { useDimensions } from './hooks';
-import { getBreakpointFromScreenWidth, proxifyFunction, parseStyle, sortAndValidateBreakpoints } from './utils';
-export const createUnistyles = breakpoints => {
-  const sortedBreakpoints = sortAndValidateBreakpoints(breakpoints);
-  const sortedBreakpointEntries = Object.entries(sortedBreakpoints);
-  return {
-    createStyleSheet: styles => {
-      if (typeof styles === 'function') {
-        return styles;
-      }
-      return styles;
-    },
-    useStyles: stylesheet => {
-      const theme = useContext(UnistylesContext);
-      const screenSize = useDimensions();
-      const breakpoint = getBreakpointFromScreenWidth(screenSize.width, sortedBreakpointEntries);
-      if (!stylesheet) {
-        return {
-          theme,
-          breakpoint,
-          styles: {}
-        };
-      }
-      const parsedStyles = useMemo(() => typeof stylesheet === 'function' ? stylesheet(theme) : stylesheet, [theme, stylesheet]);
-      const dynamicStyleSheet = useMemo(() => Object.entries(parsedStyles).reduce((acc, _ref) => {
-        let [key, value] = _ref;
-        const style = value;
-        if (typeof value === 'function') {
-          return {
-            ...acc,
-            [key]: proxifyFunction(value, breakpoint, screenSize, sortedBreakpointEntries)
-          };
-        }
-        return StyleSheet.create({
-          ...acc,
-          [key]: parseStyle(style, breakpoint, screenSize, sortedBreakpointEntries)
-        });
-      }, {}), [breakpoint, screenSize, parsedStyles]);
-      return {
-        theme,
-        breakpoint,
-        styles: dynamicStyleSheet
-      };
-    }
-  };
-};
-//# sourceMappingURL=createUnistyles.js.map

package/lib/module/createUnistyles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useContext","useMemo","StyleSheet","UnistylesContext","useDimensions","getBreakpointFromScreenWidth","proxifyFunction","parseStyle","sortAndValidateBreakpoints","createUnistyles","breakpoints","sortedBreakpoints","sortedBreakpointEntries","Object","entries","createStyleSheet","styles","useStyles","stylesheet","theme","screenSize","breakpoint","width","parsedStyles","dynamicStyleSheet","reduce","acc","_ref","key","value","style","create"],"sourceRoot":"../../src","sources":["createUnistyles.ts"],"mappings":"AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAASC,UAAU,QAAQ,cAAc;AASzC,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,aAAa,QAAQ,SAAS;AACvC,SAASC,4BAA4B,EAAEC,eAAe,EAAEC,UAAU,EAAEC,0BAA0B,QAAQ,SAAS;AAE/G,OAAO,MAAMC,eAAe,GAAmCC,WAAc,IAAK;EAC9E,MAAMC,iBAAiB,GAAGH,0BAA0B,CAACE,WAAW,CAAC;EACjE,MAAME,uBAAuB,GAAGC,MAAM,CACjCC,OAAO,CAACH,iBAAiB,CAA+B;EAE7D,OAAO;IACHI,gBAAgB,EAAyCC,MAAqF,IAAY;MACtJ,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE;QAC9B,OAAOA,MAAM;MACjB;MAEA,OAAOA,MAAM;IACjB,CAAC;IACDC,SAAS,EAAwCC,UAA4C,IAAK;MAC9F,MAAMC,KAAK,GAAGnB,UAAU,CAACG,gBAAgB,CAAM;MAC/C,MAAMiB,UAAU,GAAGhB,aAAa,CAAC,CAAC;MAClC,MAAMiB,UAAU,GAAGhB,4BAA4B,CAAIe,UAAU,CAACE,KAAK,EAAEV,uBAAuB,CAAC;MAE7F,IAAI,CAACM,UAAU,EAAE;QACb,OAAO;UACHC,KAAK;UACLE,UAAU;UACVL,MAAM,EAAE,CAAC;QACb,CAAC;MACL;MAEA,MAAMO,YAAY,GAAGtB,OAAO,CAAC,MAAM,OAAOiB,UAAU,KAAK,UAAU,GAC7DA,UAAU,CAACC,KAAK,CAAC,GACjBD,UAAU,EAAE,CAACC,KAAK,EAAED,UAAU,CAAC,CAAC;MAEtC,MAAMM,iBAAiB,GAAGvB,OAAO,CAAC,MAAMY,MAAM,CACzCC,OAAO,CAACS,YAAY,CAAC,CACrBE,MAAM,CAAC,CAACC,GAAG,EAAAC,IAAA,KAAmB;QAAA,IAAjB,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA;QACtB,MAAMG,KAAK,GAAGD,KAAiC;QAE/C,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;UAC7B,OAAO;YACH,GAAGH,GAAG;YACN,CAACE,GAAG,GAAGtB,eAAe,CAAIuB,KAAK,EAAER,UAAU,EAAED,UAAU,EAAER,uBAAuB;UACpF,CAAC;QACL;QAEA,OAAOV,UAAU,CAAC6B,MAAM,CAAC;UACrB,GAAGL,GAAG;UACN,CAACE,GAAG,GAAGrB,UAAU,CAAQuB,KAAK,EAAET,UAAU,EAAED,UAAU,EAAER,uBAAuB;QACnF,CAAC,CAAC;MACN,CAAC,EAAE,CAAC,CAAO,CAAC,EAAE,CAACS,UAAU,EAAED,UAAU,EAAEG,YAAY,CAAC,CAAC;MAEzD,OAAO;QACHJ,KAAK;QACLE,UAAU;QACVL,MAAM,EAAEQ;MACZ,CAAC;IACL;EACJ,CAAC;AACL,CAAC"}

package/lib/typescript/src/UnistylesTheme.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { PropsWithChildren } from 'react';
-interface UnistylesThemeProps extends PropsWithChildren {
-    theme: any;
-}
-export declare const UnistylesContext: React.Context<{}>;
-export declare const UnistylesTheme: React.FunctionComponent<UnistylesThemeProps>;
-export {};
-//# sourceMappingURL=UnistylesTheme.d.ts.map

package/lib/typescript/src/UnistylesTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnistylesTheme.d.ts","sourceRoot":"","sources":["../../../src/UnistylesTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,UAAU,mBAAoB,SAAQ,iBAAiB;IACnD,KAAK,EAAE,GAAG,CAAA;CACb;AAED,eAAO,MAAM,gBAAgB,mBAAoB,CAAA;AAEjD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAOvE,CAAA"}

package/lib/typescript/src/createUnistyles.d.ts

@@ -1,10 +0,0 @@
-import type { Breakpoints, CreateStylesFactory, CustomNamedStyles, ExtractBreakpoints, RemoveKeysWithPrefix } from './types';
-export declare const createUnistyles: <B extends Breakpoints, T = {}>(breakpoints: B) => {
-    createStyleSheet: <S extends CustomNamedStyles<S, B>, X>(styles: S | X | CustomNamedStyles<S, B> | ((theme: T) => X | CustomNamedStyles<X, B>)) => S | X;
-    useStyles: <ST extends CustomNamedStyles<ST, B>>(stylesheet?: ST | CreateStylesFactory<ST, T> | undefined) => {
-        theme: T;
-        breakpoint: keyof B & string;
-        styles: ExtractBreakpoints<RemoveKeysWithPrefix<ST, B>, B>;
-    };
-};
-//# sourceMappingURL=createUnistyles.d.ts.map

package/lib/typescript/src/createUnistyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createUnistyles.d.ts","sourceRoot":"","sources":["../../../src/createUnistyles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACR,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,oBAAoB,EAEvB,MAAM,SAAS,CAAA;AAKhB,eAAO,MAAM,eAAe;;;;;;;CAuD3B,CAAA"}

package/src/UnistylesTheme.tsx

@@ -1,17 +0,0 @@
-import React, { createContext } from 'react'
-import type { PropsWithChildren } from 'react'
-
-interface UnistylesThemeProps extends PropsWithChildren {
-    theme: any
-}
-
-export const UnistylesContext = createContext({})
-
-export const UnistylesTheme: React.FunctionComponent<UnistylesThemeProps> = ({
-    theme,
-    children
-}) => (
-    <UnistylesContext.Provider value={theme}>
-        {children}
-    </UnistylesContext.Provider>
-)

package/src/__tests__/createUnistyles.spec.tsx

@@ -1,192 +0,0 @@
-import React from 'react'
-import { StyleSheet } from 'react-native'
-import type { ViewStyle } from 'react-native'
-import { renderHook } from '@testing-library/react-hooks'
-import { createUnistyles } from '../createUnistyles'
-import { UnistylesTheme } from '../UnistylesTheme'
-import type { CustomNamedStyles } from '../types'
-
-jest.mock('../hooks', () => ({
-    useDimensions: jest.fn(() => ({
-        width: 500,
-        height: 1000
-    }))
-}))
-
-describe('createUnistyles', () => {
-    describe('createStyleSheet', () => {
-        it('should work exactly the same like StyleSheet.create', () => {
-            const breakpoints = {
-                xs: 0
-            }
-            const { createStyleSheet } = createUnistyles(breakpoints)
-
-            const styles = {
-                container: {
-                    flex: 1,
-                    justifyContent: 'center',
-                    alignItems: 'center'
-                },
-                text: {
-                    fontWeight: 'bold',
-                    fontSize: 32
-                }
-            } as const
-
-            expect(createStyleSheet(styles)).toEqual(StyleSheet.create(styles))
-        })
-
-        it('should inject the theme to the createStyleSheet', () => {
-            const theme = {
-                colors: {
-                    barbie: '#ff9ff3',
-                    oak: '#1dd1a1',
-                    sky: '#48dbfb',
-                    fog: '#c8d6e5',
-                    aloes: '#00d2d3'
-                }
-            }
-            const breakpoints = {
-                xs: 0
-            }
-            const { useStyles, createStyleSheet } = createUnistyles<typeof breakpoints, typeof theme>(breakpoints)
-            const stylesheet = createStyleSheet(theme => ({
-                container: {
-                    backgroundColor: theme.colors.barbie
-                }
-            }))
-            const { result } = renderHook(() => useStyles(stylesheet), {
-                // @ts-ignore
-                wrapper: ({ children }) => (
-                    <UnistylesTheme theme={theme}>
-                        {children}
-                    </UnistylesTheme>
-                )
-            })
-
-            expect(result.current.theme).toEqual(theme)
-            expect(result.current.styles).not.toBe(Function)
-            expect(result.current.styles.container.backgroundColor).toEqual(theme.colors.barbie)
-        })
-    })
-
-    describe('useStyles', () => {
-        it('should return empty object for optional stylesheet', () => {
-            const breakpoints = {
-                xs: 0
-            }
-            const { useStyles } = createUnistyles(breakpoints)
-            const { result } = renderHook(() => useStyles())
-
-            expect(result.current.styles).toEqual({})
-            expect(result.current.theme).toEqual({})
-        })
-
-        it ('should choose single value from breakpoints', () => {
-            const breakpoints = {
-                xs: 0,
-                sm: 200,
-                md: 500,
-                lg: 1000
-            }
-
-            const { useStyles, createStyleSheet } = createUnistyles(breakpoints)
-            const stylesheet = createStyleSheet({
-                container: {
-                    flex: 1,
-                    justifyContent: 'center',
-                    alignItems: {
-                        xs: 'row',
-                        md: 'column'
-                    }
-                }
-            })
-            const { result } = renderHook(() => useStyles(stylesheet))
-
-            expect(result.current.styles.container.alignItems).toEqual('column')
-        })
-
-        it ('should choose single value from media queries', () => {
-            const breakpoints = {
-                xs: 0
-            }
-
-            const { useStyles, createStyleSheet } = createUnistyles(breakpoints)
-            const stylesheet = createStyleSheet({
-                container: {
-                    flex: 1,
-                    justifyContent: 'center',
-                    alignItems: {
-                        xs: 'row',
-                        ':w[300, 490]': 'column',
-                        ':w[491]': 'row'
-                    }
-                }
-            })
-            const { result } = renderHook(() => useStyles(stylesheet as CustomNamedStyles<typeof stylesheet, typeof breakpoints>))
-
-            expect(result.current.styles.container.alignItems).toEqual('row')
-        })
-
-        it ('should choose wrap dynamic functions in Proxy', () => {
-            const breakpoints = {
-                xs: 0
-            }
-
-            const { useStyles, createStyleSheet } = createUnistyles<typeof breakpoints, {}>(breakpoints)
-            const stylesheet = createStyleSheet({
-                container: (flex: number) => ({
-                    flex,
-                    justifyContent: 'center',
-                    alignItems: {
-                        xs: 'row',
-                        ':w[300, 490]': 'column',
-                        ':w[491]': 'row'
-                    }
-                })
-            })
-            const { result } = renderHook(() => useStyles(stylesheet as CustomNamedStyles<typeof stylesheet, typeof breakpoints>))
-
-            expect(result.current.styles.container).toBeInstanceOf(Function)
-            expect((result.current.styles.container as (flex: number) => ViewStyle)(2)).toEqual({
-                flex: 2,
-                justifyContent: 'center',
-                alignItems: 'row'
-            })
-        })
-
-        it ('should return breakpoint even if no stylesheet has been provided', () => {
-            const breakpoints = {
-                xs: 0,
-                sm: 200,
-                md: 500,
-                lg: 1000
-            }
-
-            const { useStyles } = createUnistyles<typeof breakpoints, {}>(breakpoints)
-            const { result } = renderHook(() => useStyles())
-
-            expect(result.current.breakpoint).toEqual('md')
-        })
-
-        it ('should return breakpoint for stylesheet', () => {
-            const breakpoints = {
-                xs: 0,
-                sm: 200,
-                lg: 1000
-            }
-
-            const { useStyles, createStyleSheet } = createUnistyles<typeof breakpoints, {}>(breakpoints)
-            const stylesheet = createStyleSheet({
-                container: {
-                    flex: 1,
-                    justifyContent: 'center',
-                    alignItems: 'center'
-                }
-            })
-            const { result } = renderHook(() => useStyles(stylesheet as CustomNamedStyles<typeof stylesheet, typeof breakpoints>))
-
-            expect(result.current.breakpoint).toEqual('sm')
-        })
-    })
-})

package/src/createUnistyles.ts

@@ -1,70 +0,0 @@
-import { useContext, useMemo } from 'react'
-import { StyleSheet } from 'react-native'
-import type {
-    Breakpoints,
-    CreateStylesFactory,
-    CustomNamedStyles,
-    ExtractBreakpoints,
-    RemoveKeysWithPrefix,
-    SortedBreakpointEntries
-} from './types'
-import { UnistylesContext } from './UnistylesTheme'
-import { useDimensions } from './hooks'
-import { getBreakpointFromScreenWidth, proxifyFunction, parseStyle, sortAndValidateBreakpoints } from './utils'
-
-export const createUnistyles = <B extends Breakpoints, T = {}>(breakpoints: B) => {
-    const sortedBreakpoints = sortAndValidateBreakpoints(breakpoints)
-    const sortedBreakpointEntries = Object
-        .entries(sortedBreakpoints) as SortedBreakpointEntries<B>
-
-    return {
-        createStyleSheet: <S extends CustomNamedStyles<S, B>, X>(styles: S | CustomNamedStyles<S, B> | X | ((theme: T) => X | CustomNamedStyles<X, B>)): S | X => {
-            if (typeof styles === 'function') {
-                return styles as X
-            }
-
-            return styles as S
-        },
-        useStyles: <ST extends CustomNamedStyles<ST, B>>(stylesheet?: ST | CreateStylesFactory<ST, T>) => {
-            const theme = useContext(UnistylesContext) as T
-            const screenSize = useDimensions()
-            const breakpoint = getBreakpointFromScreenWidth<B>(screenSize.width, sortedBreakpointEntries)
-
-            if (!stylesheet) {
-                return {
-                    theme,
-                    breakpoint,
-                    styles: {} as ExtractBreakpoints<RemoveKeysWithPrefix<ST, B>, B>
-                }
-            }
-
-            const parsedStyles = useMemo(() => typeof stylesheet === 'function'
-                ? stylesheet(theme)
-                : stylesheet, [theme, stylesheet])
-
-            const dynamicStyleSheet = useMemo(() => Object
-                .entries(parsedStyles)
-                .reduce((acc, [key, value]) => {
-                    const style = value as CustomNamedStyles<ST, B>
-
-                    if (typeof value === 'function') {
-                        return {
-                            ...acc,
-                            [key]: proxifyFunction<B>(value, breakpoint, screenSize, sortedBreakpointEntries)
-                        }
-                    }
-
-                    return StyleSheet.create({
-                        ...acc,
-                        [key]: parseStyle<ST, B>(style, breakpoint, screenSize, sortedBreakpointEntries)
-                    })
-                }, {} as ST), [breakpoint, screenSize, parsedStyles])
-
-            return {
-                theme,
-                breakpoint,
-                styles: dynamicStyleSheet as ExtractBreakpoints<RemoveKeysWithPrefix<ST, B>, B>
-            }
-        }
-    }
-}