react-native-unistyles 2.0.0-alpha.16 → 2.0.0-alpha.18

package/lib/typescript/src/utils/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAElF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,eAAO,MAAM,eAAe,QACnB,MAAM,MACP,QAAQ,WACH,MAAM,eAAe,CAAC,WACtB,gBAAgB,YACf,OAAO,MAAM,EAAE,SAAS,MAAM,CAAC,CAAC,KAC3C,QAGD,CAAA;AAEF,eAAO,MAAM,eAAe,8BAA6B,OAMxD,CAAA;AAED,eAAO,MAAM,UAAU,8BACd,MAAM,qBAEF,MAAM,eAAe,CAAC,WACtB,gBAAgB,YACf,OAAO,MAAM,EAAE,SAAS,MAAM,CAAC,CAAC,MA0C7C,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAW,MAAM,UAAU,CAAA;AAK1D,eAAO,MAAM,eAAe,QACnB,MAAM,MACP,QAAQ,YACF,OAAO,MAAM,EAAE,SAAS,MAAM,CAAC,CAAC,KAC3C,QAED,CAAA;AAEF,eAAO,MAAM,eAAe,8BAA6B,OAMxD,CAAA;AAED,eAAO,MAAM,UAAU,0CAEV,OAAO,MAAM,EAAE,SAAS,MAAM,CAAC,CAAC,MAyC9B,CAAA"}

package/lib/typescript/src/utils/withPlugins.d.ts

@@ -0,0 +1,3 @@
+import type { RNStyle } from '../types';
+export declare const withPlugins: (key: string, style: RNStyle) => RNStyle;
+//# sourceMappingURL=withPlugins.d.ts.map

package/lib/typescript/src/utils/withPlugins.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withPlugins.d.ts","sourceRoot":"","sources":["../../../../src/utils/withPlugins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAGvC,eAAO,MAAM,WAAW,QACf,MAAM,SACJ,OAAO,YAOT,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unistyles",
-  "version": "2.0.0-alpha.16",
+  "version": "2.0.0-alpha.18",
   "description": "Level up your React Native StyleSheet",
   "scripts": {
     "test": "jest",

package/src/common.ts

@@ -4,10 +4,10 @@ export const warn = (message: string) => {
     console.warn(`🦄 [react-native-unistyles]: ${message}`)
 }
 
-export const isMobile = Platform.OS === 'android' || Platform.OS === 'ios'
 export const isWeb = Platform.OS === 'web'
 export const isIOS = Platform.OS === 'ios'
 export const isAndroid = Platform.OS === 'android'
+export const isMobile = isIOS || isAndroid
 export const isServer = typeof window === 'undefined'
 
 export const ScreenOrientation = {
@@ -22,13 +22,14 @@ export enum UnistylesEventType {
 }
 
 export enum UnistylesError {
-    RuntimeUnavailable = 'Unistyles runtime is not available. Make sure you followed the installation instructions.',
-    ThemeNotFound = 'You are trying to get a theme that is not registered.',
-    ThemeNotRegistered = 'You are trying to set a theme that is not registered.',
-    ThemesCannotBeEmpty = 'You are trying to register an empty themes object.',
-    BreakpointsCannotBeEmpty = 'You are trying to register an empty breakpoints object.',
-    BreakpointsMustStartFromZero = 'One breakpoint must start from 0.',
-    InvalidPluginName = 'Plugin name can\'t start from reserved prefix. Use another name.',
-    DuplicatePluginName = 'You are trying to register a plugin with a name that is already registered.',
-    CantRemoveInternalPlugin = 'You are trying to remove an internal unistyles plugin.'
+    RuntimeUnavailable = 'Unistyles runtime is not available. Make sure you followed the installation instructions',
+    ThemeNotFound = 'You are trying to get a theme that is not registered with UnistylesRegistry',
+    ThemeNotRegistered = 'You are trying to set a theme that was not registered with UnistylesRegistry',
+    ThemeNotSelected = 'Your themes are registered, but you didn\'t select the initial theme',
+    ThemesCannotBeEmpty = 'You are trying to register empty themes object',
+    BreakpointsCannotBeEmpty = 'You are trying to register empty breakpoints object',
+    BreakpointsMustStartFromZero = 'You are trying to register breakpoints that don\'t start from 0',
+    InvalidPluginName = 'Plugin name can\'t start from reserved prefix __unistyles',
+    DuplicatePluginName = 'You are trying to register a plugin with a name that is already registered',
+    CantRemoveInternalPlugin = 'You are trying to remove an internal unistyles plugin'
 }

package/src/core/UnistyleRegistry.ts

@@ -23,7 +23,10 @@ export class UnistyleRegistry {
         this.unistylesBridge.themes = keys
         this.themeNames = keys
 
-        return this
+        return {
+            addBreakpoints: this.addBreakpoints,
+            addConfig: this.addConfig
+        }
     }
 
     public addBreakpoints = (breakpoints: UnistylesBreakpoints) => {
@@ -31,7 +34,10 @@ export class UnistyleRegistry {
         this.unistylesBridge.useBreakpoints(breakpoints)
         this.sortedBreakpointPairs = this.unistylesBridge.sortedBreakpointPairs
 
-        return this
+        return {
+            addThemes: this.addThemes,
+            addConfig: this.addConfig
+        }
     }
 
     public addConfig = (config: UnistylesConfig) => {
@@ -48,6 +54,11 @@ export class UnistyleRegistry {
         if (config.initialTheme) {
             this.unistylesBridge.useTheme(config.initialTheme)
         }
+
+        return {
+            addBreakpoints: this.addBreakpoints,
+            addThemes: this.addThemes
+        }
     }
 
     public getTheme = (forName: keyof UnistylesThemes) => {
@@ -55,11 +66,15 @@ export class UnistyleRegistry {
             return {} as UnistylesThemes[keyof UnistylesThemes]
         }
 
-        if (!this.hasTheme(forName)) {
+        if (this.hasTheme(forName)) {
+            return this.themes[forName]
+        }
+
+        if (this.unistylesBridge.themeName) {
             throw new Error(UnistylesError.ThemeNotFound)
         }
 
-        return this.themes[forName]
+        throw new Error(UnistylesError.ThemeNotSelected)
     }
 
     public addPlugin = (plugin: UnistylesPlugin, notify: boolean = true) => {

package/src/core/UnistylesRuntime.ts

@@ -44,7 +44,11 @@ export class UnistylesRuntime {
     }
 
     public setTheme = (name: keyof UnistylesThemes) => {
-        if (name !== this.themeName && this.unistylesRegistry.hasTheme(name)) {
+        if (name === this.themeName) {
+            return
+        }
+
+        if (this.unistylesRegistry.hasTheme(name)) {
             this.unistylesBridge.useTheme(name)
 
             return true

package/src/hooks/useVariants.ts

@@ -1,23 +1,10 @@
 import { useRef } from 'react'
 import type { Optional } from '../types'
 
-const compareVariants = (prevVariants?: Record<string, Optional<string>>, nextVariants?: Record<string, Optional<string>>) => {
-    const keysA = Object.keys(prevVariants ?? {})
-    const keysB = Object.keys(nextVariants ?? {})
-
-    if (keysA.length !== keysB.length) {
-        return false
-    }
-
-    return keysA.every(key => prevVariants![key] === (nextVariants ?? {})[key])
-}
-
 export const useVariants = (variantsMap?: Record<string, Optional<string>>) => {
     const variantsRef = useRef<Optional<Record<string, Optional<string>>>>(variantsMap)
 
-    if (!compareVariants(variantsRef.current, variantsMap)) {
-        variantsRef.current = variantsMap
-    }
+    variantsRef.current = variantsMap
 
     return variantsRef.current
 }

package/src/plugins/index.ts

@@ -1,3 +1,2 @@
 export { normalizeWebStylesPlugin } from './normalizeWebStylesPlugin'
 export { preprocessor, normalizeNumericValue, normalizeColor, normalizeStyle } from './normalizer'
-export { withPlugins } from './withPlugins'

package/src/types/breakpoints.ts

@@ -45,10 +45,13 @@ type FlattenVariants<T> = T extends object
 
 type ParseVariants<T> = T extends object
     ? T[keyof T] extends object
-        ? ParseVariants<T[keyof T]>
+        ? UnionToIntersection<ParseVariants<T[keyof T]>>
         : T
     : T
 
+type UnionToIntersection<U> =
+    (U extends any ? (k: U) => void : never) extends ((k: infer I) => void) ? I : never
+
 type ParseStyleKeys<T> = T extends object
     ? { [K in keyof T]: ParseNestedObject<T[K]> }
     : never

package/src/types/core.ts

@@ -41,9 +41,8 @@ export type ScreenSize = {
     height: number
 }
 
-export type RNStyle = ViewStyle | TextStyle | ImageStyle
-export type RNValue = number | string | undefined
+export type RNStyle = ViewStyle & TextStyle & ImageStyle
+export type RNValue = ViewStyle[keyof ViewStyle] | TextStyle[keyof TextStyle] | ImageStyle[keyof ImageStyle]
 export type NestedStyle = Record<keyof UnistylesBreakpoints | symbol, RNValue>
 export type NestedStylePairs = Array<[keyof UnistylesBreakpoints | symbol, RNValue]>
 export type UnistylesTheme = UnistylesThemes[keyof UnistylesThemes]
-export type CreateStylesFactory<ST> = (theme: UnistylesTheme) => ST

package/src/types/index.ts

@@ -4,13 +4,12 @@ export type { Optional, Nullable } from './common'
 export type {
     NestedStylePairs,
     UnistylesTheme,
-    CreateStylesFactory,
     ScreenSize,
     NestedStyle,
     RNValue,
     RNStyle
 } from './core'
-export type { StyleSheetWithSuperPowers, StyleSheet } from './stylesheet'
+export type { StyleSheetWithSuperPowers, StyleSheet, AllAvailableKeys } from './stylesheet'
 export type { ReactNativeStyleSheet } from './breakpoints'
 export type { ExtractVariantNames } from './variants'
 export type { UnistylesPlugin } from './plugin'

package/src/types/stylesheet.ts

@@ -3,11 +3,11 @@ import type { ShadowOffset, TransformStyles, UnistylesTheme } from './core'
 import type { UnistylesBreakpoints } from '../global'
 
 // these props are treated differently to nest breakpoints and media queries
-type NestedTypes = 'shadowOffset' | 'transform' | 'textShadowOffset'
+type NestedKeys = 'shadowOffset' | 'transform' | 'textShadowOffset'
 
-type UnistyleView = Omit<ViewStyle, NestedTypes>
-type UnistyleText = Omit<TextStyle, NestedTypes>
-type UnistyleImage = Omit<ImageStyle, NestedTypes>
+type UnistyleView = Omit<ViewStyle, NestedKeys>
+type UnistyleText = Omit<TextStyle, NestedKeys>
+type UnistyleImage = Omit<ImageStyle, NestedKeys>
 
 type UnistyleNestedStyles = {
     shadowOffset?: ToDeepUnistyles<ShadowOffset>,
@@ -39,7 +39,7 @@ export type UnistylesValues = {
         [key in BreakpointsOrMediaQueries]?: AllAvailableStyles[propName]
     }
 } & Variants & {
-    [propName in NestedTypes]?: UnistyleNestedStyles[propName]
+    [propName in NestedKeys]?: UnistyleNestedStyles[propName]
 }
 
 export type StyleSheet = {

package/src/useStyles.ts

@@ -1,15 +1,9 @@
 import { useMemo } from 'react'
 import { StyleSheet } from 'react-native'
-import { parseStyle, proxifyFunction } from './utils'
+import { parseStyle, proxifyFunction, withPlugins } from './utils'
 import { useUnistyles, useVariants } from './hooks'
 import type { UnistylesBreakpoints } from './global'
-import { unistyles } from './core'
-import type {
-    ExtractVariantNames,
-    ReactNativeStyleSheet,
-    StyleSheetWithSuperPowers,
-    UnistylesTheme
-} from './types'
+import type { ExtractVariantNames, ReactNativeStyleSheet, StyleSheetWithSuperPowers, UnistylesTheme } from './types'
 
 type ParsedStylesheet<ST extends StyleSheetWithSuperPowers> = {
     theme: UnistylesTheme,
@@ -22,47 +16,31 @@ export const useStyles = <ST extends StyleSheetWithSuperPowers>(
     variantsMap?: ExtractVariantNames<typeof stylesheet>
 ): ParsedStylesheet<ST> => {
     const { theme, layout, plugins } = useUnistyles()
-
-    if (!stylesheet) {
-        return {
-            theme,
-            breakpoint: layout.breakpoint,
-            styles: {} as ReactNativeStyleSheet<ST>
-        }
-    }
-
     const variants = useVariants(variantsMap)
     const parsedStyles = useMemo(() => typeof stylesheet === 'function'
         ? stylesheet(theme)
         : stylesheet, [theme, stylesheet, layout])
 
     const dynamicStyleSheet = useMemo(() => Object
-        .entries(parsedStyles)
+        .entries(parsedStyles || {})
         .reduce((acc, [key, value]) => {
             if (typeof value === 'function') {
                 return {
                     ...acc,
-                    [key]: proxifyFunction(key, value,unistyles.registry.plugins, unistyles.runtime, variants)
+                    [key]: proxifyFunction(key, value)
                 }
             }
 
             return StyleSheet.create({
                 ...acc,
-                [key]: parseStyle(
-                    key,
-                    value,
-                    unistyles.registry.plugins,
-                    unistyles.runtime,
-                    variants
-                )
+                [key]: withPlugins(key, parseStyle(value, variants))
             })
-        }, {}),
-    [layout, parsedStyles, variants, plugins]
-    ) as ReactNativeStyleSheet<ST>
+        }, {}), [parsedStyles, variants, plugins]
+    )
 
     return {
         theme,
         breakpoint: layout.breakpoint,
-        styles: dynamicStyleSheet
+        styles: dynamicStyleSheet as ReactNativeStyleSheet<ST>
     }
 }

package/src/utils/breakpoints.ts

@@ -1,12 +1,12 @@
 import { unistyles } from '../core'
-import type { NestedStyle, NestedStylePairs, Optional, RNValue } from '../types'
+import type { Optional, RNValue } from '../types'
 import type { UnistylesBreakpoints } from '../global'
 import { ScreenOrientation, isMobile } from '../common'
 import { getKeyForUnistylesMediaQuery } from './mqParser'
 
-export const getValueForBreakpoint = (value: NestedStyle): Optional<RNValue> => {
+export const getValueForBreakpoint = (value: Record<string, RNValue>): Optional<RNValue> => {
     const customMediaQueryKey = getKeyForUnistylesMediaQuery(
-        Object.entries(value) as NestedStylePairs,
+        Object.entries(value),
         unistyles.runtime.screen
     ) as keyof typeof value
 

package/src/utils/index.ts

@@ -2,3 +2,4 @@ export { mq } from './mq'
 export { getKeyForUnistylesMediaQuery, isWithinTheWidthAndHeight, isValidMq, parseMq } from './mqParser'
 export { getValueForBreakpoint } from './breakpoints'
 export { proxifyFunction, parseStyle } from './styles'
+export { withPlugins } from './withPlugins'

package/src/utils/mqParser.ts

@@ -1,4 +1,4 @@
-import type { NestedStylePairs, Optional, ScreenSize } from '../types'
+import type { Optional, RNValue, ScreenSize } from '../types'
 
 const IS_UNISTYLES_REGEX = /:([hw])\[(\d+)(?:,\s*(\d+|Infinity))?]/
 const UNISTYLES_WIDTH_REGEX = /:(w)\[(\d+)(?:,\s*(\d+|Infinity))?]/
@@ -80,7 +80,7 @@ const isWithinTheHeight = (height: UnistylesParsedMq['height'], screenHeight: nu
     return screenHeight >= from && screenHeight <= to
 }
 
-export const getKeyForUnistylesMediaQuery = (mediaQueries: NestedStylePairs, screenSize: ScreenSize): Optional<string> => {
+export const getKeyForUnistylesMediaQuery = (mediaQueries: Array<[string, RNValue]>, screenSize: ScreenSize): Optional<string> => {
     const mq = mediaQueries.find(([key]) => {
         if (!isUnistylesMq(key as string)) {
             return false

package/src/utils/styles.ts

@@ -1,19 +1,14 @@
-import type { NestedStyle, UnistylesPlugin, StyleSheet, Optional } from '../types'
+import type { Optional, RNStyle, RNValue } from '../types'
 import { getValueForBreakpoint } from './breakpoints'
-import type { UnistylesRuntime } from '../core'
 import { isAndroid, isIOS } from '../common'
-import { getStyleWithVariants } from './variants'
-import { withPlugins } from '../plugins'
+import { withPlugins } from './withPlugins'
 
 export const proxifyFunction = (
     key: string,
     fn: Function,
-    plugins: Array<UnistylesPlugin>,
-    runtime: UnistylesRuntime,
     variant?: Record<string, Optional<string>>
 ): Function => new Proxy(fn, {
-    apply: (target, thisArg, argumentsList) =>
-        parseStyle(key, target.apply(thisArg, argumentsList), plugins, runtime, variant)
+    apply: (target, thisArg, argumentsList) => withPlugins(key, parseStyle(target.apply(thisArg, argumentsList), variant))
 })
 
 export const isPlatformColor = <T extends {}>(value: T): boolean => {
@@ -24,51 +19,47 @@ export const isPlatformColor = <T extends {}>(value: T): boolean => {
     return isAndroid && 'resource_paths' in value && typeof value.resource_paths === 'object'
 }
 
-export const parseStyle = <T extends StyleSheet>(
-    key: string,
+export const parseStyle = <T extends RNStyle>(
     style: T,
-    plugins: Array<UnistylesPlugin>,
-    runtime: UnistylesRuntime,
-    variant?: Record<string, Optional<string>>
-): T => {
-    const entries = Object
-        .entries(getStyleWithVariants(style || {}, variant)) as Array<[keyof T, StyleSheet]>
+    variant: Record<string, Optional<string>> = {}
+): T => Object
+    .entries(style || {})
+    .reduce((acc, [key, value]) => {
+        // nested objects
+        if (key === 'shadowOffset' || key  === 'textShadowOffset') {
+            acc[key] = parseStyle(value, variant)
 
-    const parsedStyles = Object
-        .fromEntries(entries
-            .map(([key, value]) => {
-                // dynamic functions
-                if (typeof value === 'function') {
-                    return [key, value]
-                }
+            return acc
+        }
 
-                // nested objects
-                if (key === 'shadowOffset' || key === 'textShadowOffset') {
-                    return [
-                        key,
-                        parseStyle(key, value, plugins, runtime, variant)
-                    ]
-                }
+        // transforms
+        if (key === 'transform' && Array.isArray(value)) {
+            acc[key] = value.map(value => parseStyle(value, variant))
 
-                // transforms
-                if (key === 'transform' && Array.isArray(value)) {
-                    return [
-                        key,
-                        value.map(value => parseStyle(key, value, plugins, runtime, variant))
-                    ]
-                }
+            return acc
+        }
 
-                // values or platform colors
-                if (typeof value !== 'object' || isPlatformColor(value)) {
-                    return [key, value]
-                }
+        // values or platform colors
+        if (typeof value !== 'object' || isPlatformColor(value)) {
+            acc[key as keyof T] = value
 
-                return [
-                    key,
-                    getValueForBreakpoint(value as NestedStyle)
-                ]
-            })
-        ) as T
+            return acc
+        }
 
-    return withPlugins(key, parsedStyles, plugins, runtime) as T
-}
+        if (key === 'variants') {
+            return {
+                ...acc,
+                ...(Object
+                    .keys(value) as Array<keyof typeof value>)
+                    .reduce((acc, key) => ({
+                        ...acc,
+                        ...parseStyle((value)[key][variant[key as keyof typeof variant] || 'default'] ?? {})
+                    }), {})
+            }
+        }
+
+        return {
+            ...acc,
+            [key]: getValueForBreakpoint(value as Record<string, RNValue>)
+        }
+    }, {} as T)

package/src/utils/withPlugins.ts

@@ -0,0 +1,13 @@
+import type { RNStyle } from '../types'
+import { unistyles } from '../core'
+
+export const withPlugins = (
+    key: string,
+    style: RNStyle
+) => unistyles.registry.plugins.reduce((acc, plugin) => {
+    if (plugin.onParsedStyle) {
+        return plugin.onParsedStyle(key, style, unistyles.runtime)
+    }
+
+    return acc
+}, style)

package/lib/commonjs/plugins/withPlugins.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withPlugins = void 0;
-const withPlugins = (key, style, plugins, runtime) => plugins.reduce((acc, plugin) => {
-  if (plugin.onParsedStyle) {
-    return plugin.onParsedStyle(key, acc, runtime);
-  }
-  return acc;
-}, style);
-exports.withPlugins = withPlugins;
-//# sourceMappingURL=withPlugins.js.map

package/lib/commonjs/plugins/withPlugins.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["withPlugins","key","style","plugins","runtime","reduce","acc","plugin","onParsedStyle","exports"],"sourceRoot":"../../../src","sources":["plugins/withPlugins.ts"],"mappings":";;;;;;AAGO,MAAMA,WAAW,GAAGA,CACvBC,GAAW,EACXC,KAAc,EACdC,OAA+B,EAC/BC,OAAyB,KACxBD,OAAO,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,MAAM,KAAK;EACjC,IAAIA,MAAM,CAACC,aAAa,EAAE;IACtB,OAAOD,MAAM,CAACC,aAAa,CAACP,GAAG,EAAEK,GAAG,EAAEF,OAAO,CAAC;EAClD;EAEA,OAAOE,GAAG;AACd,CAAC,EAAEJ,KAAK,CAAC;AAAAO,OAAA,CAAAT,WAAA,GAAAA,WAAA"}

package/lib/commonjs/utils/variants.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getStyleWithVariants = void 0;
-const getKeysForVariants = (value, variants) => {
-  // case for no specified variants by user, we should fallback to 'default'
-  if (!variants.length) {
-    return Object.entries(value).map(_ref => {
-      let [key, value] = _ref;
-      if ('default' in value) {
-        return [key, 'default'];
-      }
-      return undefined;
-    }).filter(Boolean);
-  }
-  return variants.map(_ref2 => {
-    let [variantKey, variantValue] = _ref2;
-    const variantStyle = value[variantKey];
-    if (variantStyle && variantValue && variantValue in variantStyle) {
-      return [variantKey, variantValue];
-    }
-    if (variantStyle && 'default' in variantStyle) {
-      return [variantKey, 'default'];
-    }
-    return undefined;
-  }).filter(Boolean);
-};
-const getStyleWithVariants = (style, variantValues) => {
-  if (!('variants' in style)) {
-    return style;
-  }
-  const keys = getKeysForVariants(style.variants, Object.entries(variantValues || {}));
-  const variantsValues = keys.map(_ref3 => {
-    let [key, nestedKey] = _ref3;
-    return style.variants[key][nestedKey];
-  }).reduce((acc, styles) => ({
-    ...acc,
-    ...styles
-  }), {});
-  const {
-    variants,
-    ...otherStyles
-  } = style;
-  return {
-    ...otherStyles,
-    ...variantsValues
-  };
-};
-exports.getStyleWithVariants = getStyleWithVariants;
-//# sourceMappingURL=variants.js.map

package/lib/commonjs/utils/variants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getKeysForVariants","value","variants","length","Object","entries","map","_ref","key","undefined","filter","Boolean","_ref2","variantKey","variantValue","variantStyle","getStyleWithVariants","style","variantValues","keys","variantsValues","_ref3","nestedKey","reduce","acc","styles","otherStyles","exports"],"sourceRoot":"../../../src","sources":["utils/variants.ts"],"mappings":";;;;;;AAEA,MAAMA,kBAAkB,GAAGA,CACvBC,KAAkC,EAClCC,QAA2C,KACjB;EAC1B;EACA,IAAI,CAACA,QAAQ,CAACC,MAAM,EAAE;IAClB,OAAOC,MAAM,CACRC,OAAO,CAACJ,KAAK,CAAC,CACdK,GAAG,CAACC,IAAA,IAAkB;MAAA,IAAjB,CAACC,GAAG,EAAEP,KAAK,CAAC,GAAAM,IAAA;MACd,IAAI,SAAS,IAAIN,KAAK,EAAE;QACpB,OAAO,CAACO,GAAG,EAAE,SAAS,CAAC;MAC3B;MAEA,OAAOC,SAAS;IACpB,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAC;EACxB;EAEA,OAAOT,QAAQ,CACVI,GAAG,CAACM,KAAA,IAAgC;IAAA,IAA/B,CAACC,UAAU,EAAEC,YAAY,CAAC,GAAAF,KAAA;IAC5B,MAAMG,YAAY,GAAGd,KAAK,CAACY,UAAU,CAAC;IAEtC,IAAIE,YAAY,IAAID,YAAY,IAAIA,YAAY,IAAIC,YAAY,EAAE;MAC9D,OAAO,CAACF,UAAU,EAAEC,YAAY,CAAC;IACrC;IAEA,IAAIC,YAAY,IAAI,SAAS,IAAIA,YAAY,EAAE;MAC3C,OAAO,CAACF,UAAU,EAAE,SAAS,CAAC;IAClC;IAEA,OAAOJ,SAAS;EACpB,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAC;AACxB,CAAC;AAEM,MAAMK,oBAAoB,GAAGA,CAChCC,KAAiB,EACjBC,aAAgD,KAC/C;EACD,IAAI,EAAE,UAAU,IAAID,KAAK,CAAC,EAAE;IACxB,OAAOA,KAAK;EAChB;EAEA,MAAME,IAAI,GAAGnB,kBAAkB,CAC3BiB,KAAK,CAACf,QAAQ,EACdE,MAAM,CAACC,OAAO,CAACa,aAAa,IAAI,CAAC,CAAC,CACtC,CAAC;EAED,MAAME,cAAc,GAAGD,IAAI,CACtBb,GAAG,CAACe,KAAA;IAAA,IAAC,CAACb,GAAG,EAAEc,SAAS,CAAC,GAAAD,KAAA;IAAA,OAAOJ,KAAK,CAACf,QAAQ,CAAiDM,GAAG,CAAC,CAAiCc,SAAS,CAAC;EAAA,EAAC,CAC3IC,MAAM,CAAC,CAACC,GAAG,EAAEC,MAAM,MAAM;IAAE,GAAGD,GAAG;IAAE,GAAGC;EAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAEzD,MAAM;IAAEvB,QAAQ;IAAE,GAAGwB;EAAY,CAAC,GAAGT,KAAK;EAE1C,OAAO;IACH,GAAGS,WAAW;IACd,GAAGN;EACP,CAAC;AACL,CAAC;AAAAO,OAAA,CAAAX,oBAAA,GAAAA,oBAAA"}

package/lib/module/plugins/withPlugins.js

@@ -1,7 +0,0 @@
-export const withPlugins = (key, style, plugins, runtime) => plugins.reduce((acc, plugin) => {
-  if (plugin.onParsedStyle) {
-    return plugin.onParsedStyle(key, acc, runtime);
-  }
-  return acc;
-}, style);
-//# sourceMappingURL=withPlugins.js.map

package/lib/module/plugins/withPlugins.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["withPlugins","key","style","plugins","runtime","reduce","acc","plugin","onParsedStyle"],"sourceRoot":"../../../src","sources":["plugins/withPlugins.ts"],"mappings":"AAGA,OAAO,MAAMA,WAAW,GAAGA,CACvBC,GAAW,EACXC,KAAc,EACdC,OAA+B,EAC/BC,OAAyB,KACxBD,OAAO,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,MAAM,KAAK;EACjC,IAAIA,MAAM,CAACC,aAAa,EAAE;IACtB,OAAOD,MAAM,CAACC,aAAa,CAACP,GAAG,EAAEK,GAAG,EAAEF,OAAO,CAAC;EAClD;EAEA,OAAOE,GAAG;AACd,CAAC,EAAEJ,KAAK,CAAC"}

package/lib/module/utils/variants.js

@@ -1,45 +0,0 @@
-const getKeysForVariants = (value, variants) => {
-  // case for no specified variants by user, we should fallback to 'default'
-  if (!variants.length) {
-    return Object.entries(value).map(_ref => {
-      let [key, value] = _ref;
-      if ('default' in value) {
-        return [key, 'default'];
-      }
-      return undefined;
-    }).filter(Boolean);
-  }
-  return variants.map(_ref2 => {
-    let [variantKey, variantValue] = _ref2;
-    const variantStyle = value[variantKey];
-    if (variantStyle && variantValue && variantValue in variantStyle) {
-      return [variantKey, variantValue];
-    }
-    if (variantStyle && 'default' in variantStyle) {
-      return [variantKey, 'default'];
-    }
-    return undefined;
-  }).filter(Boolean);
-};
-export const getStyleWithVariants = (style, variantValues) => {
-  if (!('variants' in style)) {
-    return style;
-  }
-  const keys = getKeysForVariants(style.variants, Object.entries(variantValues || {}));
-  const variantsValues = keys.map(_ref3 => {
-    let [key, nestedKey] = _ref3;
-    return style.variants[key][nestedKey];
-  }).reduce((acc, styles) => ({
-    ...acc,
-    ...styles
-  }), {});
-  const {
-    variants,
-    ...otherStyles
-  } = style;
-  return {
-    ...otherStyles,
-    ...variantsValues
-  };
-};
-//# sourceMappingURL=variants.js.map

package/lib/module/utils/variants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getKeysForVariants","value","variants","length","Object","entries","map","_ref","key","undefined","filter","Boolean","_ref2","variantKey","variantValue","variantStyle","getStyleWithVariants","style","variantValues","keys","variantsValues","_ref3","nestedKey","reduce","acc","styles","otherStyles"],"sourceRoot":"../../../src","sources":["utils/variants.ts"],"mappings":"AAEA,MAAMA,kBAAkB,GAAGA,CACvBC,KAAkC,EAClCC,QAA2C,KACjB;EAC1B;EACA,IAAI,CAACA,QAAQ,CAACC,MAAM,EAAE;IAClB,OAAOC,MAAM,CACRC,OAAO,CAACJ,KAAK,CAAC,CACdK,GAAG,CAACC,IAAA,IAAkB;MAAA,IAAjB,CAACC,GAAG,EAAEP,KAAK,CAAC,GAAAM,IAAA;MACd,IAAI,SAAS,IAAIN,KAAK,EAAE;QACpB,OAAO,CAACO,GAAG,EAAE,SAAS,CAAC;MAC3B;MAEA,OAAOC,SAAS;IACpB,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAC;EACxB;EAEA,OAAOT,QAAQ,CACVI,GAAG,CAACM,KAAA,IAAgC;IAAA,IAA/B,CAACC,UAAU,EAAEC,YAAY,CAAC,GAAAF,KAAA;IAC5B,MAAMG,YAAY,GAAGd,KAAK,CAACY,UAAU,CAAC;IAEtC,IAAIE,YAAY,IAAID,YAAY,IAAIA,YAAY,IAAIC,YAAY,EAAE;MAC9D,OAAO,CAACF,UAAU,EAAEC,YAAY,CAAC;IACrC;IAEA,IAAIC,YAAY,IAAI,SAAS,IAAIA,YAAY,EAAE;MAC3C,OAAO,CAACF,UAAU,EAAE,SAAS,CAAC;IAClC;IAEA,OAAOJ,SAAS;EACpB,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAC;AACxB,CAAC;AAED,OAAO,MAAMK,oBAAoB,GAAGA,CAChCC,KAAiB,EACjBC,aAAgD,KAC/C;EACD,IAAI,EAAE,UAAU,IAAID,KAAK,CAAC,EAAE;IACxB,OAAOA,KAAK;EAChB;EAEA,MAAME,IAAI,GAAGnB,kBAAkB,CAC3BiB,KAAK,CAACf,QAAQ,EACdE,MAAM,CAACC,OAAO,CAACa,aAAa,IAAI,CAAC,CAAC,CACtC,CAAC;EAED,MAAME,cAAc,GAAGD,IAAI,CACtBb,GAAG,CAACe,KAAA;IAAA,IAAC,CAACb,GAAG,EAAEc,SAAS,CAAC,GAAAD,KAAA;IAAA,OAAOJ,KAAK,CAACf,QAAQ,CAAiDM,GAAG,CAAC,CAAiCc,SAAS,CAAC;EAAA,EAAC,CAC3IC,MAAM,CAAC,CAACC,GAAG,EAAEC,MAAM,MAAM;IAAE,GAAGD,GAAG;IAAE,GAAGC;EAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAEzD,MAAM;IAAEvB,QAAQ;IAAE,GAAGwB;EAAY,CAAC,GAAGT,KAAK;EAE1C,OAAO;IACH,GAAGS,WAAW;IACd,GAAGN;EACP,CAAC;AACL,CAAC"}

package/lib/typescript/src/plugins/withPlugins.d.ts

@@ -1,4 +0,0 @@
-import type { RNStyle, UnistylesPlugin } from '../types';
-import type { UnistylesRuntime } from '../core';
-export declare const withPlugins: (key: string, style: RNStyle, plugins: Array<UnistylesPlugin>, runtime: UnistylesRuntime) => RNStyle;
-//# sourceMappingURL=withPlugins.d.ts.map

package/lib/typescript/src/plugins/withPlugins.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"withPlugins.d.ts","sourceRoot":"","sources":["../../../../src/plugins/withPlugins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,eAAO,MAAM,WAAW,QACf,MAAM,SACJ,OAAO,WACL,MAAM,eAAe,CAAC,WACtB,gBAAgB,YAOpB,CAAA"}

package/lib/typescript/src/utils/variants.d.ts

@@ -1,3 +0,0 @@
-import type { Optional, StyleSheet } from '../types';
-export declare const getStyleWithVariants: (style: StyleSheet, variantValues?: Record<string, Optional<string>>) => StyleSheet;
-//# sourceMappingURL=variants.d.ts.map

package/lib/typescript/src/utils/variants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/utils/variants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAe,MAAM,UAAU,CAAA;AAqCjE,eAAO,MAAM,oBAAoB,UACtB,UAAU,kBACD,OAAO,MAAM,EAAE,SAAS,MAAM,CAAC,CAAC,eAqBnD,CAAA"}