react-native-unistyles 3.0.0-alpha.21 → 3.0.0-alpha.23

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/web/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,yBAAyB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAEjG,eAAO,MAAM,YAAY,GAAI,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,OAC9D,IAAI,WACA,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,IAAI,CAAC,EAAE,GAAG,EAAE,MAAM,IAAI,KAAK,QAAQ,KACmD,GAAG,CAAe,IAAV,MAAM,IAAI,GAAG,QAAQ,GAAE,CAAA;AAErJ,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,OAAO,WAAW,KAAG,GAAG,IAAI,MAAM,CAAe,CAAA;AAElH,eAAO,MAAM,aAAa,WAAY,WAAW,KAAG,YAQnD,CAAA;AAED,eAAO,MAAM,SAAS,QAAS,MAAM,WAAW,MAAM,WAM5B,CAAA;AAE1B,eAAO,MAAM,QAAQ,eAAsC,CAAA;AAE3D;;EAEE;AACF,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,cAAc,KAAK,CAAC,CAAC,CAAC,MAqBxF,CAAA;AAED,eAAO,MAAM,IAAI,YAAa,MAAM,SAA2D,CAAA;AAE/F,eAAO,MAAM,KAAK,GAAI,CAAC,KAAK,CAAC,KAAK,CAAC,YAqBlC,CAAA;AAED,KAAK,eAAe,GAAG;IACnB,iBAAiB,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACzD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CAC3B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,UAAU,CAAC,WAAW,eAAe,MAKnE,CAAA;AAED,eAAO,MAAM,cAAc,WAAY,GAAG,sBAUzC,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,eAAe,OAUhD,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,IAAI,EAAE,UAAU,EAAE,MAAM;eAIrC,IAAI,aAAa,UAAU;eAS3B,IAAI,aAAa,UAAU,SAAS,MAAM;kBAMvC,IAAI,aAAa,UAAU;wBASrB,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI;CAQpF,CAAA;AAED,eAAO,MAAM,uBAAuB,WAAY,GAAG;;CAQlD,CAAA;AAED,eAAO,MAAM,YAAY,YAAa,WAAW,YAAoC,CAAA"}

package/src/web/convert/breakpoint.ts

@@ -1,21 +0,0 @@
-import type { MediaQuery } from 'typestyle/lib/types'
-import { UnistylesState } from '../state'
-import { keyInObject } from '../utils'
-import { isUnistylesMq, parseMq } from '../mq'
-import { Orientation } from '../../specs/types'
-
-export const convertBreakpoint = (breakpoint: string): MediaQuery => {
-    if (Object.values(Orientation).includes(breakpoint as Orientation)) {
-        return {
-            orientation: breakpoint as Orientation
-        }
-    }
-
-    if (isUnistylesMq(breakpoint)) {
-        return parseMq(breakpoint)
-    }
-
-    return {
-        minWidth: UnistylesState.breakpoints && keyInObject(UnistylesState.breakpoints, breakpoint) ? UnistylesState.breakpoints[breakpoint] : undefined,
-    }
-}

package/src/web/createUnistylesComponent.tsx

@@ -1,54 +0,0 @@
-import React, { useEffect, useState } from 'react'
-import { extractHiddenProperties, extractSecrets } from './utils'
-import { getVariants } from './variants'
-import { UnistylesListener } from './listener'
-import { UnistylesRegistry } from './registry'
-
-const getStyles = (value: Record<string, any>) => {
-    const secrets = extractSecrets(value)
-
-    if (secrets.length === 0) {
-        return undefined
-    }
-
-    return secrets.reduce((acc, { __uni__stylesheet, __uni__key, __uni__args = [], __uni__variants }) => {
-        const newComputedStylesheet = UnistylesRegistry.getComputedStylesheet(__uni__stylesheet)
-        const style = newComputedStylesheet[__uni__key]
-        const resultHidden = typeof style === 'function'
-            ? style(...__uni__args)
-            : style
-        const result = extractHiddenProperties(resultHidden)
-        const { variants } = Object.fromEntries(getVariants({ variants: result }, __uni__variants ))
-        const resultWithVariants = {
-            ...result,
-            ...variants
-        }
-
-        return {
-            ...acc,
-            ...resultWithVariants
-        }
-    }, {} as Record<string, any>)
-}
-
-export const createUnistylesComponent = <TProps extends object>(Component: React.ComponentType<TProps>) => (props: TProps) => {
-    const passedStyles = (props as TProps & { style: Record<string, any> }).style ?? {}
-    const [style, setStyle] = useState(getStyles(passedStyles))
-
-    useEffect(() => {
-        const newStyles = getStyles(passedStyles)
-        const dependencies = newStyles?.['uni__dependencies'] ?? []
-        const dispose = UnistylesListener.addListeners(dependencies, () => setStyle(getStyles(passedStyles)))
-
-        setStyle(newStyles)
-
-        return dispose
-    }, [passedStyles])
-
-    return (
-        <Component
-            {...props}
-            style={style}
-        />
-    )
-}

package/src/web/listener/index.ts

@@ -1,2 +0,0 @@
-export { UnistylesListener } from './listener'
-export { listenToDependencies } from './listenToDependencies'

package/src/web/listener/listenToDependencies.ts

@@ -1,45 +0,0 @@
-import type { TypeStyle } from 'typestyle'
-import type { StyleSheet, StyleSheetWithSuperPowers } from '../../types/stylesheet'
-import type { UnistyleDependency } from '../../specs/NativePlatform'
-import { UnistylesListener } from './listener'
-import { keyInObject } from '../utils'
-import { UnistylesRegistry } from '../registry'
-
-type ListenToDependenciesProps = {
-    key: PropertyKey,
-    unistyles: TypeStyle,
-    className: string,
-    stylesheet: StyleSheetWithSuperPowers<StyleSheet>
-    args?: Array<any>
-}
-
-export const listenToDependencies = ({ key, className, unistyles, args = [], stylesheet }: ListenToDependenciesProps) => {
-    const newComputedStylesheet = UnistylesRegistry.getComputedStylesheet(stylesheet)
-    const _value = keyInObject(newComputedStylesheet, key) ? newComputedStylesheet[key] : undefined
-
-    if (!_value) {
-        return
-    }
-
-    const value = typeof _value === 'function' ? _value(...args) : _value
-    const dependencies = ('uni__dependencies' in value ? value['uni__dependencies'] : []) as Array<UnistyleDependency>
-
-    if (dependencies.length === 0) {
-        return
-    }
-
-    return UnistylesListener.addListeners(dependencies, () => {
-        const newComputedStylesheet = UnistylesRegistry.getComputedStylesheet(stylesheet)
-
-        if (!keyInObject(newComputedStylesheet, key)) {
-            return
-        }
-
-        const value = newComputedStylesheet[key]!
-        const result = typeof value === 'function'
-            ? value(...args)
-            : value
-
-        UnistylesRegistry.updateStyles(unistyles, result, className)
-    })
-}