react-native-unistyles 3.0.0-rc.4 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -7
- package/Unistyles.podspec +12 -1
- package/android/build.gradle +1 -1
- package/android/src/main/cxx/NativeUnistylesModule.cpp +5 -8
- package/android/src/main/cxx/NativeUnistylesModule.h +4 -4
- package/android/src/main/java/com/unistyles/NativePlatform+android.kt +1 -0
- package/android/src/main/java/com/unistyles/NativePlatform+insets.kt +21 -9
- package/android/src/main/java/com/unistyles/UnistylesModule.kt +8 -7
- package/cxx/core/UnistyleWrapper.h +4 -1
- package/cxx/core/UnistylesCommitShadowNode.h +0 -21
- package/cxx/core/UnistylesRegistry.cpp +52 -49
- package/cxx/core/UnistylesRegistry.h +2 -1
- package/cxx/core/UnistylesState.cpp +10 -0
- package/cxx/core/UnistylesState.h +3 -0
- package/cxx/hybridObjects/HybridShadowRegistry.cpp +6 -1
- package/cxx/hybridObjects/HybridShadowRegistry.h +6 -0
- package/cxx/hybridObjects/HybridStyleSheet.cpp +13 -16
- package/cxx/hybridObjects/HybridStyleSheet.h +2 -7
- package/cxx/hybridObjects/HybridUnistylesRuntime.cpp +17 -2
- package/cxx/hybridObjects/HybridUnistylesRuntime.h +2 -0
- package/cxx/parser/Parser.cpp +175 -110
- package/cxx/parser/Parser.h +1 -0
- package/cxx/shadowTree/ShadowTreeManager.cpp +36 -33
- package/cxx/shadowTree/ShadowTreeManager.h +0 -1
- package/get_rn_version.rb +28 -0
- package/ios/UnistylesModuleOnLoad.h +1 -5
- package/ios/UnistylesModuleOnLoad.mm +10 -13
- package/lib/commonjs/components/AdaptiveTheme.js +35 -0
- package/lib/commonjs/components/AdaptiveTheme.js.map +1 -0
- package/lib/commonjs/components/ApplyScopedTheme.js +19 -0
- package/lib/commonjs/components/ApplyScopedTheme.js.map +1 -0
- package/lib/commonjs/components/NamedTheme.js +31 -0
- package/lib/commonjs/components/NamedTheme.js.map +1 -0
- package/lib/commonjs/components/ScopedTheme.js +30 -21
- package/lib/commonjs/components/ScopedTheme.js.map +1 -1
- package/lib/commonjs/components/native/Image.js +1 -2
- package/lib/commonjs/components/native/Image.js.map +1 -1
- package/lib/commonjs/components/native/ImageBackground.js +1 -2
- package/lib/commonjs/components/native/ImageBackground.js.map +1 -1
- package/lib/commonjs/components/native/Pressable.js +1 -2
- package/lib/commonjs/components/native/Pressable.js.map +1 -1
- package/lib/commonjs/components/native/Pressable.native.js +1 -2
- package/lib/commonjs/components/native/Pressable.native.js.map +1 -1
- package/lib/commonjs/core/createUnistylesElement.js +5 -5
- package/lib/commonjs/core/createUnistylesElement.js.map +1 -1
- package/lib/commonjs/core/createUnistylesElement.native.js +18 -31
- package/lib/commonjs/core/createUnistylesElement.native.js.map +1 -1
- package/lib/commonjs/core/createUnistylesImageBackground.js +6 -21
- package/lib/commonjs/core/createUnistylesImageBackground.js.map +1 -1
- package/lib/commonjs/core/getClassname.js +1 -2
- package/lib/commonjs/core/getClassname.js.map +1 -1
- package/lib/commonjs/core/parseBoxShadow.js +57 -0
- package/lib/commonjs/core/parseBoxShadow.js.map +1 -0
- package/lib/commonjs/core/useProxifiedUnistyles/listener.js +2 -3
- package/lib/commonjs/core/useProxifiedUnistyles/listener.js.map +1 -1
- package/lib/commonjs/core/useProxifiedUnistyles/listener.native.js +2 -1
- package/lib/commonjs/core/useProxifiedUnistyles/listener.native.js.map +1 -1
- package/lib/commonjs/core/useProxifiedUnistyles/useProxifiedUnistyles.js +14 -2
- package/lib/commonjs/core/useProxifiedUnistyles/useProxifiedUnistyles.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.js +10 -5
- package/lib/commonjs/core/withUnistyles/withUnistyles.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.native.js +10 -5
- package/lib/commonjs/core/withUnistyles/withUnistyles.native.js.map +1 -1
- package/lib/commonjs/index.js +6 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/mocks.js +26 -2
- package/lib/commonjs/mocks.js.map +1 -1
- package/lib/commonjs/reanimated/index.js +7 -0
- package/lib/commonjs/reanimated/index.js.map +1 -1
- package/lib/commonjs/reanimated/variant/index.js +17 -0
- package/lib/commonjs/reanimated/variant/index.js.map +1 -0
- package/lib/commonjs/reanimated/variant/types.js +2 -0
- package/lib/commonjs/reanimated/variant/types.js.map +1 -0
- package/lib/commonjs/reanimated/variant/useAnimatedVariantColor.js +38 -0
- package/lib/commonjs/reanimated/variant/useAnimatedVariantColor.js.map +1 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.js +66 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.js.map +1 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.native.js +39 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.native.js.map +1 -0
- package/lib/commonjs/server/getServerUnistyles.js +1 -2
- package/lib/commonjs/server/getServerUnistyles.js.map +1 -1
- package/lib/commonjs/server/hydrateServerUnistyles.js +1 -2
- package/lib/commonjs/server/hydrateServerUnistyles.js.map +1 -1
- package/lib/commonjs/server/resetServerUnistyles.js +1 -2
- package/lib/commonjs/server/resetServerUnistyles.js.map +1 -1
- package/lib/commonjs/specs/ShadowRegistry/index.js +6 -1
- package/lib/commonjs/specs/ShadowRegistry/index.js.map +1 -1
- package/lib/commonjs/specs/StyleSheet/index.js +3 -1
- package/lib/commonjs/specs/StyleSheet/index.js.map +1 -1
- package/lib/commonjs/specs/UnistylesRuntime/index.js +0 -1
- package/lib/commonjs/specs/UnistylesRuntime/index.js.map +1 -1
- package/lib/commonjs/utils.js +0 -3
- package/lib/commonjs/utils.js.map +1 -1
- package/lib/commonjs/web/convert/object/boxShadow.js.map +1 -1
- package/lib/commonjs/web/convert/pseudo.js +13 -3
- package/lib/commonjs/web/convert/pseudo.js.map +1 -1
- package/lib/commonjs/web/convert/utils.js +1 -0
- package/lib/commonjs/web/convert/utils.js.map +1 -1
- package/lib/commonjs/web/create.js +2 -3
- package/lib/commonjs/web/create.js.map +1 -1
- package/lib/commonjs/web/css/core.js +9 -2
- package/lib/commonjs/web/css/core.js.map +1 -1
- package/lib/commonjs/web/css/state.js +10 -7
- package/lib/commonjs/web/css/state.js.map +1 -1
- package/lib/commonjs/web/index.js +1 -2
- package/lib/commonjs/web/index.js.map +1 -1
- package/lib/commonjs/web/listener.js +4 -2
- package/lib/commonjs/web/listener.js.map +1 -1
- package/lib/commonjs/web/runtime.js +26 -2
- package/lib/commonjs/web/runtime.js.map +1 -1
- package/lib/commonjs/web/shadowRegistry.js +5 -3
- package/lib/commonjs/web/shadowRegistry.js.map +1 -1
- package/lib/commonjs/web/state.js +1 -10
- package/lib/commonjs/web/state.js.map +1 -1
- package/lib/commonjs/web/types.js.map +1 -1
- package/lib/commonjs/web/utils/createUnistylesRef.js +1 -2
- package/lib/commonjs/web/utils/createUnistylesRef.js.map +1 -1
- package/lib/commonjs/web/utils/unistyle.js +26 -4
- package/lib/commonjs/web/utils/unistyle.js.map +1 -1
- package/lib/module/components/AdaptiveTheme.js +29 -0
- package/lib/module/components/AdaptiveTheme.js.map +1 -0
- package/lib/module/components/ApplyScopedTheme.js +14 -0
- package/lib/module/components/ApplyScopedTheme.js.map +1 -0
- package/lib/module/components/NamedTheme.js +25 -0
- package/lib/module/components/NamedTheme.js.map +1 -0
- package/lib/module/components/ScopedTheme.js +30 -20
- package/lib/module/components/ScopedTheme.js.map +1 -1
- package/lib/module/core/createUnistylesElement.js +5 -5
- package/lib/module/core/createUnistylesElement.js.map +1 -1
- package/lib/module/core/createUnistylesElement.native.js +18 -30
- package/lib/module/core/createUnistylesElement.native.js.map +1 -1
- package/lib/module/core/createUnistylesImageBackground.js +5 -19
- package/lib/module/core/createUnistylesImageBackground.js.map +1 -1
- package/lib/module/core/parseBoxShadow.js +52 -0
- package/lib/module/core/parseBoxShadow.js.map +1 -0
- package/lib/module/core/useProxifiedUnistyles/listener.js +1 -1
- package/lib/module/core/useProxifiedUnistyles/listener.js.map +1 -1
- package/lib/module/core/useProxifiedUnistyles/listener.native.js +2 -1
- package/lib/module/core/useProxifiedUnistyles/listener.native.js.map +1 -1
- package/lib/module/core/useProxifiedUnistyles/useProxifiedUnistyles.js +14 -2
- package/lib/module/core/useProxifiedUnistyles/useProxifiedUnistyles.js.map +1 -1
- package/lib/module/core/withUnistyles/withUnistyles.js +9 -3
- package/lib/module/core/withUnistyles/withUnistyles.js.map +1 -1
- package/lib/module/core/withUnistyles/withUnistyles.native.js +9 -3
- package/lib/module/core/withUnistyles/withUnistyles.native.js.map +1 -1
- package/lib/module/index.js +5 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/mocks.js +26 -2
- package/lib/module/mocks.js.map +1 -1
- package/lib/module/reanimated/index.js +1 -0
- package/lib/module/reanimated/index.js.map +1 -1
- package/lib/module/reanimated/variant/index.js +4 -0
- package/lib/module/reanimated/variant/index.js.map +1 -0
- package/lib/module/reanimated/variant/types.js +2 -0
- package/lib/module/reanimated/variant/types.js.map +1 -0
- package/lib/module/reanimated/variant/useAnimatedVariantColor.js +33 -0
- package/lib/module/reanimated/variant/useAnimatedVariantColor.js.map +1 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.js +61 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.js.map +1 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.native.js +34 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.native.js.map +1 -0
- package/lib/module/specs/ShadowRegistry/index.js +6 -1
- package/lib/module/specs/ShadowRegistry/index.js.map +1 -1
- package/lib/module/specs/StyleSheet/index.js +3 -1
- package/lib/module/specs/StyleSheet/index.js.map +1 -1
- package/lib/module/specs/UnistylesRuntime/index.js +0 -1
- package/lib/module/specs/UnistylesRuntime/index.js.map +1 -1
- package/lib/module/utils.js +0 -3
- package/lib/module/utils.js.map +1 -1
- package/lib/module/web/convert/object/boxShadow.js.map +1 -1
- package/lib/module/web/convert/pseudo.js +10 -2
- package/lib/module/web/convert/pseudo.js.map +1 -1
- package/lib/module/web/convert/utils.js +1 -0
- package/lib/module/web/convert/utils.js.map +1 -1
- package/lib/module/web/create.js +1 -1
- package/lib/module/web/create.js.map +1 -1
- package/lib/module/web/css/core.js +9 -2
- package/lib/module/web/css/core.js.map +1 -1
- package/lib/module/web/css/state.js +10 -7
- package/lib/module/web/css/state.js.map +1 -1
- package/lib/module/web/listener.js +4 -2
- package/lib/module/web/listener.js.map +1 -1
- package/lib/module/web/runtime.js +27 -3
- package/lib/module/web/runtime.js.map +1 -1
- package/lib/module/web/shadowRegistry.js +5 -3
- package/lib/module/web/shadowRegistry.js.map +1 -1
- package/lib/module/web/state.js +1 -10
- package/lib/module/web/state.js.map +1 -1
- package/lib/module/web/types.js.map +1 -1
- package/lib/module/web/utils/unistyle.js +24 -3
- package/lib/module/web/utils/unistyle.js.map +1 -1
- package/lib/typescript/plugin/src/consts.d.ts +17 -0
- package/lib/typescript/plugin/src/consts.d.ts.map +1 -0
- package/lib/typescript/repack-plugin/src/index.d.ts +18 -0
- package/lib/typescript/repack-plugin/src/index.d.ts.map +1 -0
- package/lib/typescript/repack-plugin/src/loader.d.ts +9 -0
- package/lib/typescript/repack-plugin/src/loader.d.ts.map +1 -0
- package/lib/typescript/src/components/AdaptiveTheme.d.ts +8 -0
- package/lib/typescript/src/components/AdaptiveTheme.d.ts.map +1 -0
- package/lib/typescript/src/components/ApplyScopedTheme.d.ts +7 -0
- package/lib/typescript/src/components/ApplyScopedTheme.d.ts.map +1 -0
- package/lib/typescript/src/components/NamedTheme.d.ts +10 -0
- package/lib/typescript/src/components/NamedTheme.d.ts.map +1 -0
- package/lib/typescript/src/components/ScopedTheme.d.ts +10 -0
- package/lib/typescript/src/components/ScopedTheme.d.ts.map +1 -1
- package/lib/typescript/src/components/native/Animated.d.ts.map +1 -1
- package/lib/typescript/src/core/createUnistylesElement.d.ts.map +1 -1
- package/lib/typescript/src/core/createUnistylesElement.native.d.ts.map +1 -1
- package/lib/typescript/src/core/createUnistylesImageBackground.d.ts.map +1 -1
- package/lib/typescript/src/core/getClassname.d.ts.map +1 -1
- package/lib/typescript/src/core/parseBoxShadow.d.ts +11 -0
- package/lib/typescript/src/core/parseBoxShadow.d.ts.map +1 -0
- package/lib/typescript/src/core/passForwardRef.d.ts.map +1 -1
- package/lib/typescript/src/core/useProxifiedUnistyles/listener.d.ts.map +1 -1
- package/lib/typescript/src/core/useProxifiedUnistyles/listener.native.d.ts.map +1 -1
- package/lib/typescript/src/core/useProxifiedUnistyles/types.d.ts +1 -1
- package/lib/typescript/src/core/useProxifiedUnistyles/types.d.ts.map +1 -1
- package/lib/typescript/src/core/useProxifiedUnistyles/useProxifiedUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/core/warn.d.ts.map +1 -1
- package/lib/typescript/src/core/withUnistyles/types.d.ts +3 -1
- package/lib/typescript/src/core/withUnistyles/types.d.ts.map +1 -1
- package/lib/typescript/src/core/withUnistyles/withUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/core/withUnistyles/withUnistyles.native.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useMedia.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useMedia.native.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/reanimated/index.d.ts +1 -0
- package/lib/typescript/src/reanimated/index.d.ts.map +1 -1
- package/lib/typescript/src/reanimated/variant/index.d.ts +2 -0
- package/lib/typescript/src/reanimated/variant/index.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/types.d.ts +10 -0
- package/lib/typescript/src/reanimated/variant/types.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/useAnimatedVariantColor.d.ts +3 -0
- package/lib/typescript/src/reanimated/variant/useAnimatedVariantColor.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.d.ts +6 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.native.d.ts +6 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.native.d.ts.map +1 -0
- package/lib/typescript/src/server/getServerUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/server/serialize.d.ts.map +1 -1
- package/lib/typescript/src/server/useServerUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/specs/ShadowRegistry/index.d.ts +1 -0
- package/lib/typescript/src/specs/ShadowRegistry/index.d.ts.map +1 -1
- package/lib/typescript/src/specs/StatusBar/index.d.ts.map +1 -1
- package/lib/typescript/src/specs/StyleSheet/index.d.ts +2 -0
- package/lib/typescript/src/specs/StyleSheet/index.d.ts.map +1 -1
- package/lib/typescript/src/specs/UnistylesRuntime/UnistylesRuntime.nitro.d.ts +2 -0
- package/lib/typescript/src/specs/UnistylesRuntime/UnistylesRuntime.nitro.d.ts.map +1 -1
- package/lib/typescript/src/specs/UnistylesRuntime/index.d.ts.map +1 -1
- package/lib/typescript/src/types/stylesheet.d.ts.map +1 -1
- package/lib/typescript/src/utils.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/index.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/object/boxShadow.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/object/filter.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/object/objectStyle.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/object/transform.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/pseudo.d.ts +6 -3
- package/lib/typescript/src/web/convert/pseudo.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/shadow/boxShadow.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/shadow/getShadowBreakpoints.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/shadow/textShadow.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/style.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/utils.d.ts.map +1 -1
- package/lib/typescript/src/web/create.d.ts.map +1 -1
- package/lib/typescript/src/web/css/core.d.ts.map +1 -1
- package/lib/typescript/src/web/css/state.d.ts +2 -1
- package/lib/typescript/src/web/css/state.d.ts.map +1 -1
- package/lib/typescript/src/web/css/utils.d.ts.map +1 -1
- package/lib/typescript/src/web/listener.d.ts +4 -2
- package/lib/typescript/src/web/listener.d.ts.map +1 -1
- package/lib/typescript/src/web/registry.d.ts.map +1 -1
- package/lib/typescript/src/web/runtime.d.ts +2 -0
- package/lib/typescript/src/web/runtime.d.ts.map +1 -1
- package/lib/typescript/src/web/shadowRegistry.d.ts +2 -0
- package/lib/typescript/src/web/shadowRegistry.d.ts.map +1 -1
- package/lib/typescript/src/web/state.d.ts.map +1 -1
- package/lib/typescript/src/web/types.d.ts +4 -1
- package/lib/typescript/src/web/types.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/common.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/createUnistylesRef.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/unistyle.d.ts +5 -1
- package/lib/typescript/src/web/utils/unistyle.d.ts.map +1 -1
- package/lib/typescript/src/web/variants.d.ts.map +1 -1
- package/lib/typescript/src/web-only/getWebProps.d.ts.map +1 -1
- package/nitrogen/generated/ios/Unistyles-Swift-Cxx-Umbrella.hpp +1 -0
- package/nitrogen/generated/shared/c++/HybridUnistylesRuntimeSpec.cpp +2 -0
- package/nitrogen/generated/shared/c++/HybridUnistylesRuntimeSpec.hpp +2 -0
- package/package.json +33 -23
- package/plugin/index.d.ts +6 -5
- package/plugin/index.js +11 -6
- package/repack-plugin/index.d.ts +19 -0
- package/repack-plugin/index.js +149 -0
- package/src/components/AdaptiveTheme.tsx +34 -0
- package/src/components/ApplyScopedTheme.tsx +17 -0
- package/src/components/NamedTheme.tsx +33 -0
- package/src/components/ScopedTheme.tsx +51 -24
- package/src/core/createUnistylesElement.native.tsx +21 -31
- package/src/core/createUnistylesElement.tsx +8 -6
- package/src/core/createUnistylesImageBackground.tsx +7 -22
- package/src/core/parseBoxShadow.ts +87 -0
- package/src/core/useProxifiedUnistyles/listener.native.ts +3 -1
- package/src/core/useProxifiedUnistyles/listener.ts +1 -1
- package/src/core/useProxifiedUnistyles/types.ts +1 -1
- package/src/core/useProxifiedUnistyles/useProxifiedUnistyles.ts +19 -2
- package/src/core/withUnistyles/types.ts +1 -1
- package/src/core/withUnistyles/withUnistyles.native.tsx +10 -3
- package/src/core/withUnistyles/withUnistyles.tsx +11 -8
- package/src/index.ts +8 -0
- package/src/mocks.ts +28 -2
- package/src/reanimated/index.ts +1 -0
- package/src/reanimated/variant/index.ts +1 -0
- package/src/reanimated/variant/types.ts +14 -0
- package/src/reanimated/variant/useAnimatedVariantColor.ts +38 -0
- package/src/reanimated/variant/useUpdateVariantColor.native.ts +38 -0
- package/src/reanimated/variant/useUpdateVariantColor.ts +81 -0
- package/src/specs/ShadowRegistry/index.ts +7 -1
- package/src/specs/StyleSheet/index.ts +5 -2
- package/src/specs/UnistylesRuntime/UnistylesRuntime.nitro.ts +2 -0
- package/src/specs/UnistylesRuntime/index.ts +0 -1
- package/src/utils.ts +1 -3
- package/src/web/convert/object/boxShadow.ts +2 -2
- package/src/web/convert/pseudo.ts +23 -52
- package/src/web/convert/utils.ts +2 -1
- package/src/web/create.ts +1 -1
- package/src/web/css/core.ts +12 -2
- package/src/web/css/state.ts +10 -8
- package/src/web/listener.ts +10 -6
- package/src/web/runtime.ts +37 -3
- package/src/web/shadowRegistry.ts +5 -3
- package/src/web/state.ts +7 -17
- package/src/web/types.ts +4 -1
- package/src/web/utils/unistyle.ts +34 -4
- package/cxx/core/UnistylesCommitHook.cpp +0 -59
- package/cxx/core/UnistylesCommitHook.h +0 -27
- package/cxx/core/UnistylesMountHook.cpp +0 -26
- package/cxx/core/UnistylesMountHook.h +0 -24
- package/lib/module/package.json +0 -1
- /package/{web-only → web}/package.json +0 -0
package/lib/module/mocks.js
CHANGED
@@ -53,6 +53,8 @@ jest.mock('react-native-unistyles', () => {
|
|
53
53
|
colorScheme: 'unspecified',
|
54
54
|
contentSizeCategory: 'Medium',
|
55
55
|
orientation: 'portrait',
|
56
|
+
isPortrait: true,
|
57
|
+
isLandscape: false,
|
56
58
|
breakpoints: {},
|
57
59
|
dispose: () => {},
|
58
60
|
equals: () => false,
|
@@ -79,7 +81,7 @@ jest.mock('react-native-unistyles', () => {
|
|
79
81
|
pixelRatio: 0,
|
80
82
|
rtl: false,
|
81
83
|
getTheme: () => {
|
82
|
-
return {};
|
84
|
+
return Object.values(_REGISTRY.themes).at(0) ?? {};
|
83
85
|
},
|
84
86
|
setTheme: () => {},
|
85
87
|
updateTheme: () => {},
|
@@ -184,7 +186,8 @@ jest.mock('react-native-unistyles', () => {
|
|
184
186
|
}
|
185
187
|
},
|
186
188
|
jsMethods: {
|
187
|
-
processColor: () => null
|
189
|
+
processColor: () => null,
|
190
|
+
parseBoxShadowString: () => []
|
188
191
|
},
|
189
192
|
hairlineWidth: 1,
|
190
193
|
unid: -1,
|
@@ -197,5 +200,26 @@ jest.mock('react-native-unistyles', () => {
|
|
197
200
|
UnistylesRuntime: unistylesRuntime
|
198
201
|
};
|
199
202
|
});
|
203
|
+
jest.mock('react-native-unistyles/reanimated', () => {
|
204
|
+
const unistyles = require('react-native-unistyles');
|
205
|
+
const mockedSharedValue = value => ({
|
206
|
+
value
|
207
|
+
});
|
208
|
+
return {
|
209
|
+
useAnimatedTheme: () => {
|
210
|
+
const theme = unistyles.useUnistyles().theme;
|
211
|
+
const sharedTheme = mockedSharedValue(theme);
|
212
|
+
return sharedTheme;
|
213
|
+
},
|
214
|
+
useAnimatedVariantColor: () => {
|
215
|
+
const fromValue = mockedSharedValue('#000000');
|
216
|
+
const toValue = mockedSharedValue('#FFFFFF');
|
217
|
+
return {
|
218
|
+
fromValue,
|
219
|
+
toValue
|
220
|
+
};
|
221
|
+
}
|
222
|
+
};
|
223
|
+
});
|
200
224
|
export {};
|
201
225
|
//# sourceMappingURL=mocks.js.map
|
package/lib/module/mocks.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["jest","mock","NitroModules","createHybridObject","add","init","createHybridStatusBar","setStyle","createHybridNavigationBar","React","require","_REGISTRY","themes","breakpoints","miniRuntime","themeName","undefined","breakpoint","hasAdaptiveThemes","colorScheme","contentSizeCategory","insets","top","left","right","bottom","ime","pixelRatio","fontScale","rtl","isLandscape","isPortrait","navigationBar","width","height","screen","statusBar","unistylesRuntime","orientation","dispose","equals","name","setHidden","getTheme","setTheme","updateTheme","setRootViewBackgroundColor","_setRootViewBackgroundColor","setAdaptiveThemes","setImmersiveMode","Hide","Display","ScopedTheme","withUnistyles","Component","mapper","props","createElement","
|
1
|
+
{"version":3,"names":["jest","mock","NitroModules","createHybridObject","add","init","createHybridStatusBar","setStyle","createHybridNavigationBar","React","require","_REGISTRY","themes","breakpoints","miniRuntime","themeName","undefined","breakpoint","hasAdaptiveThemes","colorScheme","contentSizeCategory","insets","top","left","right","bottom","ime","pixelRatio","fontScale","rtl","isLandscape","isPortrait","navigationBar","width","height","screen","statusBar","unistylesRuntime","orientation","dispose","equals","name","setHidden","getTheme","Object","values","at","setTheme","updateTheme","setRootViewBackgroundColor","_setRootViewBackgroundColor","setAdaptiveThemes","setImmersiveMode","Hide","Display","ScopedTheme","withUnistyles","Component","mapper","props","createElement","mq","only","and","useUnistyles","theme","rt","StyleSheet","absoluteFillObject","position","absoluteFill","compose","styles","flatten","create","useVariants","configure","config","jsMethods","processColor","parseBoxShadowString","hairlineWidth","unid","addChangeListener","UnistylesRuntime","unistyles","mockedSharedValue","value","useAnimatedTheme","sharedTheme","useAnimatedVariantColor","fromValue","toValue"],"sourceRoot":"../../src","sources":["mocks.ts"],"mappings":";;AAaAA,IAAI,CAACC,IAAI,CAAC,4BAA4B,EAAE,OAAO;EAC3CC,YAAY,EAAE;IACVC,kBAAkB,EAAEA,CAAA,MAAO;MACvBC,GAAG,EAAEA,CAAA,KAAM,CAAC,CAAC;MACbC,IAAI,EAAEA,CAAA,KAAM,CAAC,CAAC;MACdC,qBAAqB,EAAEA,CAAA,MAAO;QAC1BC,QAAQ,EAAEA,CAAA,KAAM,CAAC;MACrB,CAAC,CAAC;MACFC,yBAAyB,EAAEA,CAAA,KAAM,CAAC;IACtC,CAAC;EACL;AACJ,CAAC,CAAC,CAAC;AAEHR,IAAI,CAACC,IAAI,CAAC,wBAAwB,EAAE,MAAM;EACtC,MAAMQ,KAAK,GAAGC,OAAO,CAAC,OAAO,CAAC;EAC9B,MAAMC,SAAmB,GAAG;IACxBC,MAAM,EAAE,CAAC,CAAC;IACVC,WAAW,EAAE,CAAC;EAClB,CAAC;EACD,MAAMC,WAAW,GAAG;IAChBC,SAAS,EAAEC,SAAS;IACpBC,UAAU,EAAED,SAAS;IACrBE,iBAAiB,EAAE,KAAK;IACxBC,WAAW,EAAE,aAA4B;IACzCC,mBAAmB,EAAE,QAAkC;IACvDC,MAAM,EAAE;MACJC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,GAAG,EAAE;IACT,CAAC;IACDC,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE,CAAC;IACZC,GAAG,EAAE,KAAK;IACVC,WAAW,EAAE,KAAK;IAClBC,UAAU,EAAE,IAAI;IAChBC,aAAa,EAAE;MACXC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACZ,CAAC;IACDC,MAAM,EAAE;MACJF,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACZ,CAAC;IACDE,SAAS,EAAE;MACPH,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACZ;EACJ,CAAC;EACD,MAAMG,gBAAgB,GAAG;IACrBlB,WAAW,EAAE,aAA4B;IACzCC,mBAAmB,EAAE,QAAkC;IACvDkB,WAAW,EAAE,UAAyB;IACtCP,UAAU,EAAE,IAAI;IAChBD,WAAW,EAAE,KAAK;IAClBjB,WAAW,EAAE,CAAC,CAAC;IACf0B,OAAO,EAAEA,CAAA,KAAM,CAAE,CAAC;IAClBC,MAAM,EAAEA,CAAA,KAAM,KAAK;IACnBC,IAAI,EAAE,sBAAsB;IAC5B3B,WAAW,EAAEA,WAAW;IACxBsB,SAAS,EAAE;MACPF,MAAM,EAAE,CAAC;MACTD,KAAK,EAAE,CAAC;MACRQ,IAAI,EAAE,eAAe;MACrBD,MAAM,EAAEA,CAAA,KAAM,KAAK;MACnBE,SAAS,EAAEA,CAAA,KAAM,CAAE,CAAC;MACpBnC,QAAQ,EAAEA,CAAA,KAAM,CAAE;IACtB,CAAC;IACDyB,aAAa,EAAE;MACXE,MAAM,EAAE,CAAC;MACTD,KAAK,EAAE,CAAC;MACRQ,IAAI,EAAE,mBAAmB;MACzBD,MAAM,EAAEA,CAAA,KAAM,KAAK;MACnBE,SAAS,EAAEA,CAAA,KAAM,CAAE,CAAC;MACpBH,OAAO,EAAEA,CAAA,KAAM,CAAE;IACrB,CAAC;IACDX,SAAS,EAAE,CAAC;IACZV,iBAAiB,EAAE,KAAK;IACxBS,UAAU,EAAE,CAAC;IACbE,GAAG,EAAE,KAAK;IACVc,QAAQ,EAAEA,CAAA,KAAM;MACZ,OAAQC,MAAM,CAACC,MAAM,CAAClC,SAAS,CAACC,MAAM,CAAC,CAACkC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACvD,CAAC;IACDC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;IAClBC,WAAW,EAAEA,CAAA,KAAM,CAAC,CAAC;IACrBC,0BAA0B,EAAEA,CAAA,KAAM,CAAC,CAAC;IACpCC,2BAA2B,EAAEA,CAAA,KAAM,CAAC,CAAC;IACrC5C,qBAAqB,EAAEA,CAAA,KAAM;MACzB,OAAO,CAAC,CAAC;IACb,CAAC;IACDE,yBAAyB,EAAEA,CAAA,KAAM;MAC7B,OAAO,CAAC,CAAC;IACb,CAAC;IACD2C,iBAAiB,EAAEA,CAAA,KAAM,CAAC,CAAC;IAC3BC,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAC;IAC1B/B,MAAM,EAAE;MACJC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,GAAG,EAAE;IACT,CAAC;IACDS,MAAM,EAAE;MACJF,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE;IACZ,CAAC;IACDjB,UAAU,EAAED;EAChB,CAAmC;EAEnC,OAAO;IACHqC,IAAI,EAAEA,CAAA,KAAM,IAAI;IAChBC,OAAO,EAAEA,CAAA,KAAM,IAAI;IACnBC,WAAW,EAAEA,CAAA,KAAM,IAAI;IACvBC,aAAa,EAAEA,CAAcC,SAAqB,EAAEC,MAA2E,KAAMC,KAAU,IAC3IlD,KAAK,CAACmD,aAAa,CAACH,SAAS,EAAE;MAC3B,GAAGC,MAAM,GAAId,MAAM,CAACC,MAAM,CAAClC,SAAS,CAACC,MAAM,CAAC,CAACkC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAqBhC,WAAW,CAAC;MACzF,GAAG6C;IACP,CAAC,CAAC;IACNE,EAAE,EAAE;MACAC,IAAI,EAAE;QACF7B,KAAK,EAAEA,CAAA,MAAO;UACV8B,GAAG,EAAE;YACD7B,MAAM,EAAEA,CAAA,MAAO,CAAC,CAAC;UACrB;QACJ,CAAC,CAAC;QACFA,MAAM,EAAEA,CAAA,MAAO;UACX6B,GAAG,EAAE;YACD9B,KAAK,EAAEA,CAAA,MAAO,CAAC,CAAC;UACpB;QACJ,CAAC;MACL,CAAC;MACDA,KAAK,EAAEA,CAAA,MAAO;QACV8B,GAAG,EAAE;UACD7B,MAAM,EAAEA,CAAA,MAAO,CAAC,CAAC;QACrB;MACJ,CAAC,CAAC;MACFA,MAAM,EAAEA,CAAA,MAAO;QACX6B,GAAG,EAAE;UACD9B,KAAK,EAAEA,CAAA,MAAO,CAAC,CAAC;QACpB;MACJ,CAAC;IACL,CAAC;IACD+B,YAAY,EAAEA,CAAA,MAAO;MACjBC,KAAK,EAAErB,MAAM,CAACC,MAAM,CAAClC,SAAS,CAACC,MAAM,CAAC,CAACkC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;MAClDoB,EAAE,EAAE7B;IACR,CAAC,CAAC;IACF8B,UAAU,EAAE;MACRC,kBAAkB,EAAE;QAChBC,QAAQ,EAAE,UAAU;QACpB9C,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRF,GAAG,EAAE,CAAC;QACNG,MAAM,EAAE;MACZ,CAAC;MACD6C,YAAY,EAAE;QACVD,QAAQ,EAAE,UAAU;QACpB9C,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRF,GAAG,EAAE,CAAC;QACNG,MAAM,EAAE;MACZ,CAAmD;MACnD8C,OAAO,EAAGC,MAAW,IAAK;QACtB,OAAOA,MAAM;MACjB,CAAC;MACDC,OAAO,EAAGD,MAAW,IAAK;QACtB,OAAOA,MAAM;MACjB,CAAC;MACDE,MAAM,EAAGF,MAAW,IAAK;QACrB,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE;UAC9B,OAAO;YACH,GAAGA,MAAM,CAAC5B,MAAM,CAACC,MAAM,CAAClC,SAAS,CAACC,MAAM,CAAC,CAACkC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAEhC,WAAW,CAAC;YACnE6D,WAAW,EAAEA,CAAA,KAAM,CAAC;UACxB,CAAC;QACL;QAEA,OAAO;UACH,GAAGH,MAAM;UACTG,WAAW,EAAEA,CAAA,KAAM,CAAC;QACxB,CAAC;MACL,CAAC;MACDC,SAAS,EAAGC,MAAuB,IAAK;QACpC,IAAIA,MAAM,CAAChE,WAAW,EAAE;UACpBF,SAAS,CAACE,WAAW,GAAGgE,MAAM,CAAChE,WAAW;QAC9C;QAEA,IAAIgE,MAAM,CAACjE,MAAM,EAAE;UACfD,SAAS,CAACC,MAAM,GAAGiE,MAAM,CAACjE,MAAM;QACpC;MACJ,CAAC;MACDkE,SAAS,EAAE;QACPC,YAAY,EAAEA,CAAA,KAAM,IAAI;QACxBC,oBAAoB,EAAEA,CAAA,KAAM;MAChC,CAAC;MACDC,aAAa,EAAE,CAAC;MAChBC,IAAI,EAAE,CAAC,CAAC;MACRC,iBAAiB,EAAEA,CAAA,KAAM,MAAM,CAAC,CAAC;MACjC9E,IAAI,EAAEA,CAAA,KAAM,CAAC,CAAC;MACdoC,IAAI,EAAE,gBAAgB;MACtBF,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;MACjBC,MAAM,EAAEA,CAAA,KAAM;IAClB,CAA+B;IAC/B4C,gBAAgB,EAAE/C;EACtB,CAAC;AACL,CAAC,CAAC;AAEFrC,IAAI,CAACC,IAAI,CAAC,mCAAmC,EAAE,MAAM;EACjD,MAAMoF,SAAS,GAAG3E,OAAO,CAAC,wBAAwB,CAAC;EACnD,MAAM4E,iBAAiB,GAAIC,KAAU,KAAM;IACvCA;EACJ,CAAC,CAAC;EAEF,OAAO;IACHC,gBAAgB,EAAEA,CAAA,KAAM;MACpB,MAAMvB,KAAK,GAAGoB,SAAS,CAACrB,YAAY,CAAC,CAAC,CAACC,KAAK;MAC5C,MAAMwB,WAAW,GAAGH,iBAAiB,CAACrB,KAAK,CAAC;MAE5C,OAAOwB,WAAW;IACtB,CAAC;IACDC,uBAAuB,EAAEA,CAAA,KAAM;MAC3B,MAAMC,SAAS,GAAGL,iBAAiB,CAAC,SAAS,CAAC;MAC9C,MAAMM,OAAO,GAAGN,iBAAiB,CAAC,SAAS,CAAC;MAE5C,OAAO;QACHK,SAAS;QACTC;MACJ,CAAC;IACL;EACJ,CAAC;AACL,CAAC,CAAC;AAAA","ignoreList":[]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["useAnimatedTheme"],"sourceRoot":"../../../src","sources":["reanimated/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oBAAoB","ignoreList":[]}
|
1
|
+
{"version":3,"names":["useAnimatedTheme","useAnimatedVariantColor"],"sourceRoot":"../../../src","sources":["reanimated/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,uBAAuB,QAAQ,WAAW","ignoreList":[]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["reanimated/variant/index.ts"],"mappings":";;AAAA,cAAc,2BAA2B","ignoreList":[]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["reanimated/variant/types.ts"],"mappings":"","ignoreList":[]}
|
@@ -0,0 +1,33 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
import { interpolateColor, useDerivedValue, useSharedValue } from 'react-native-reanimated';
|
4
|
+
import { useUpdateVariantColor } from './useUpdateVariantColor';
|
5
|
+
export const useAnimatedVariantColor = (style, colorKey) => {
|
6
|
+
const secretKey = Object.keys(style).find(key => key.startsWith('unistyles_'));
|
7
|
+
// @ts-ignore this is hidden from TS
|
8
|
+
const hasVariants = style[secretKey]?.__stylesheetVariants;
|
9
|
+
if (!hasVariants || !colorKey.toLowerCase().includes('color')) {
|
10
|
+
throw new Error('useAnimatedVariantColor: Style was not created by Unistyles, does not have variants or has no color property');
|
11
|
+
}
|
12
|
+
const {
|
13
|
+
fromValue,
|
14
|
+
toValue
|
15
|
+
} = useUpdateVariantColor({
|
16
|
+
animateCallback: (from, to) => animate(from, to),
|
17
|
+
colorKey,
|
18
|
+
secretKey,
|
19
|
+
style
|
20
|
+
});
|
21
|
+
const progress = useSharedValue(1);
|
22
|
+
const animate = (from, to) => {
|
23
|
+
'worklet';
|
24
|
+
|
25
|
+
fromValue.set(from);
|
26
|
+
toValue.set(to);
|
27
|
+
};
|
28
|
+
const derivedColor = useDerivedValue(() => {
|
29
|
+
return interpolateColor(progress.value, [0, 1], [fromValue.get(), toValue.get()]);
|
30
|
+
});
|
31
|
+
return derivedColor;
|
32
|
+
};
|
33
|
+
//# sourceMappingURL=useAnimatedVariantColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["interpolateColor","useDerivedValue","useSharedValue","useUpdateVariantColor","useAnimatedVariantColor","style","colorKey","secretKey","Object","keys","find","key","startsWith","hasVariants","__stylesheetVariants","toLowerCase","includes","Error","fromValue","toValue","animateCallback","from","to","animate","progress","set","derivedColor","value","get"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useAnimatedVariantColor.ts"],"mappings":";;AAAA,SAASA,gBAAgB,EAAEC,eAAe,EAAEC,cAAc,QAAQ,yBAAyB;AAE3F,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,OAAO,MAAMC,uBAAuB,GAAGA,CAAgCC,KAAQ,EAAEC,QAAsB,KAAK;EACxG,MAAMC,SAAS,GAAGC,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,CAACK,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,YAAY,CAAC,CAAC;EAC9E;EACA,MAAMC,WAAW,GAAGR,KAAK,CAACE,SAAS,CAAC,EAAEO,oBAAoB;EAE1D,IAAI,CAACD,WAAW,IAAI,CAACP,QAAQ,CAACS,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC,OAAO,CAAC,EAAE;IAC3D,MAAM,IAAIC,KAAK,CAAC,8GAA8G,CAAC;EACnI;EAEA,MAAM;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGhB,qBAAqB,CAAC;IACjDiB,eAAe,EAAEA,CAACC,IAAI,EAAEC,EAAE,KAAKC,OAAO,CAACF,IAAI,EAAEC,EAAE,CAAC;IAChDhB,QAAQ;IACRC,SAAS;IACTF;EACJ,CAAC,CAAC;EAEF,MAAMmB,QAAQ,GAAGtB,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMqB,OAAO,GAAGA,CAACF,IAAY,EAAEC,EAAU,KAAK;IAC1C,SAAS;;IAETJ,SAAS,CAACO,GAAG,CAACJ,IAAI,CAAC;IACnBF,OAAO,CAACM,GAAG,CAACH,EAAE,CAAC;EACnB,CAAC;EAED,MAAMI,YAAY,GAAGzB,eAAe,CAAC,MAAM;IACvC,OAAOD,gBAAgB,CACnBwB,QAAQ,CAACG,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACT,SAAS,CAACU,GAAG,CAAC,CAAC,EAAET,OAAO,CAACS,GAAG,CAAC,CAAC,CACnC,CAAC;EACL,CAAC,CAAC;EAEF,OAAOF,YAAY;AACvB,CAAC","ignoreList":[]}
|
@@ -0,0 +1,61 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
import { useCallback, useEffect, useLayoutEffect, useMemo, useState } from 'react';
|
4
|
+
import { runOnUI, useSharedValue } from 'react-native-reanimated';
|
5
|
+
import { UnistyleDependency } from '../../specs';
|
6
|
+
import { services } from '../../web/services';
|
7
|
+
import { getClosestBreakpointValue } from '../../web/utils';
|
8
|
+
export const useUpdateVariantColor = ({
|
9
|
+
animateCallback,
|
10
|
+
colorKey,
|
11
|
+
style
|
12
|
+
}) => {
|
13
|
+
const [dummyDiv] = useState(() => {
|
14
|
+
const div = document.createElement('div');
|
15
|
+
div.style.display = 'none';
|
16
|
+
document.body.appendChild(div);
|
17
|
+
return div;
|
18
|
+
});
|
19
|
+
const parsedStyles = useMemo(() => {
|
20
|
+
return services.shadowRegistry.addStyles([style]).parsedStyles;
|
21
|
+
}, [style]);
|
22
|
+
const getCurrentColor = useCallback(() => {
|
23
|
+
if (!parsedStyles) {
|
24
|
+
return 'rgb(0, 0, 0)';
|
25
|
+
}
|
26
|
+
const currentColor = parsedStyles[colorKey];
|
27
|
+
const currentColorVar = typeof currentColor === 'string' ? currentColor : getClosestBreakpointValue(services.runtime, currentColor) ?? 'rgb(0, 0, 0)';
|
28
|
+
if (currentColorVar.startsWith('var(--')) {
|
29
|
+
dummyDiv.style.color = currentColorVar;
|
30
|
+
return getComputedStyle(dummyDiv).color;
|
31
|
+
}
|
32
|
+
return currentColorVar;
|
33
|
+
}, [style, colorKey]);
|
34
|
+
const fromValue = useSharedValue(getCurrentColor());
|
35
|
+
const toValue = useSharedValue(getCurrentColor());
|
36
|
+
useEffect(() => {
|
37
|
+
const dispose = services.listener.addListeners([UnistyleDependency.Theme], () => {
|
38
|
+
runOnUI(() => {
|
39
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
40
|
+
})();
|
41
|
+
});
|
42
|
+
return () => dispose();
|
43
|
+
}, [style, colorKey]);
|
44
|
+
useLayoutEffect(() => {
|
45
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
46
|
+
const colorStyle = parsedStyles?.[colorKey];
|
47
|
+
if (typeof colorStyle !== 'object' || colorStyle === null) {
|
48
|
+
return;
|
49
|
+
}
|
50
|
+
const dispose = services.listener.addListeners([UnistyleDependency.Breakpoints], () => {
|
51
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
52
|
+
});
|
53
|
+
return () => dispose();
|
54
|
+
}, [style, colorKey]);
|
55
|
+
useEffect(() => () => dummyDiv.remove(), []);
|
56
|
+
return {
|
57
|
+
fromValue,
|
58
|
+
toValue
|
59
|
+
};
|
60
|
+
};
|
61
|
+
//# sourceMappingURL=useUpdateVariantColor.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useLayoutEffect","useMemo","useState","runOnUI","useSharedValue","UnistyleDependency","services","getClosestBreakpointValue","useUpdateVariantColor","animateCallback","colorKey","style","dummyDiv","div","document","createElement","display","body","appendChild","parsedStyles","shadowRegistry","addStyles","getCurrentColor","currentColor","currentColorVar","runtime","startsWith","color","getComputedStyle","fromValue","toValue","dispose","listener","addListeners","Theme","get","colorStyle","Breakpoints","remove"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useUpdateVariantColor.ts"],"mappings":"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","ignoreList":[]}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
import { useEffect, useLayoutEffect } from 'react';
|
4
|
+
import { useSharedValue } from 'react-native-reanimated';
|
5
|
+
import { StyleSheet, UnistyleDependency } from '../../specs';
|
6
|
+
export const useUpdateVariantColor = ({
|
7
|
+
colorKey,
|
8
|
+
style,
|
9
|
+
secretKey
|
10
|
+
}) => {
|
11
|
+
const fromValue = useSharedValue(style[colorKey]);
|
12
|
+
const toValue = useSharedValue(style[colorKey]);
|
13
|
+
useEffect(() => {
|
14
|
+
// @ts-ignore this is hidden from TS
|
15
|
+
const dispose = StyleSheet.addChangeListener(changedDependencies => {
|
16
|
+
if (changedDependencies.includes(UnistyleDependency.Theme) || changedDependencies.includes(UnistyleDependency.Breakpoints)) {
|
17
|
+
// @ts-ignore
|
18
|
+
const newStyles = style[secretKey]?.uni__getStyles();
|
19
|
+
fromValue.set(toValue.value);
|
20
|
+
toValue.set(newStyles[colorKey]);
|
21
|
+
}
|
22
|
+
});
|
23
|
+
return () => dispose();
|
24
|
+
}, [style, colorKey]);
|
25
|
+
useLayoutEffect(() => {
|
26
|
+
fromValue.set(toValue.value);
|
27
|
+
toValue.set(style[colorKey]);
|
28
|
+
}, [style, colorKey]);
|
29
|
+
return {
|
30
|
+
fromValue,
|
31
|
+
toValue
|
32
|
+
};
|
33
|
+
};
|
34
|
+
//# sourceMappingURL=useUpdateVariantColor.native.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["useEffect","useLayoutEffect","useSharedValue","StyleSheet","UnistyleDependency","useUpdateVariantColor","colorKey","style","secretKey","fromValue","toValue","dispose","addChangeListener","changedDependencies","includes","Theme","Breakpoints","newStyles","uni__getStyles","set","value"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useUpdateVariantColor.native.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,eAAe,QAAQ,OAAO;AAClD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,UAAU,EAAEC,kBAAkB,QAAQ,aAAa;AAG5D,OAAO,MAAMC,qBAAqB,GAAGA,CAAgC;EACjEC,QAAQ;EACRC,KAAK;EACLC;AAC4B,CAAC,KAAK;EAClC,MAAMC,SAAS,GAAGP,cAAc,CAASK,KAAK,CAACD,QAAQ,CAAC,CAAC;EACzD,MAAMI,OAAO,GAAGR,cAAc,CAASK,KAAK,CAACD,QAAQ,CAAC,CAAC;EAEvDN,SAAS,CAAC,MAAM;IACZ;IACA,MAAMW,OAAO,GAAGR,UAAU,CAACS,iBAAiB,CAACC,mBAAmB,IAAI;MAChE,IAAIA,mBAAmB,CAACC,QAAQ,CAACV,kBAAkB,CAACW,KAAK,CAAC,IAAIF,mBAAmB,CAACC,QAAQ,CAACV,kBAAkB,CAACY,WAAW,CAAC,EAAE;QACxH;QACA,MAAMC,SAAS,GAAGV,KAAK,CAACC,SAAS,CAAC,EAAEU,cAAc,CAAC,CAAC;QAEpDT,SAAS,CAACU,GAAG,CAACT,OAAO,CAACU,KAAK,CAAC;QAC5BV,OAAO,CAACS,GAAG,CAACF,SAAS,CAACX,QAAQ,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAMK,OAAO,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACJ,KAAK,EAAED,QAAQ,CAAC,CAAC;EAErBL,eAAe,CAAC,MAAM;IAClBQ,SAAS,CAACU,GAAG,CAACT,OAAO,CAACU,KAAK,CAAC;IAC5BV,OAAO,CAACS,GAAG,CAACZ,KAAK,CAACD,QAAQ,CAAC,CAAC;EAChC,CAAC,EAAE,CAACC,KAAK,EAAED,QAAQ,CAAC,CAAC;EAErB,OAAO;IACHG,SAAS;IACTC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
|
@@ -4,8 +4,13 @@ import { NitroModules } from 'react-native-nitro-modules';
|
|
4
4
|
const HybridShadowRegistry = NitroModules.createHybridObject('UnistylesShadowRegistry');
|
5
5
|
const findShadowNodeForHandle = handle => {
|
6
6
|
const node = handle?.__internalInstanceHandle?.stateNode?.node ?? handle?.getScrollResponder?.()?.getNativeScrollRef?.()?.__internalInstanceHandle?.stateNode?.node ?? handle?.getNativeScrollRef?.()?.__internalInstanceHandle?.stateNode?.node ?? handle?._viewRef?.__internalInstanceHandle?.stateNode?.node ?? handle?.viewRef?.current?.__internalInstanceHandle?.stateNode?.node ?? handle?._nativeRef?.__internalInstanceHandle?.stateNode?.node;
|
7
|
+
|
8
|
+
// @ts-ignore we don't know the type of handle
|
9
|
+
if (!node && handle?.props?.horizontal && handle?.constructor?.name === 'FlatList') {
|
10
|
+
throw new Error('Unistyles: detected an unsupported FlatList with the horizontal prop. This will cause crashes on Android due to a bug in React Native core. Read more: https://github.com/facebook/react-native/issues/51601');
|
11
|
+
}
|
7
12
|
if (!node) {
|
8
|
-
throw new Error(`Unistyles: Could not find shadow node for one of your components of type ${handle?.
|
13
|
+
throw new Error(`Unistyles: Could not find shadow node for one of your components of type ${handle?.constructor?.name ?? 'unknown'}`);
|
9
14
|
}
|
10
15
|
return node;
|
11
16
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["NitroModules","HybridShadowRegistry","createHybridObject","findShadowNodeForHandle","handle","node","__internalInstanceHandle","stateNode","getScrollResponder","getNativeScrollRef","_viewRef","viewRef","current","_nativeRef","
|
1
|
+
{"version":3,"names":["NitroModules","HybridShadowRegistry","createHybridObject","findShadowNodeForHandle","handle","node","__internalInstanceHandle","stateNode","getScrollResponder","getNativeScrollRef","_viewRef","viewRef","current","_nativeRef","props","horizontal","constructor","name","Error","add","styles","stylesArray","Array","isArray","flat","filteredStyles","filter","style","Object","keys","length","Boolean","link","remove","unlink","UnistylesShadowRegistry"],"sourceRoot":"../../../../src","sources":["specs/ShadowRegistry/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,4BAA4B;AAgBzD,MAAMC,oBAAoB,GAAGD,YAAY,CAACE,kBAAkB,CAAiB,yBAAyB,CAAC;AAEvG,MAAMC,uBAAuB,GAAIC,MAAkB,IAAK;EACpD,MAAMC,IAAI,GAAGD,MAAM,EAAEE,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACvDD,MAAM,EAAEI,kBAAkB,GAAG,CAAC,EAAEC,kBAAkB,GAAG,CAAC,EAAEH,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACjGD,MAAM,EAAEK,kBAAkB,GAAG,CAAC,EAAEH,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACzED,MAAM,EAAEM,QAAQ,EAAEJ,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IAC3DD,MAAM,EAAEO,OAAO,EAAEC,OAAO,EAAEN,wBAAwB,EAAEC,SAAS,EAAEF,IAAI,IACnED,MAAM,EAAES,UAAU,EAAEP,wBAAwB,EAAEC,SAAS,EAAEF,IAAI;;EAEpE;EACA,IAAI,CAACA,IAAI,IAAID,MAAM,EAAEU,KAAK,EAAEC,UAAU,IAAIX,MAAM,EAAEY,WAAW,EAAEC,IAAI,KAAK,UAAU,EAAE;IAChF,MAAM,IAAIC,KAAK,CAAC,8MAA8M,CAAC;EACnO;EAEA,IAAI,CAACb,IAAI,EAAE;IACP,MAAM,IAAIa,KAAK,CAAC,4EAA4Ed,MAAM,EAAEY,WAAW,EAAEC,IAAI,IAAI,SAAS,EAAE,CAAC;EACzI;EAEA,OAAOZ,IAAI;AACf,CAAC;AAEDJ,oBAAoB,CAACkB,GAAG,GAAG,CAACf,MAAM,EAAEgB,MAAM,KAAK;EAC3C;EACA,IAAI,CAAChB,MAAM,IAAI,CAACgB,MAAM,EAAE;IACpB;EACJ;EAEA,MAAMC,WAAW,GAAGC,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,GACnCA,MAAM,CAACI,IAAI,CAAC,CAAC,GACb,CAACJ,MAAM,CAAC;;EAEd;EACA,MAAMK,cAAc,GAAGJ,WAAW,CAC7BK,MAAM,CAACC,KAAK,IAAIA,KAAK,IAAIC,MAAM,CAACC,IAAI,CAACF,KAAK,CAAC,CAACG,MAAM,GAAG,CAAC,CAAC,CACvDN,IAAI,CAAC,CAAC,CACNE,MAAM,CAACK,OAAO,CAAC;EAEpB,IAAIN,cAAc,CAACK,MAAM,GAAG,CAAC,EAAE;IAC3B7B,oBAAoB,CAAC+B,IAAI,CAAC7B,uBAAuB,CAACC,MAAM,CAAC,EAAEqB,cAAc,CAAC;EAC9E;AACJ,CAAC;AAEDxB,oBAAoB,CAACgC,MAAM,GAAG7B,MAAM,IAAI;EACpC,IAAI,CAACA,MAAM,EAAE;IACT;EACJ;EAEAH,oBAAoB,CAACiC,MAAM,CAAC/B,uBAAuB,CAACC,MAAM,CAAC,CAAC;AAChE,CAAC;AAQD,OAAO,MAAM+B,uBAAuB,GAAGlC,oBAA4D","ignoreList":[]}
|
@@ -2,13 +2,15 @@
|
|
2
2
|
|
3
3
|
import { StyleSheet as NativeStyleSheet, processColor } from 'react-native';
|
4
4
|
import { NitroModules } from 'react-native-nitro-modules';
|
5
|
+
import { parseBoxShadowString } from '../../core/parseBoxShadow';
|
5
6
|
const HybridUnistylesStyleSheet = NitroModules.createHybridObject('UnistylesStyleSheet');
|
6
7
|
HybridUnistylesStyleSheet.absoluteFillObject = NativeStyleSheet.absoluteFillObject;
|
7
8
|
HybridUnistylesStyleSheet.absoluteFill = NativeStyleSheet.absoluteFill;
|
8
9
|
HybridUnistylesStyleSheet.flatten = NativeStyleSheet.flatten;
|
9
10
|
HybridUnistylesStyleSheet.compose = NativeStyleSheet.compose;
|
10
11
|
HybridUnistylesStyleSheet.jsMethods = {
|
11
|
-
processColor
|
12
|
+
processColor,
|
13
|
+
parseBoxShadowString
|
12
14
|
};
|
13
15
|
HybridUnistylesStyleSheet.init();
|
14
16
|
export const StyleSheet = HybridUnistylesStyleSheet;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["StyleSheet","NativeStyleSheet","processColor","NitroModules","HybridUnistylesStyleSheet","createHybridObject","absoluteFillObject","absoluteFill","flatten","compose","jsMethods","init"],"sourceRoot":"../../../../src","sources":["specs/StyleSheet/index.ts"],"mappings":";;AAAA,SAASA,UAAU,IAAIC,gBAAgB,EAAEC,YAAY,QAAQ,cAAc;AAE3E,SAASC,YAAY,QAAQ,4BAA4B;
|
1
|
+
{"version":3,"names":["StyleSheet","NativeStyleSheet","processColor","NitroModules","parseBoxShadowString","HybridUnistylesStyleSheet","createHybridObject","absoluteFillObject","absoluteFill","flatten","compose","jsMethods","init"],"sourceRoot":"../../../../src","sources":["specs/StyleSheet/index.ts"],"mappings":";;AAAA,SAASA,UAAU,IAAIC,gBAAgB,EAAEC,YAAY,QAAQ,cAAc;AAE3E,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,oBAAoB,QAAQ,2BAA2B;AAsChE,MAAMC,yBAAyB,GAAGF,YAAY,CACzCG,kBAAkB,CAAsB,qBAAqB,CAAC;AAEnED,yBAAyB,CAACE,kBAAkB,GAAGN,gBAAgB,CAACM,kBAAkB;AAClFF,yBAAyB,CAACG,YAAY,GAAGP,gBAAgB,CAACO,YAAY;AACtEH,yBAAyB,CAACI,OAAO,GAAGR,gBAAgB,CAACQ,OAAO;AAC5DJ,yBAAyB,CAACK,OAAO,GAAGT,gBAAgB,CAACS,OAAO;AAC5DL,yBAAyB,CAACM,SAAS,GAAG;EAClCT,YAAY;EACZE;AACJ,CAAC;AAEDC,yBAAyB,CAACO,IAAI,CAAC,CAAC;AAIhC,OAAO,MAAMZ,UAAU,GAAGK,yBAAsE","ignoreList":[]}
|
@@ -7,7 +7,6 @@ import { attachStatusBarJSMethods } from '../StatusBar';
|
|
7
7
|
const HybridUnistylesRuntime = NitroModules.createHybridObject('UnistylesRuntime');
|
8
8
|
HybridUnistylesRuntime.statusBar = HybridUnistylesRuntime.createHybridStatusBar();
|
9
9
|
HybridUnistylesRuntime.navigationBar = HybridUnistylesRuntime.createHybridNavigationBar();
|
10
|
-
HybridUnistylesRuntime._setRootViewBackgroundColor = HybridUnistylesRuntime.setRootViewBackgroundColor;
|
11
10
|
HybridUnistylesRuntime.setRootViewBackgroundColor = color => {
|
12
11
|
const parsedColor = processColor(color) ?? 0;
|
13
12
|
HybridUnistylesRuntime._setRootViewBackgroundColor(parsedColor);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["processColor","NitroModules","isIOS","attachStatusBarJSMethods","HybridUnistylesRuntime","createHybridObject","statusBar","createHybridStatusBar","navigationBar","createHybridNavigationBar","
|
1
|
+
{"version":3,"names":["processColor","NitroModules","isIOS","attachStatusBarJSMethods","HybridUnistylesRuntime","createHybridObject","statusBar","createHybridStatusBar","navigationBar","createHybridNavigationBar","setRootViewBackgroundColor","color","parsedColor","_setRootViewBackgroundColor","setImmersiveMode","isEnabled","setHidden","Runtime"],"sourceRoot":"../../../../src","sources":["specs/UnistylesRuntime/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,cAAc;AAC3C,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,KAAK,QAAQ,cAAc;AAIpC,SAAkCC,wBAAwB,QAAQ,cAAc;AAmChF,MAAMC,sBAAsB,GAAGH,YAAY,CACtCI,kBAAkB,CAA0B,kBAAkB,CAAC;AAEpED,sBAAsB,CAACE,SAAS,GAAGF,sBAAsB,CAACG,qBAAqB,CAAC,CAAC;AACjFH,sBAAsB,CAACI,aAAa,GAAGJ,sBAAsB,CAACK,yBAAyB,CAAC,CAAC;AAEzFL,sBAAsB,CAACM,0BAA0B,GAAIC,KAAc,IAAK;EACpE,MAAMC,WAAW,GAAGZ,YAAY,CAACW,KAAK,CAAC,IAAI,CAAC;EAE5CP,sBAAsB,CAACS,2BAA2B,CAACD,WAAqB,CAAC;AAC7E,CAAC;AAED,IAAIV,KAAK,EAAE;EACPE,sBAAsB,CAACU,gBAAgB,GAAIC,SAAkB,IAAKX,sBAAsB,CAACE,SAAS,CAACU,SAAS,CAACD,SAAS,EAAE,MAAM,CAAC;AACnI;AAEAZ,wBAAwB,CAACC,sBAAsB,CAACE,SAAS,CAAC;AAE1D,OAAO,MAAMW,OAAO,GAAGb,sBAA0C","ignoreList":[]}
|
package/lib/module/utils.js
CHANGED
@@ -27,10 +27,7 @@ export const copyComponentProperties = (Component, UnistylesComponent) => {
|
|
27
27
|
}
|
28
28
|
UnistylesComponent[key] = value;
|
29
29
|
});
|
30
|
-
|
31
|
-
// Those are not enumerable, so we need to copy them manually
|
32
30
|
UnistylesComponent.displayName = Component.displayName;
|
33
|
-
UnistylesComponent.name = Component.name;
|
34
31
|
return UnistylesComponent;
|
35
32
|
};
|
36
33
|
const IS_UNISTYLES_REGEX = /:([hw])\[(\d+)(?:,\s*(\d+|Infinity))?]/;
|
package/lib/module/utils.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["isDefined","value","undefined","deepMergeObjects","sources","target","filter","forEach","source","Object","keys","key","sourceValue","targetValue","copyComponentProperties","Component","UnistylesComponent","entries","includes","displayName","
|
1
|
+
{"version":3,"names":["isDefined","value","undefined","deepMergeObjects","sources","target","filter","forEach","source","Object","keys","key","sourceValue","targetValue","copyComponentProperties","Component","UnistylesComponent","entries","includes","displayName","IS_UNISTYLES_REGEX","UNISTYLES_WIDTH_REGEX","UNISTYLES_HEIGHT_REGEX","isUnistylesMq","mq","test","parseMq","width","fromW","toW","exec","height","fromH","toH","minWidth","Number","maxWidth","minHeight","maxHeight","isValidMq","parsedMQ","isWidthValid","isHeightValid"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":";;AAAA,OAAO,MAAMA,SAAS,GAAOC,KAAQ,IAA8BA,KAAK,KAAKC,SAAS,IAAID,KAAK,KAAK,IAAI;AAExG,OAAO,MAAME,gBAAgB,GAAGA,CAAqC,GAAGC,OAAiB,KAAK;EAC1F,MAAMC,MAAM,GAAG,CAAC,CAAM;EAEtBD,OAAO,CACFE,MAAM,CAACN,SAAS,CAAC,CACjBO,OAAO,CAACC,MAAM,IAAI;IACfC,MAAM,CAACC,IAAI,CAACF,MAAM,CAAC,CAACD,OAAO,CAACI,GAAG,IAAI;MAC/B,MAAMC,WAAW,GAAGJ,MAAM,CAACG,GAAG,CAAC;MAC/B,MAAME,WAAW,GAAGR,MAAM,CAACM,GAAG,CAAC;MAE/B,IAAIF,MAAM,CAACG,WAAW,CAAC,KAAKA,WAAW,IAAIH,MAAM,CAACI,WAAW,CAAC,KAAKA,WAAW,EAAE;QAC5E;QACAR,MAAM,CAACM,GAAG,CAAC,GAAGR,gBAAgB,CAACU,WAAW,EAAED,WAAW,CAAC;QAExD;MACJ;;MAEA;MACAP,MAAM,CAACM,GAAG,CAAC,GAAGC,WAAW;IACjC,CAAC,CAAC;EACN,CAAC,CAAC;EAEF,OAAOP,MAAM;AACjB,CAAC;AAED,OAAO,MAAMS,uBAAuB,GAAGA,CAACC,SAAc,EAAEC,kBAAuB,KAAK;EAChFP,MAAM,CAACQ,OAAO,CAACF,SAAS,CAAC,CAACR,OAAO,CAAC,CAAC,CAACI,GAAG,EAAEV,KAAK,CAAC,KAAK;IAChD;IACA,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAACiB,QAAQ,CAACP,GAAG,CAAC,EAAE;MACtC;IACJ;IAEAK,kBAAkB,CAACL,GAAG,CAAC,GAAGV,KAAK;EACnC,CAAC,CAAC;EAEFe,kBAAkB,CAACG,WAAW,GAAGJ,SAAS,CAACI,WAAW;EAEtD,OAAOH,kBAAkB;AAC7B,CAAC;AAED,MAAMI,kBAAkB,GAAG,wCAAwC;AACnE,MAAMC,qBAAqB,GAAG,qCAAqC;AACnE,MAAMC,sBAAsB,GAAG,qCAAqC;AAEpE,OAAO,MAAMC,aAAa,GAAIC,EAAU,IAAKJ,kBAAkB,CAACK,IAAI,CAACD,EAAE,CAAC;AAExE,OAAO,MAAME,OAAO,GAAIF,EAAU,IAAK;EACnC,MAAM,GAAGG,KAAK,EAAEC,KAAK,EAAEC,GAAG,CAAC,GAAGR,qBAAqB,CAACS,IAAI,CAACN,EAAE,CAAC,IAAI,EAAE;EAClE,MAAM,GAAGO,MAAM,EAAEC,KAAK,EAAEC,GAAG,CAAC,GAAGX,sBAAsB,CAACQ,IAAI,CAACN,EAAE,CAAC,IAAI,EAAE;EAEpE,OAAO;IACHU,QAAQ,EAAE,CAACP,KAAK,IAAIC,KAAK,KAAK,UAAU,GAAG1B,SAAS,GAAGiC,MAAM,CAACP,KAAK,CAAC;IACpEQ,QAAQ,EAAE,CAACT,KAAK,IAAIE,GAAG,KAAK,UAAU,GAAG3B,SAAS,GAAGiC,MAAM,CAACN,GAAG,CAAC;IAChEQ,SAAS,EAAE,CAACN,MAAM,IAAIC,KAAK,KAAK,UAAU,GAAG9B,SAAS,GAAGiC,MAAM,CAACH,KAAK,CAAC;IACtEM,SAAS,EAAE,CAACP,MAAM,IAAIE,GAAG,KAAK,UAAU,GAAG/B,SAAS,GAAGiC,MAAM,CAACF,GAAG;EACrE,CAAC;AACL,CAAC;AAED,OAAO,MAAMM,SAAS,GAAIC,QAAoC,IAAK;EAC/D,MAAMC,YAAY,GAAGD,QAAQ,CAACN,QAAQ,KAAKhC,SAAS,IAAIsC,QAAQ,CAACJ,QAAQ,KAAKlC,SAAS,IAAIsC,QAAQ,CAACN,QAAQ,IAAIM,QAAQ,CAACJ,QAAQ;EACjI,MAAMM,aAAa,GAAGF,QAAQ,CAACH,SAAS,KAAKnC,SAAS,IAAIsC,QAAQ,CAACF,SAAS,KAAKpC,SAAS,IAAIsC,QAAQ,CAACH,SAAS,IAAIG,QAAQ,CAACF,SAAS;EAEtI,OAAOG,YAAY,IAAIC,aAAa;AACxC,CAAC","ignoreList":[]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["deepMergeObjects","keyInObject","normalizeNumericValue","createBoxShadowValue","style","offsetX","offsetY","blurRadius","spreadDistance","color","inset","getBoxShadow","boxShadow","breakpoints","Set","forEach","shadow","key","Object","keys","value","breakpoint","add","size","boxShadowStyle","fromEntries","map","breakpointStyles","Array","from","styles"],"sourceRoot":"../../../../../src","sources":["web/convert/object/boxShadow.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,gBAAgB;AACjD,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,qBAAqB,QAAQ,UAAU;AAEhD,MAAMC,oBAAoB,GAAIC,KAAqB,IAAK;EACpD,MAAM;IAAEC,OAAO;IAAEC,OAAO;IAAEC,UAAU,GAAG,CAAC;IAAEC,cAAc,GAAG,CAAC;IAAEC,KAAK,GAAG,MAAM;IAAEC;EAAM,CAAC,GAAGN,KAAK;EAE7F,OAAO,GAAGM,KAAK,GAAG,QAAQ,GAAG,EAAE,GAAGR,qBAAqB,CAACG,OAAO,CAAC,IAAIH,qBAAqB,CAACI,OAAO,CAAC,IAAIJ,qBAAqB,CAACK,UAAoB,CAAC,IAAIL,qBAAqB,CAACM,cAAwB,CAAC,IAAIC,KAAK,EAAE;AACnN,CAAC;AAED,OAAO,MAAME,YAAY,GAAIC,SAAgC,IAAK;EAC9D,MAAMC,WAAW,GAAG,IAAIC,GAAG,CAAS,CAAC;EACrCF,SAAS,CAACG,OAAO,CAACC,MAAM,IAAI;IACxB,MAAM,CAACC,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC;IACjC,MAAMI,KAAK,GAAGJ,MAAM,CAACC,GAAG,CAAyB;;IAEjD;IACA,IAAI,OAAOG,KAAK,KAAK,QAAQ,EAAE;MAC3BF,MAAM,CAACC,IAAI,CAACC,KAAK,CAAC,CAACL,OAAO,CAACM,UAAU,IAAIR,WAAW,CAACS,GAAG,CAACD,UAAU,CAAC,CAAC;IACzE;EACJ,CAAC,CAAC;EAEF,IAAIR,WAAW,CAACU,IAAI,KAAK,CAAC,EAAE;IACxB,MAAMC,cAAc,GAAGN,MAAM,CAACO,WAAW,CAACb,SAAS,CAACc,GAAG,CAACV,MAAM,IAAI;MAC9D,MAAM,CAACC,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC;MACjC,OAAO,CAACC,GAAG,EAAED,MAAM,CAACC,GAAG,CAAyB,CAAC;IACrD,CAAC,CAAC,
|
1
|
+
{"version":3,"names":["deepMergeObjects","keyInObject","normalizeNumericValue","createBoxShadowValue","style","offsetX","offsetY","blurRadius","spreadDistance","color","inset","getBoxShadow","boxShadow","breakpoints","Set","forEach","shadow","key","Object","keys","value","breakpoint","add","size","boxShadowStyle","fromEntries","map","breakpointStyles","Array","from","styles"],"sourceRoot":"../../../../../src","sources":["web/convert/object/boxShadow.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,gBAAgB;AACjD,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,qBAAqB,QAAQ,UAAU;AAEhD,MAAMC,oBAAoB,GAAIC,KAAqB,IAAK;EACpD,MAAM;IAAEC,OAAO;IAAEC,OAAO;IAAEC,UAAU,GAAG,CAAC;IAAEC,cAAc,GAAG,CAAC;IAAEC,KAAK,GAAG,MAAM;IAAEC;EAAM,CAAC,GAAGN,KAAK;EAE7F,OAAO,GAAGM,KAAK,GAAG,QAAQ,GAAG,EAAE,GAAGR,qBAAqB,CAACG,OAAO,CAAC,IAAIH,qBAAqB,CAACI,OAAO,CAAC,IAAIJ,qBAAqB,CAACK,UAAoB,CAAC,IAAIL,qBAAqB,CAACM,cAAwB,CAAC,IAAIC,KAAK,EAAE;AACnN,CAAC;AAED,OAAO,MAAME,YAAY,GAAIC,SAAgC,IAAK;EAC9D,MAAMC,WAAW,GAAG,IAAIC,GAAG,CAAS,CAAC;EACrCF,SAAS,CAACG,OAAO,CAACC,MAAM,IAAI;IACxB,MAAM,CAACC,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC;IACjC,MAAMI,KAAK,GAAGJ,MAAM,CAACC,GAAG,CAAyB;;IAEjD;IACA,IAAI,OAAOG,KAAK,KAAK,QAAQ,EAAE;MAC3BF,MAAM,CAACC,IAAI,CAACC,KAAK,CAAC,CAACL,OAAO,CAACM,UAAU,IAAIR,WAAW,CAACS,GAAG,CAACD,UAAU,CAAC,CAAC;IACzE;EACJ,CAAC,CAAC;EAEF,IAAIR,WAAW,CAACU,IAAI,KAAK,CAAC,EAAE;IACxB,MAAMC,cAAc,GAAGN,MAAM,CAACO,WAAW,CAACb,SAAS,CAACc,GAAG,CAACV,MAAM,IAAI;MAC9D,MAAM,CAACC,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC;MACjC,OAAO,CAACC,GAAG,EAAED,MAAM,CAACC,GAAG,CAAyB,CAAC;IACrD,CAAC,CAAC,CAAmB;IAErB,OAAO;MACHL,SAAS,EAAET,oBAAoB,CAACqB,cAAc;IAClD,CAAC;EACL;EAEA,MAAMG,gBAAgB,GAAGC,KAAK,CAACC,IAAI,CAAChB,WAAW,CAAC,CAACa,GAAG,CAACL,UAAU,IAAI;IAC/D,MAAMS,MAAM,GAAGZ,MAAM,CAACO,WAAW,CAACb,SAAS,CAACc,GAAG,CAACV,MAAM,IAAI;MACtD,MAAM,CAACC,GAAG,CAAC,GAAGC,MAAM,CAACC,IAAI,CAACH,MAAM,CAAC;MACjC,MAAMI,KAAK,GAAGJ,MAAM,CAACC,GAAG,CAAyB;MAEjD,IAAI,OAAOG,KAAK,KAAK,QAAQ,IAAInB,WAAW,CAACmB,KAAK,EAAEC,UAAU,CAAC,EAAE;QAC7D,OAAO,CAACJ,GAAG,EAAEG,KAAK,CAACC,UAAU,CAAC,CAAC;MACnC;MAEA,OAAO,CAACJ,GAAG,EAAEG,KAAK,CAAC;IACvB,CAAC,CAAC,CAAmB;IAErB,OAAO;MACH,CAACC,UAAU,GAAG;QACVT,SAAS,EAAET,oBAAoB,CAAC2B,MAAM;MAC1C;IACJ,CAAC;EACL,CAAC,CAAC;EAEF,OAAO9B,gBAAgB,CAAC,GAAG2B,gBAAgB,CAAC;AAChD,CAAC","ignoreList":[]}
|
@@ -1,5 +1,13 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
|
4
|
-
|
3
|
+
// All non experimental pseudo clasess and elements
|
4
|
+
|
5
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes
|
6
|
+
const pseudoClasses = ['_active', '_any-link', '_autofill', '_buffering', '_checked', '_default', '_defined', '_dir(', '_disabled', '_empty', '_enabled', '_first', '_first-child', '_first-of-type', '_focus', '_focus-visible', '_focus-within', '_future', '_has-slotted', '_has(', '_host', '_host-context(', '_host(', '_hover', '_in-range', '_indeterminate', '_invalid', '_is(', '_lang(', '_last-child', '_last-of-type', '_left', '_link', '_modal', '_muted', '_not(', '_nth-child(', '_nth-last-child(', '_nth-last-of-type(', '_nth-of-type(', '_only-child', '_only-of-type', '_open', '_optional', '_out-of-range', '_past', '_paused', '_picture-in-picture', '_placeholder-shown', '_playing', '_popover-open', '_read-only', '_read-write', '_required', '_right', '_root', '_scope', '_seeking', '_stalled', '_state(', '_target', '_user-invalid', '_user-valid', '_valid', '_visited', '_volume-locked', '_where'];
|
7
|
+
|
8
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements
|
9
|
+
const pseudoElements = ['_after', '_backdrop', '_before', '_cue', '_details-content', '_file-selector-button', '_first-letter', '_first-line', '_grammar-error', '_highlight(', '_marker', '_part(', '_placeholder', '_selection', '_slotted(', '_spelling-error', '_target-text', '_view-transition', '_view-transition-group(', '_view-transition-image-pair(', '_view-transition-new(', '_view-transition-old('];
|
10
|
+
export const isPseudoClass = selector => pseudoClasses.some(pseudo => selector.startsWith(pseudo));
|
11
|
+
export const isPseudoElement = selector => pseudoElements.some(pseudo => selector.startsWith(pseudo));
|
12
|
+
export const isPseudo = selector => isPseudoClass(selector) || isPseudoElement(selector);
|
5
13
|
//# sourceMappingURL=pseudo.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["
|
1
|
+
{"version":3,"names":["pseudoClasses","pseudoElements","isPseudoClass","selector","some","pseudo","startsWith","isPseudoElement","isPseudo"],"sourceRoot":"../../../../src","sources":["web/convert/pseudo.ts"],"mappings":";;AAAA;;AAEA;AACA,MAAMA,aAAa,GAAG,CAClB,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,OAAO,EACP,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,cAAc,EACd,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,QAAQ,EACR,aAAa,EACb,eAAe,EACf,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,eAAe,EACf,OAAO,EACP,WAAW,EACX,eAAe,EACf,OAAO,EACP,SAAS,EACT,qBAAqB,EACrB,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,WAAW,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,eAAe,EACf,aAAa,EACb,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,QAAQ,CACF;;AAEV;AACA,MAAMC,cAAc,GAAG,CACnB,QAAQ,EACR,WAAW,EACX,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,uBAAuB,EACvB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,yBAAyB,EACzB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,CACjB;AAMV,OAAO,MAAMC,aAAa,GAAIC,QAAgB,IAAKH,aAAa,CAACI,IAAI,CAACC,MAAM,IAAIF,QAAQ,CAACG,UAAU,CAACD,MAAM,CAAC,CAAC;AAE5G,OAAO,MAAME,eAAe,GAAIJ,QAAgB,IAAKF,cAAc,CAACG,IAAI,CAACC,MAAM,IAAIF,QAAQ,CAACG,UAAU,CAACD,MAAM,CAAC,CAAC;AAE/G,OAAO,MAAMG,QAAQ,GAAIL,QAAgB,IAAKD,aAAa,CAACC,QAAQ,CAAC,IAAII,eAAe,CAACJ,QAAQ,CAAC","ignoreList":[]}
|
@@ -2,6 +2,7 @@
|
|
2
2
|
|
3
3
|
// based on react-native-web normalizer
|
4
4
|
// https://github.com/necolas/react-native-web
|
5
|
+
/// <reference path="module.d.ts" />
|
5
6
|
import normalizeColors from '@react-native/normalize-colors';
|
6
7
|
import { BOX_SHADOW_STYLES, TEXT_SHADOW_STYLES } from './types';
|
7
8
|
export const isTransform = (key, value) => key === 'transform' && Array.isArray(value);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["normalizeColors","BOX_SHADOW_STYLES","TEXT_SHADOW_STYLES","isTransform","key","value","Array","isArray","isTextShadow","includes","isShadow","isFilter","isBoxShadow","normalizeNumericValue","normalizeColor","color","opacity","integer","hex","toString","padStart","length","r","g","b","a","split","map","x","Number","parseInt","filter","num","isNaN","extractShadowValue","breakpoint","styles","width","height"],"sourceRoot":"../../../../src","sources":["web/convert/utils.ts"],"mappings":";;AAAA;AACA;AACA,OAAOA,eAAe,MAAM,gCAAgC;AAG5D,SAA6CC,iBAAiB,EAAgBC,kBAAkB,QAAQ,SAAS;AAEjH,OAAO,MAAMC,WAAW,GAAGA,CAACC,GAAW,EAAEC,KAAU,KAAsCD,GAAG,KAAK,WAAW,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAEpI,OAAO,MAAMG,YAAY,GAAIJ,GAAW,IAAKF,kBAAkB,CAACO,QAAQ,CAACL,GAAwC,CAAC;AAElH,OAAO,MAAMM,QAAQ,GAAIN,GAAW,IAAKH,iBAAiB,CAACQ,QAAQ,CAACL,GAAuC,CAAC;AAE5G,OAAO,MAAMO,QAAQ,GAAGA,CAACP,GAAW,EAAEC,KAAU,KAA8BD,GAAG,KAAK,QAAQ,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAEtH,OAAO,MAAMO,WAAW,GAAGA,CAACR,GAAW,EAAEC,KAAU,KAAqCD,GAAG,KAAK,WAAW,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAEnI,OAAO,MAAMQ,qBAAqB,GAAIR,KAAsB,IAAKA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,GAAG,GAAGA,KAAK,IAAI,GAAGA,KAAK;AAE1H,OAAO,MAAMS,cAAc,GAAGA,CAACC,KAAa,EAAEC,OAAO,GAAG,CAAC,KAAK;EAC1D;EACA,IAAIA,OAAO,KAAK,CAAC,EAAE;IACf,OAAOD,KAAK;EAChB;EAEA,MAAME,OAAO,GAAGjB,eAAe,CAACe,KAAK,CAAC;;EAEtC;EACA,IAAIE,OAAO,KAAK,IAAI,EAAE;IAClB,OAAOF,KAAK;EAChB;EAEA,MAAMG,GAAG,GAAGD,OAAO,CAACE,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,
|
1
|
+
{"version":3,"names":["normalizeColors","BOX_SHADOW_STYLES","TEXT_SHADOW_STYLES","isTransform","key","value","Array","isArray","isTextShadow","includes","isShadow","isFilter","isBoxShadow","normalizeNumericValue","normalizeColor","color","opacity","integer","hex","toString","padStart","length","r","g","b","a","split","map","x","Number","parseInt","filter","num","isNaN","extractShadowValue","breakpoint","styles","width","height"],"sourceRoot":"../../../../src","sources":["web/convert/utils.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,eAAe,MAAM,gCAAgC;AAG5D,SAA6CC,iBAAiB,EAAgBC,kBAAkB,QAAQ,SAAS;AAEjH,OAAO,MAAMC,WAAW,GAAGA,CAACC,GAAW,EAAEC,KAAU,KAAsCD,GAAG,KAAK,WAAW,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAEpI,OAAO,MAAMG,YAAY,GAAIJ,GAAW,IAAKF,kBAAkB,CAACO,QAAQ,CAACL,GAAwC,CAAC;AAElH,OAAO,MAAMM,QAAQ,GAAIN,GAAW,IAAKH,iBAAiB,CAACQ,QAAQ,CAACL,GAAuC,CAAC;AAE5G,OAAO,MAAMO,QAAQ,GAAGA,CAACP,GAAW,EAAEC,KAAU,KAA8BD,GAAG,KAAK,QAAQ,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAEtH,OAAO,MAAMO,WAAW,GAAGA,CAACR,GAAW,EAAEC,KAAU,KAAqCD,GAAG,KAAK,WAAW,IAAIE,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC;AAEnI,OAAO,MAAMQ,qBAAqB,GAAIR,KAAsB,IAAKA,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,GAAG,GAAGA,KAAK,IAAI,GAAGA,KAAK;AAE1H,OAAO,MAAMS,cAAc,GAAGA,CAACC,KAAa,EAAEC,OAAO,GAAG,CAAC,KAAK;EAC1D;EACA,IAAIA,OAAO,KAAK,CAAC,EAAE;IACf,OAAOD,KAAK;EAChB;EAEA,MAAME,OAAO,GAAGjB,eAAe,CAACe,KAAK,CAAC;;EAEtC;EACA,IAAIE,OAAO,KAAK,IAAI,EAAE;IAClB,OAAOF,KAAK;EAChB;EAEA,MAAMG,GAAG,GAAGD,OAAO,CAACE,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAW;EAE3D,IAAIF,GAAG,CAACG,MAAM,KAAK,CAAC,EAAE;IAClB,MAAM,CAACC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAG,CAAC,CAAC,GAAGP,GAAG,CACnCQ,KAAK,CAAC,cAAc,CAAC,CACrBC,GAAG,CAACC,CAAC,IAAIC,MAAM,CAACC,QAAQ,CAACF,CAAC,EAAE,EAAE,CAAC,CAAC,CAChCG,MAAM,CAACC,GAAG,IAAI,CAACH,MAAM,CAACI,KAAK,CAACD,GAAG,CAAC,CAAC;IAEtC,OAAO,QAAQV,CAAC,IAAIC,CAAC,IAAIC,CAAC,IAAKC,CAAC,GAAG,GAAG,GAAIT,OAAO,GAAG;EACxD;EAEA,OAAOD,KAAK;AAChB,CAAC;AAED,OAAO,MAAMmB,kBAAkB,GAAGA,CAA6B9B,GAAS,EAAE+B,UAAkB,EAAEC,MAAW,KAAsB;EAC3H,MAAM/B,KAAK,GAAG+B,MAAM,CAAChC,GAAG,CAAC;EAEzB,IAAIA,GAAG,KAAK,kBAAkB,IAAIA,GAAG,KAAK,cAAc,EAAE;IACtD,MAAM;MAAEiC,KAAK;MAAEC;IAAO,CAAC,GAAGjC,KAAK;IAE/B,OAAO;MACHgC,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAACF,UAAU,CAAC,GAAGE,KAAK;MAC5DC,MAAM,EAAE,OAAOA,MAAM,KAAK,QAAQ,GAAGA,MAAM,CAACH,UAAU,CAAC,GAAGG;IAC9D,CAAC;EACL;EAEA,OAAO,OAAOjC,KAAK,KAAK,QAAQ,GAAGA,KAAK,CAAC8B,UAAU,CAAC,GAAG9B,KAAK;AAChE,CAAC","ignoreList":[]}
|
package/lib/module/web/create.js
CHANGED
@@ -17,7 +17,7 @@ export const create = (stylesheet, id) => {
|
|
17
17
|
__uni__key: key,
|
18
18
|
__uni__stylesheet: stylesheet,
|
19
19
|
__uni__args: args,
|
20
|
-
|
20
|
+
__stylesheetVariants: variants
|
21
21
|
});
|
22
22
|
const createStyleSheetStyles = variants => {
|
23
23
|
const stylesEntries = Object.entries(computedStylesheet).map(([key, value]) => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["unistyles","assignSecrets","error","isServer","removeInlineStyles","create","stylesheet","id","services","state","isInitialized","config","window","__UNISTYLES_STATE__","init","computedStylesheet","registry","getComputedStylesheet","addSecrets","value","key","args","undefined","variants","__uni__key","__uni__stylesheet","__uni__args","
|
1
|
+
{"version":3,"names":["unistyles","assignSecrets","error","isServer","removeInlineStyles","create","stylesheet","id","services","state","isInitialized","config","window","__UNISTYLES_STATE__","init","computedStylesheet","registry","getComputedStylesheet","addSecrets","value","key","args","undefined","variants","__uni__key","__uni__stylesheet","__uni__args","__stylesheetVariants","createStyleSheetStyles","stylesEntries","Object","entries","map","result","fromEntries","concat","useVariants"],"sourceRoot":"../../../src","sources":["web/create.ts"],"mappings":";;AACA,OAAO,KAAKA,SAAS,MAAM,YAAY;AACvC,SAASC,aAAa,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,kBAAkB,QAAQ,SAAS;AAI5E,OAAO,MAAMC,MAAM,GAAGA,CAACC,UAAiD,EAAEC,EAAW,KAAK;EACtF,IAAI,CAACA,EAAE,EAAE;IACL,MAAML,KAAK,CAAC,uFAAuF,CAAC;EACxG;;EAEA;EACA,IAAI,CAACF,SAAS,CAACQ,QAAQ,CAACC,KAAK,CAACC,aAAa,IAAI,CAACP,QAAQ,CAAC,CAAC,EAAE;IACxD,MAAMQ,MAAM,GAAGC,MAAM,EAAEC,mBAAmB,EAAEF,MAAM;IAElDA,MAAM,IAAIX,SAAS,CAACQ,QAAQ,CAACC,KAAK,CAACK,IAAI,CAACH,MAAM,CAAC;EACnD;EAEA,MAAMI,kBAAkB,GAAGf,SAAS,CAACQ,QAAQ,CAACQ,QAAQ,CAACC,qBAAqB,CAACX,UAAU,CAAC;EACxF,MAAMY,UAAU,GAAGA,CAACC,KAAU,EAAEC,GAAW,EAAEC,IAAI,GAAGC,SAAmC,EAAEC,QAAQ,GAAG,CAAC,CAAa,KAAKtB,aAAa,CAACkB,KAAK,EAAE;IACxIK,UAAU,EAAEJ,GAAG;IACfK,iBAAiB,EAAEnB,UAAU;IAC7BoB,WAAW,EAAEL,IAAI;IACjBM,oBAAoB,EAAEJ;EAC1B,CAAC,CAAC;EAEF,MAAMK,sBAAsB,GAAIL,QAAmB,IAAK;IACpD,MAAMM,aAAa,GAAGC,MAAM,CAACC,OAAO,CAAChB,kBAAkB,CAAC,CAACiB,GAAG,CAAC,CAAC,CAACZ,GAAG,EAAED,KAAK,CAAC,KAAK;MAC3E,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;QAC7B,OAAO,CAACC,GAAG,EAAE,CAAC,GAAGC,IAAgB,KAAK;UAClC,MAAMY,MAAM,GAAG7B,kBAAkB,CAACe,KAAK,CAAC,GAAGE,IAAI,CAAC,CAAC;UAEjD,OAAOH,UAAU,CAACe,MAAM,EAAEb,GAAG,EAAEC,IAAI,EAAEE,QAAQ,CAAC;QAClD,CAAC,CAAC;MACN;MAEA,OAAO,CAACH,GAAG,EAAEF,UAAU,CAACd,kBAAkB,CAACe,KAAK,CAAC,EAAEC,GAAG,EAAEE,SAAS,EAAEC,QAAQ,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,OAAOO,MAAM,CAACI,WAAW,CAACL,aAAa,CAACM,MAAM,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;EAClE,CAAC;EAED,MAAMA,WAAW,GAAG,CAAC,aAAa,EAAGb,QAAkB,IAAK;IACxD,OAAOK,sBAAsB,CAACL,QAAQ,CAAC;EAC3C,CAAC,CAAC;EAEF,OAAOK,sBAAsB,CAAC,CAAC;AACnC,CAAC","ignoreList":[]}
|
@@ -1,10 +1,12 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
import { isPseudoClass } from '../convert/pseudo';
|
3
4
|
import { getMediaQuery } from '../utils';
|
4
5
|
export const convertToCSS = (hash, value, state) => {
|
5
6
|
Object.entries(value).forEach(([styleKey, styleValue]) => {
|
6
7
|
if (styleKey[0] === '_') {
|
7
|
-
const
|
8
|
+
const isStylePseudoClass = isPseudoClass(styleKey);
|
9
|
+
const pseudoClassName = `${hash}${isStylePseudoClass ? ':' : '::'}${styleKey.slice(1)}`;
|
8
10
|
Object.entries(styleValue).forEach(([pseudoStyleKey, pseudoStyleValue]) => {
|
9
11
|
if (typeof pseudoStyleValue === 'object' && pseudoStyleValue !== null) {
|
10
12
|
const allBreakpoints = Object.keys(styleValue);
|
@@ -28,8 +30,13 @@ export const convertToCSS = (hash, value, state) => {
|
|
28
30
|
return;
|
29
31
|
}
|
30
32
|
if (typeof styleValue === 'object') {
|
31
|
-
const allBreakpoints = Object.keys(value);
|
32
33
|
Object.entries(styleValue).forEach(([breakpointStyleKey, breakpointStyleValue]) => {
|
34
|
+
const allBreakpoints = Object.entries(value).filter(([_, value]) => {
|
35
|
+
if (typeof value !== 'object' || value === null) {
|
36
|
+
return false;
|
37
|
+
}
|
38
|
+
return breakpointStyleKey in value;
|
39
|
+
}).map(([key]) => key);
|
33
40
|
const mediaQuery = getMediaQuery(styleKey, allBreakpoints);
|
34
41
|
state.set({
|
35
42
|
mediaQuery,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["getMediaQuery","convertToCSS","hash","value","state","Object","entries","forEach","styleKey","styleValue","pseudoClassName","
|
1
|
+
{"version":3,"names":["isPseudoClass","getMediaQuery","convertToCSS","hash","value","state","Object","entries","forEach","styleKey","styleValue","isStylePseudoClass","pseudoClassName","slice","pseudoStyleKey","pseudoStyleValue","allBreakpoints","keys","breakpointStyleKey","breakpointStyleValue","mediaQuery","set","className","propertyKey","filter","_","map","key"],"sourceRoot":"../../../../src","sources":["web/css/core.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,mBAAmB;AACjD,SAASC,aAAa,QAAQ,UAAU;AAGxC,OAAO,MAAMC,YAAY,GAAGA,CAACC,IAAY,EAAEC,KAA0B,EAAEC,KAAe,KAAK;EACvFC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,QAAQ,EAAEC,UAAU,CAAC,KAAK;IACtD,IAAID,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;MACrB,MAAME,kBAAkB,GAAGX,aAAa,CAACS,QAAQ,CAAC;MAClD,MAAMG,eAAe,GAAG,GAAGT,IAAI,GAAGQ,kBAAkB,GAAG,GAAG,GAAG,IAAI,GAAGF,QAAQ,CAACI,KAAK,CAAC,CAAC,CAAC,EAAE;MAEvFP,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACM,cAAc,EAAEC,gBAAgB,CAAC,KAAK;QACvE,IAAI,OAAOA,gBAAgB,KAAK,QAAQ,IAAIA,gBAAgB,KAAK,IAAI,EAAE;UACnE,MAAMC,cAAc,GAAGV,MAAM,CAACW,IAAI,CAACP,UAAU,CAAC;UAC9CJ,MAAM,CAACC,OAAO,CAACQ,gBAAgB,CAAC,CAACP,OAAO,CAAC,CAAC,CAACU,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;YACrF,MAAMC,UAAU,GAAGnB,aAAa,CAACa,cAAc,EAAEE,cAAc,CAAC;YAEhEX,KAAK,CAACgB,GAAG,CAAC;cACND,UAAU;cACVE,SAAS,EAAEV,eAAe;cAC1BW,WAAW,EAAEL,kBAAkB;cAC/Bd,KAAK,EAAEe;YACX,CAAC,CAAC;UACN,CAAC,CAAC;UAEF;QACJ;QAEAd,KAAK,CAACgB,GAAG,CAAC;UACNC,SAAS,EAAEV,eAAe;UAC1BW,WAAW,EAAET,cAAc;UAC3BV,KAAK,EAAEW;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEA,IAAI,OAAOL,UAAU,KAAK,QAAQ,EAAE;MAChCJ,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACU,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;QAC/E,MAAMH,cAAc,GAAGV,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CACvCoB,MAAM,CAAC,CAAC,CAACC,CAAC,EAAErB,KAAK,CAAC,KAAK;UACpB,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,EAAE;YAC7C,OAAO,KAAK;UAChB;UAEA,OAAOc,kBAAkB,IAAId,KAAK;QACtC,CAAC,CAAC,CACDsB,GAAG,CAAC,CAAC,CAACC,GAAG,CAAC,KAAKA,GAAG,CAAC;QACxB,MAAMP,UAAU,GAAGnB,aAAa,CAACQ,QAAQ,EAAEO,cAAc,CAAC;QAE1DX,KAAK,CAACgB,GAAG,CAAC;UACND,UAAU;UACVE,SAAS,EAAEnB,IAAI;UACfoB,WAAW,EAAEL,kBAAkB;UAC/Bd,KAAK,EAAEe;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEAd,KAAK,CAACgB,GAAG,CAAC;MACNC,SAAS,EAAEnB,IAAI;MACfoB,WAAW,EAAEd,QAAQ;MACrBL,KAAK,EAAEM;IACX,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
|
@@ -16,7 +16,7 @@ export class CSSState {
|
|
16
16
|
mainMap = new Map();
|
17
17
|
mqMap = new Map();
|
18
18
|
styleTag = null;
|
19
|
-
|
19
|
+
themesCSS = new Map();
|
20
20
|
constructor(services) {
|
21
21
|
this.services = services;
|
22
22
|
if (isServer()) {
|
@@ -45,6 +45,9 @@ export class CSSState {
|
|
45
45
|
};
|
46
46
|
add = (hash, values) => {
|
47
47
|
convertToCSS(hash, convertUnistyles(values, this.services.runtime), this);
|
48
|
+
this.recreate();
|
49
|
+
};
|
50
|
+
recreate = () => {
|
48
51
|
if (this.styleTag) {
|
49
52
|
this.styleTag.innerText = this.getStyles();
|
50
53
|
}
|
@@ -61,9 +64,9 @@ export class CSSState {
|
|
61
64
|
};
|
62
65
|
Object.entries(values).forEach(([key, value]) => convertToCSS(key, value));
|
63
66
|
if (theme === 'light' || theme === 'dark') {
|
64
|
-
this.
|
67
|
+
this.themesCSS.set(`media ${theme}`, `@media (prefers-color-scheme: ${theme}){:root{${themeVars}}}`);
|
65
68
|
}
|
66
|
-
this.
|
69
|
+
this.themesCSS.set(theme, `:root.${theme}{${themeVars}}`);
|
67
70
|
};
|
68
71
|
remove = hash => {
|
69
72
|
this.mainMap.forEach(styles => {
|
@@ -72,12 +75,12 @@ export class CSSState {
|
|
72
75
|
this.mqMap.forEach(styles => {
|
73
76
|
styles.delete(hash);
|
74
77
|
});
|
75
|
-
|
76
|
-
this.styleTag.innerText = this.getStyles();
|
77
|
-
}
|
78
|
+
this.recreate();
|
78
79
|
};
|
79
80
|
getStyles = () => {
|
80
|
-
let styles = this.
|
81
|
+
let styles = Array.from(this.themesCSS.entries()).reduce((acc, [, themeCss]) => {
|
82
|
+
return acc + themeCss;
|
83
|
+
}, '');
|
81
84
|
const generate = (mediaQuery, secondLevelMap) => {
|
82
85
|
if (mediaQuery) {
|
83
86
|
styles += `${mediaQuery}{`;
|