react-native-unistyles 3.0.24 → 3.1.1

package/src/web/utils/unistyle.ts

@@ -1,10 +1,12 @@
 import { Animated } from 'react-native'
+
 import type { UnistylesBreakpoints } from '../../global'
 import type { UnistyleDependency } from '../../specs/NativePlatform/NativePlatform.nitro'
-import { ColorScheme, Orientation } from '../../specs/types'
 import type { StyleSheet, StyleSheetWithSuperPowers, UnistylesValues } from '../../types/stylesheet'
-import { isDefined, isUnistylesMq, parseMq } from '../../utils'
 import type { UnistylesRuntime } from '../runtime'
+
+import { ColorScheme, Orientation } from '../../specs/types'
+import { isDefined, isUnistylesMq, parseMq } from '../../utils'
 import * as unistyles from '../services'
 import { UNI_GENERATED_KEYS, type UniGeneratedKey, type UniGeneratedStyle } from '../types'
 import { hyphenate, keyInObject, reduceObject } from './common'
@@ -20,9 +22,9 @@ export const schemeToTheme = (scheme: ColorScheme) => {
 }
 
 export type UnistyleSecrets = {
-    __uni__stylesheet: StyleSheetWithSuperPowers<StyleSheet>,
-    __uni__key: string,
-    __uni__args?: Array<any>,
+    __uni__stylesheet: StyleSheetWithSuperPowers<StyleSheet>
+    __uni__key: string
+    __uni__args?: Array<any>
     __stylesheetVariants: Record<string, string | boolean | undefined>
 }
 
@@ -32,10 +34,11 @@ export const assignSecrets = <T>(object: T, secrets: UnistyleSecrets) => {
     // @ts-expect-error assign hidden secrets
     object[`unistyles_${secretsId}`] = {}
     // @ts-expect-error assign hidden secrets
-    Object.defineProperties(object[`unistyles_${secretsId}`], reduceObject(secrets, secret => ({
+    // prettier-ignore
+    Object.defineProperties(object[`unistyles_${secretsId}`], reduceObject(secrets, (secret) => ({
         value: secret,
         enumerable: false,
-        configurable: true
+        configurable: true,
     })))
 
     return object
@@ -52,17 +55,20 @@ export const extractSecrets = (object: any) => {
         return undefined
     }
 
-    return reduceObject(Object.getOwnPropertyDescriptors(secrets), secret => secret.value)
+    return reduceObject(Object.getOwnPropertyDescriptors(secrets), (secret) => secret.value)
 }
 
 export const removeInlineStyles = (values: UnistylesValues) => {
     const returnValue = {}
 
-    Object.defineProperties(returnValue, reduceObject(values, value => ({
-        value,
-        enumerable: false,
-        configurable: true
-    })))
+    Object.defineProperties(
+        returnValue,
+        reduceObject(values, (value) => ({
+            value,
+            enumerable: false,
+            configurable: true,
+        })),
+    )
 
     return returnValue
 }
@@ -79,21 +85,25 @@ export const getMediaQuery = (query: string, allBreakpoints: Array<string>) => {
             minWidth ? `(min-width: ${minWidth}px)` : undefined,
             maxWidth ? `(max-width: ${maxWidth}px)` : undefined,
             minHeight ? `(min-height: ${minHeight}px)` : undefined,
-            maxHeight ? `(max-height: ${maxHeight}px)` : undefined
-        ].filter(Boolean).join(' and ')
+            maxHeight ? `(max-height: ${maxHeight}px)` : undefined,
+        ]
+            .filter(Boolean)
+            .join(' and ')
         return `@media ${queries}`
     }
 
     const breakpointValue = unistyles.services.runtime.breakpoints[query as keyof UnistylesBreakpoints] ?? 0
     const nextBreakpoint = allBreakpoints
         .filter((b): b is keyof UnistylesBreakpoints => b in unistyles.services.runtime.breakpoints)
-        .map(b => unistyles.services.runtime.breakpoints[b] as number)
+        .map((b) => unistyles.services.runtime.breakpoints[b] as number)
         .sort((a, b) => a - b)
-        .find(b => b > breakpointValue)
+        .find((b) => b > breakpointValue)
     const queries = [
         `(min-width: ${breakpointValue}px)`,
         nextBreakpoint ? `(max-width: ${nextBreakpoint - 1}px)` : undefined,
-    ].filter(Boolean).join(' and ')
+    ]
+        .filter(Boolean)
+        .join(' and ')
 
     return `@media ${queries}`
 }
@@ -103,22 +113,20 @@ export const extractUnistyleDependencies = (value: any) => {
         return []
     }
 
-    const dependencies: Array<UnistyleDependency> = keyInObject(value, 'uni__dependencies') ? value.uni__dependencies : []
+    const dependencies: Array<UnistyleDependency> = keyInObject(value, 'uni__dependencies')
+        ? value.uni__dependencies
+        : []
 
     return Array.isArray(dependencies) ? dependencies : []
 }
 
 export const checkForProp = (value: any, prop: string): boolean => {
     if (Array.isArray(value)) {
-        return value.some(nestedValue => checkForProp(nestedValue, prop))
+        return value.some((nestedValue) => checkForProp(nestedValue, prop))
     }
 
     if (typeof value === 'object' && value !== null) {
-        return keyInObject(value, prop)
-            ? true
-            : keyInObject(value, '_web')
-                ? checkForProp(value._web, prop)
-                : false
+        return keyInObject(value, prop) ? true : keyInObject(value, '_web') ? checkForProp(value._web, prop) : false
     }
 
     return false
@@ -134,9 +142,8 @@ export const checkForAnimated = (value: any): boolean => {
         const secrets = extractSecrets(value)
 
         // @ts-expect-error React Native Web exports Animated.AnimatedNode as Animated.Node
-        return value instanceof Animated.Node ||
-            objectValues.length > 0 && objectValues.some(checkForAnimated) ||
-            secrets && Object.keys(secrets).length === 0
+        // prettier-ignore
+        return value instanceof Animated.Node || objectValues.length > 0 && objectValues.some(checkForAnimated) || secrets && Object.keys(secrets).length === 0
     }
 
     return false
@@ -145,12 +152,19 @@ export const checkForAnimated = (value: any): boolean => {
 export const isGeneratedUnistyle = (value: Record<string, any>): value is UniGeneratedStyle => {
     const keys = Object.keys(value)
 
-    return keys.length > 0 && keys.every(key => UNI_GENERATED_KEYS.includes(key as UniGeneratedKey))
+    return keys.length > 0 && keys.every((key) => UNI_GENERATED_KEYS.includes(key as UniGeneratedKey))
 }
 
 export const convertTheme = (key: string, value: any, prev = '-'): [string, any] => {
     if (typeof value === 'object' && value !== null) {
-        return [key, Object.fromEntries(Object.entries(value).map(([nestedKey, nestedValue]) => convertTheme(nestedKey, nestedValue, `${prev}-${key}`)))]
+        return [
+            key,
+            Object.fromEntries(
+                Object.entries(value).map(([nestedKey, nestedValue]) =>
+                    convertTheme(nestedKey, nestedValue, `${prev}-${key}`),
+                ),
+            ),
+        ]
     }
 
     if (typeof value === 'string') {
@@ -160,7 +174,10 @@ export const convertTheme = (key: string, value: any, prev = '-'): [string, any]
     return [key, value]
 }
 
-export const getClosestBreakpointValue = <T>(runtime: UnistylesRuntime, values: Partial<Record<keyof UnistylesBreakpoints, T>>) => {
+export const getClosestBreakpointValue = <T>(
+    runtime: UnistylesRuntime,
+    values: Partial<Record<keyof UnistylesBreakpoints, T>>,
+) => {
     const breakpoints = runtime.breakpoints
     const breakpointValues = Object.entries(values)
         // Filter out non-breakpoint values
@@ -168,9 +185,11 @@ export const getClosestBreakpointValue = <T>(runtime: UnistylesRuntime, values:
         // Sort in descending order
         .sort(([a], [b]) => (breakpoints[b] ?? 0) - (breakpoints[a] ?? 0))
     // Get breakpoint value with highest priority
-    const [_, currentBreakpointValue] = breakpointValues.find(
-        ([key]) => isDefined(runtime.breakpoint) && (breakpoints[key] ?? 0) <= (breakpoints[runtime.breakpoint] ?? 0)
-    ) ?? []
+    const [_, currentBreakpointValue] =
+        breakpointValues.find(
+            ([key]) =>
+                isDefined(runtime.breakpoint) && (breakpoints[key] ?? 0) <= (breakpoints[runtime.breakpoint] ?? 0),
+        ) ?? []
 
     return currentBreakpointValue
 }

package/src/web/variants.ts

@@ -1,12 +1,15 @@
 import type { UnistylesValues } from '../types'
+
 import { deepMergeObjects } from '../utils'
 import { keyInObject } from './utils'
 
 type StylesWithVariants = {
-    variants: Record<string, string | boolean | undefined>,
-    compoundVariants?: Array<Record<string, string | boolean | undefined> & {
-        styles: Record<string, any>
-    }>
+    variants: Record<string, string | boolean | undefined>
+    compoundVariants?: Array<
+        Record<string, string | boolean | undefined> & {
+            styles: Record<string, any>
+        }
+    >
 }
 const hasVariants = (value: any): value is StylesWithVariants => {
     return keyInObject(value, 'variants')
@@ -28,15 +31,20 @@ export const getVariants = (styles: UnistylesValues, selectedVariants: Record<st
         return selectedVariantStyles
     })
 
-    const compoundVariantStyles = styles.compoundVariants?.flatMap(compoundVariant => {
-        const { styles, ...conditions } = compoundVariant
+    const compoundVariantStyles =
+        styles.compoundVariants?.flatMap((compoundVariant) => {
+            const { styles, ...conditions } = compoundVariant
 
-        if (Object.entries(conditions).some(([variant, value]) => String(selectedVariants[variant]) !== String(value))) {
-            return []
-        }
+            if (
+                Object.entries(conditions).some(
+                    ([variant, value]) => String(selectedVariants[variant]) !== String(value),
+                )
+            ) {
+                return []
+            }
 
-        return styles
-    }) ?? []
+            return styles
+        }) ?? []
 
     return deepMergeObjects(...variantStyles, ...compoundVariantStyles)
 }

package/src/web-only/getWebProps.ts

@@ -1,6 +1,8 @@
 import type { StyleProp } from 'react-native'
-import { getClassName } from '../core'
+
 import type { RNStyle, UnistylesValues } from '../types'
+
+import { getClassName } from '../core'
 import { createUnistylesRef } from '../web/utils/createUnistylesRef'
 
 export const getWebProps = <T>(style: StyleProp<RNStyle>, forwardedRef?: React.ForwardedRef<T>) => {
@@ -9,10 +11,7 @@ export const getWebProps = <T>(style: StyleProp<RNStyle>, forwardedRef?: React.F
     const [generatedStyles] = styles ?? []
 
     return {
-        className: [
-            generatedStyles?.hash,
-            generatedStyles?.injectedClassName,
-        ].filter(Boolean).join(' '),
-        ref
+        className: [generatedStyles?.hash, generatedStyles?.injectedClassName].filter(Boolean).join(' '),
+        ref,
     }
 }

package/src/web-only/index.ts

@@ -1,2 +1 @@
-
 export { getWebProps } from './getWebProps'

package/LICENSE

@@ -1,20 +0,0 @@
-MIT License
-
-Copyright (c) 2023-2025 Jacek Pudysz
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/lib/typescript/plugin/src/consts.d.ts

@@ -1,17 +0,0 @@
-import type { RemapConfig } from '../index';
-export declare const REACT_NATIVE_COMPONENT_NAMES: string[];
-/**
- * auto replace RN imports to Unistyles imports under these paths
- * our implementation simply borrows 'ref' to register it in ShadowRegistry
- * so we won't affect anyone's implementation
- */
-export declare const REPLACE_WITH_UNISTYLES_PATHS: string[];
-/**
- * this is more powerful API as it allows to convert unmatched imports to Unistyles
- */
-export declare const REPLACE_WITH_UNISTYLES_EXOTIC_PATHS: Array<RemapConfig>;
-/**
- * this list will additionally detect React Native direct imports
- */
-export declare const NATIVE_COMPONENTS_PATHS: Pick<RemapConfig, 'imports'>;
-//# sourceMappingURL=consts.d.ts.map

package/lib/typescript/plugin/src/consts.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../../plugin/src/consts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,eAAO,MAAM,4BAA4B,UAqBxC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,UAGxC,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,mCAAmC,EAAE,KAAK,CAAC,WAAW,CAAM,CAAA;AAEzE;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAchE,CAAA"}

package/lib/typescript/repack-plugin/src/index.d.ts

@@ -1,18 +0,0 @@
-import { getModulePaths } from '@callstack/repack';
-import type { Compiler, RspackPluginInstance } from '@rspack/core';
-import type { UnistylesPluginOptions } from 'react-native-unistyles/plugin';
-import { unistylesLoader } from './loader';
-export declare const BASE_REPACK_EXCLUDE_PATHS: RegExp[];
-type RuleExcludePaths = ReturnType<typeof getModulePaths>;
-interface ConstructorParams {
-    ruleExcludePaths?: RuleExcludePaths;
-    unistylesPluginOptions?: UnistylesPluginOptions;
-}
-export declare class RepackUnistylePlugin implements RspackPluginInstance {
-    private ruleExcludePaths;
-    private unistylesPluginOptions;
-    constructor({ ruleExcludePaths, unistylesPluginOptions }?: ConstructorParams);
-    apply(compiler: Compiler): void;
-}
-export default unistylesLoader;
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/repack-plugin/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../repack-plugin/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,eAAO,MAAM,yBAAyB,UAcpC,CAAA;AAEF,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAEzD,UAAU,iBAAiB;IACvB,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,sBAAsB,CAAC,EAAE,sBAAsB,CAAA;CAClD;AAwBD,qBAAa,oBAAqB,YAAW,oBAAoB;IAC7D,OAAO,CAAC,gBAAgB,CAAA;IACxB,OAAO,CAAC,sBAAsB,CAAA;gBAElB,EAAE,gBAA4C,EAAE,sBAAsB,EAAE,GAAE,iBAAsB;IAK5G,KAAK,CAAC,QAAQ,EAAE,QAAQ;CAG3B;AAED,eAAe,eAAe,CAAA"}

package/lib/typescript/repack-plugin/src/loader.d.ts

@@ -1,9 +0,0 @@
-import type { LoaderContext } from '@rspack/core';
-import type { UnistylesPluginOptions } from '../../plugin';
-interface UnistylesLoaderOptions {
-    babelPlugins?: string[];
-    unistylesPluginOptions?: UnistylesPluginOptions;
-}
-export declare function unistylesLoader(this: LoaderContext<UnistylesLoaderOptions>, source: string): void;
-export {};
-//# sourceMappingURL=loader.d.ts.map

package/lib/typescript/repack-plugin/src/loader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../repack-plugin/src/loader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAK1D,UAAU,sBAAsB;IAC5B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,sBAAsB,CAAC,EAAE,sBAAsB,CAAA;CAClD;AAMD,wBAAgB,eAAe,CAAC,IAAI,EAAE,aAAa,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,MAAM,QAuC1F"}