react-native-unistyles 3.0.0-rc.3 → 3.0.0-rc.5
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 +10 -8
- package/android/src/main/cxx/NativeUnistylesModule.cpp +3 -7
- package/android/src/main/cxx/NativeUnistylesModule.h +0 -4
- package/android/src/main/java/com/unistyles/UnistylesModule.kt +1 -7
- package/cxx/core/UnistyleWrapper.h +4 -1
- package/cxx/core/UnistylesCommitShadowNode.h +0 -21
- package/cxx/core/UnistylesRegistry.cpp +45 -49
- 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 +8 -0
- 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/ios/UnistylesModuleOnLoad.h +1 -5
- package/ios/UnistylesModuleOnLoad.mm +5 -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 +24 -20
- 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 +3 -3
- 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 +1 -2
- package/lib/commonjs/core/useProxifiedUnistyles/listener.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.js +1 -2
- package/lib/commonjs/core/withUnistyles/withUnistyles.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.native.js +1 -2
- 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 +5 -2
- package/lib/commonjs/mocks.js.map +1 -1
- package/lib/commonjs/reanimated/index.js +20 -0
- package/lib/commonjs/reanimated/index.js.map +1 -0
- package/lib/commonjs/reanimated/useAnimatedTheme.js +22 -0
- package/lib/commonjs/reanimated/useAnimatedTheme.js.map +1 -0
- package/lib/commonjs/reanimated/useAnimatedTheme.native.js +24 -0
- package/lib/commonjs/reanimated/useAnimatedTheme.native.js.map +1 -0
- 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/utils.js +0 -3
- package/lib/commonjs/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 +6 -1
- 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 +2 -0
- package/lib/commonjs/web/listener.js.map +1 -1
- package/lib/commonjs/web/runtime.js +15 -1
- package/lib/commonjs/web/runtime.js.map +1 -1
- package/lib/commonjs/web/shadowRegistry.js +12 -4
- 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 +2 -0
- 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 +30 -3
- package/lib/commonjs/web/utils/unistyle.js.map +1 -1
- package/lib/commonjs/web-only/getWebProps.js +19 -0
- package/lib/commonjs/web-only/getWebProps.js.map +1 -0
- package/lib/commonjs/web-only/index.js +13 -0
- package/lib/commonjs/web-only/index.js.map +1 -0
- 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 +24 -19
- package/lib/module/components/ScopedTheme.js.map +1 -1
- package/lib/module/core/createUnistylesElement.js +3 -3
- 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/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 +5 -2
- package/lib/module/mocks.js.map +1 -1
- package/lib/module/reanimated/index.js +5 -0
- package/lib/module/reanimated/index.js.map +1 -0
- package/lib/module/reanimated/useAnimatedTheme.js +17 -0
- package/lib/module/reanimated/useAnimatedTheme.js.map +1 -0
- package/lib/module/reanimated/useAnimatedTheme.native.js +19 -0
- package/lib/module/reanimated/useAnimatedTheme.native.js.map +1 -0
- 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/utils.js +0 -3
- package/lib/module/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 +6 -1
- 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 +2 -0
- package/lib/module/web/listener.js.map +1 -1
- package/lib/module/web/runtime.js +16 -2
- package/lib/module/web/runtime.js.map +1 -1
- package/lib/module/web/shadowRegistry.js +13 -5
- 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 +1 -1
- package/lib/module/web/types.js.map +1 -1
- package/lib/module/web/utils/unistyle.js +27 -2
- package/lib/module/web/utils/unistyle.js.map +1 -1
- package/lib/module/web-only/getWebProps.js +14 -0
- package/lib/module/web-only/getWebProps.js.map +1 -0
- package/lib/module/web-only/index.js +4 -0
- package/lib/module/web-only/index.js.map +1 -0
- 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 +4 -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/useProxifiedUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/core/warn.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 +3 -0
- package/lib/typescript/src/reanimated/index.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/useAnimatedTheme.d.ts +4 -0
- package/lib/typescript/src/reanimated/useAnimatedTheme.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/useAnimatedTheme.native.d.ts +4 -0
- package/lib/typescript/src/reanimated/useAnimatedTheme.native.d.ts.map +1 -0
- 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/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.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.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 +4 -2
- 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 +6 -0
- 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 +7 -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 +7 -0
- package/lib/typescript/src/web-only/getWebProps.d.ts.map +1 -0
- package/lib/typescript/src/web-only/index.d.ts +2 -0
- package/lib/typescript/src/web-only/index.d.ts.map +1 -0
- 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 +57 -25
- package/plugin/index.d.ts +6 -5
- package/plugin/index.js +103 -99
- package/reanimated/package.json +6 -0
- 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 +42 -22
- package/src/core/createUnistylesElement.native.tsx +21 -31
- package/src/core/createUnistylesElement.tsx +3 -3
- package/src/core/createUnistylesImageBackground.tsx +7 -22
- package/src/core/parseBoxShadow.ts +87 -0
- package/src/core/withUnistyles/withUnistyles.native.tsx +1 -0
- package/src/index.ts +8 -0
- package/src/mocks.ts +5 -2
- package/src/reanimated/index.ts +2 -0
- package/src/reanimated/useAnimatedTheme.native.ts +21 -0
- package/src/reanimated/useAnimatedTheme.ts +19 -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/utils.ts +1 -3
- package/src/web/create.ts +1 -1
- package/src/web/css/core.ts +9 -1
- package/src/web/css/state.ts +10 -8
- package/src/web/listener.ts +2 -0
- package/src/web/runtime.ts +23 -2
- package/src/web/shadowRegistry.ts +15 -6
- package/src/web/state.ts +7 -17
- package/src/web/types.ts +12 -4
- package/src/web/utils/unistyle.ts +38 -3
- package/src/web-only/getWebProps.ts +18 -0
- package/src/web-only/index.ts +2 -0
- package/web/package.json +6 -0
- package/cxx/core/UnistylesCommitHook.cpp +0 -52
- package/cxx/core/UnistylesCommitHook.h +0 -27
- package/cxx/core/UnistylesMountHook.cpp +0 -28
- package/cxx/core/UnistylesMountHook.h +0 -24
- package/lib/module/package.json +0 -1
package/lib/module/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["StyleSheet","UnistylesRuntime","StatusBar","NavigationBar","mq","withUnistyles","useUnistyles","Display","Hide","ScopedTheme","useServerUnistyles","hydrateServerUnistyles","getServerUnistyles","resetServerUnistyles"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,
|
1
|
+
{"version":3,"names":["React","majorReactVersions","version","split","map","Number","parseInt","undefined","Error","StyleSheet","UnistylesRuntime","StatusBar","NavigationBar","mq","withUnistyles","useUnistyles","Display","Hide","ScopedTheme","useServerUnistyles","hydrateServerUnistyles","getServerUnistyles","resetServerUnistyles"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAM,CAACC,kBAAkB,CAAC,GAAGD,KAAK,CAACE,OAAO,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACC,MAAM,CAACC,QAAQ,CAAC;AAE1E,IAAIL,kBAAkB,KAAKM,SAAS,IAAIN,kBAAkB,GAAG,EAAE,EAAE;EAC7D,MAAM,IAAIO,KAAK,CAAC,kFAAkF,CAAC;AACvG;AAEA,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,SAAS,EAAEC,aAAa,QAAQ,SAAS;AAChF,SAASC,EAAE,QAAQ,MAAM;AAEzB,SAASC,aAAa,EAAEC,YAAY,QAAQ,QAAQ;AAEpD,SAASC,OAAO,EAAEC,IAAI,EAAEC,WAAW,QAAQ,cAAc;AACzD,SAASC,kBAAkB,EAAEC,sBAAsB,EAAEC,kBAAkB,EAAEC,oBAAoB,QAAQ,UAAU","ignoreList":[]}
|
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,
|
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"],"sourceRoot":"../../src","sources":["mocks.ts"],"mappings":"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","ignoreList":[]}
|
@@ -0,0 +1 @@
|
|
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,17 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
import { useEffect } from 'react';
|
4
|
+
import { useSharedValue } from 'react-native-reanimated';
|
5
|
+
import { UnistyleDependency, UnistylesRuntime } from '../specs';
|
6
|
+
import { services } from '../web/services';
|
7
|
+
export const useAnimatedTheme = () => {
|
8
|
+
const theme = useSharedValue(UnistylesRuntime.getTheme());
|
9
|
+
useEffect(() => {
|
10
|
+
const dispose = services.listener.addListeners([UnistyleDependency.Theme], () => theme.set(UnistylesRuntime.getTheme()));
|
11
|
+
return () => {
|
12
|
+
dispose();
|
13
|
+
};
|
14
|
+
}, []);
|
15
|
+
return theme;
|
16
|
+
};
|
17
|
+
//# sourceMappingURL=useAnimatedTheme.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["useEffect","useSharedValue","UnistyleDependency","UnistylesRuntime","services","useAnimatedTheme","theme","getTheme","dispose","listener","addListeners","Theme","set"],"sourceRoot":"../../../src","sources":["reanimated/useAnimatedTheme.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAA2BC,cAAc,QAAQ,yBAAyB;AAC1E,SAASC,kBAAkB,EAAEC,gBAAgB,QAAQ,UAAU;AAE/D,SAASC,QAAQ,QAAQ,iBAAiB;AAE1C,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAMC,KAAK,GAAGL,cAAc,CAACE,gBAAgB,CAACI,QAAQ,CAAC,CAAC,CAAC;EAEzDP,SAAS,CAAC,MAAM;IACZ,MAAMQ,OAAO,GAAGJ,QAAQ,CAACK,QAAQ,CAACC,YAAY,CAAC,CAACR,kBAAkB,CAACS,KAAK,CAAC,EAAE,MAAML,KAAK,CAACM,GAAG,CAACT,gBAAgB,CAACI,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExH,OAAO,MAAM;MACTC,OAAO,CAAC,CAAC;IACb,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
import { useEffect } from 'react';
|
4
|
+
import { useSharedValue } from 'react-native-reanimated';
|
5
|
+
import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
|
6
|
+
export const useAnimatedTheme = () => {
|
7
|
+
const theme = useSharedValue(UnistylesRuntime.getTheme());
|
8
|
+
useEffect(() => {
|
9
|
+
// @ts-ignore this is hidden from TS
|
10
|
+
const dispose = StyleSheet.addChangeListener(changedDependencies => {
|
11
|
+
if (changedDependencies.includes(UnistyleDependency.Theme)) {
|
12
|
+
theme.set(UnistylesRuntime.getTheme());
|
13
|
+
}
|
14
|
+
});
|
15
|
+
return () => dispose();
|
16
|
+
}, []);
|
17
|
+
return theme;
|
18
|
+
};
|
19
|
+
//# sourceMappingURL=useAnimatedTheme.native.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["useEffect","useSharedValue","StyleSheet","UnistyleDependency","UnistylesRuntime","useAnimatedTheme","theme","getTheme","dispose","addChangeListener","changedDependencies","includes","Theme","set"],"sourceRoot":"../../../src","sources":["reanimated/useAnimatedTheme.native.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAA2BC,cAAc,QAAQ,yBAAyB;AAC1E,SAASC,UAAU,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAQ,UAAU;AAG3E,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAClC,MAAMC,KAAK,GAAGL,cAAc,CAACG,gBAAgB,CAACG,QAAQ,CAAC,CAAC,CAAC;EAEzDP,SAAS,CAAC,MAAM;IACZ;IACA,MAAMQ,OAAO,GAAGN,UAAU,CAACO,iBAAiB,CAACC,mBAAmB,IAAI;MAChE,IAAIA,mBAAmB,CAACC,QAAQ,CAACR,kBAAkB,CAACS,KAAK,CAAC,EAAE;QACxDN,KAAK,CAACO,GAAG,CAACT,gBAAgB,CAACG,QAAQ,CAAC,CAAC,CAAC;MAC1C;IACJ,CAAC,CAAC;IAEF,OAAO,MAAMC,OAAO,CAAC,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,KAAK;AAChB,CAAC","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":[]}
|
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":"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","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":[]}
|
@@ -28,8 +28,13 @@ export const convertToCSS = (hash, value, state) => {
|
|
28
28
|
return;
|
29
29
|
}
|
30
30
|
if (typeof styleValue === 'object') {
|
31
|
-
const allBreakpoints = Object.keys(value);
|
32
31
|
Object.entries(styleValue).forEach(([breakpointStyleKey, breakpointStyleValue]) => {
|
32
|
+
const allBreakpoints = Object.entries(value).filter(([_, value]) => {
|
33
|
+
if (typeof value !== 'object' || value === null) {
|
34
|
+
return false;
|
35
|
+
}
|
36
|
+
return breakpointStyleKey in value;
|
37
|
+
}).map(([key]) => key);
|
33
38
|
const mediaQuery = getMediaQuery(styleKey, allBreakpoints);
|
34
39
|
state.set({
|
35
40
|
mediaQuery,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["getMediaQuery","convertToCSS","hash","value","state","Object","entries","forEach","styleKey","styleValue","pseudoClassName","replace","pseudoStyleKey","pseudoStyleValue","allBreakpoints","keys","breakpointStyleKey","breakpointStyleValue","mediaQuery","set","className","propertyKey"],"sourceRoot":"../../../../src","sources":["web/css/core.ts"],"mappings":";;AAAA,SAASA,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,eAAe,GAAGF,QAAQ,CAACG,OAAO,CAAC,GAAG,EAAE,GAAGT,IAAI,GAAG,CAAC;MAEzDG,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACK,cAAc,EAAEC,gBAAgB,CAAC,KAAK;QACvE,IAAI,OAAOA,gBAAgB,KAAK,QAAQ,IAAIA,gBAAgB,KAAK,IAAI,EAAE;UACnE,MAAMC,cAAc,GAAGT,MAAM,CAACU,IAAI,CAACN,UAAU,CAAC;UAC9CJ,MAAM,CAACC,OAAO,CAACO,gBAAgB,CAAC,CAACN,OAAO,CAAC,CAAC,CAACS,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;YACrF,MAAMC,UAAU,GAAGlB,aAAa,CAACY,cAAc,EAAEE,cAAc,CAAC;YAEhEV,KAAK,CAACe,GAAG,CAAC;cACND,UAAU;cACVE,SAAS,EAAEV,eAAe;cAC1BW,WAAW,EAAEL,kBAAkB;cAC/Bb,KAAK,EAAEc;YACX,CAAC,CAAC;UACN,CAAC,CAAC;UAEF;QACJ;QAEAb,KAAK,CAACe,GAAG,CAAC;UACNC,SAAS,EAAEV,eAAe;UAC1BW,WAAW,EAAET,cAAc;UAC3BT,KAAK,EAAEU;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEA,IAAI,OAAOJ,UAAU,KAAK,QAAQ,EAAE;
|
1
|
+
{"version":3,"names":["getMediaQuery","convertToCSS","hash","value","state","Object","entries","forEach","styleKey","styleValue","pseudoClassName","replace","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,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,eAAe,GAAGF,QAAQ,CAACG,OAAO,CAAC,GAAG,EAAE,GAAGT,IAAI,GAAG,CAAC;MAEzDG,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACK,cAAc,EAAEC,gBAAgB,CAAC,KAAK;QACvE,IAAI,OAAOA,gBAAgB,KAAK,QAAQ,IAAIA,gBAAgB,KAAK,IAAI,EAAE;UACnE,MAAMC,cAAc,GAAGT,MAAM,CAACU,IAAI,CAACN,UAAU,CAAC;UAC9CJ,MAAM,CAACC,OAAO,CAACO,gBAAgB,CAAC,CAACN,OAAO,CAAC,CAAC,CAACS,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;YACrF,MAAMC,UAAU,GAAGlB,aAAa,CAACY,cAAc,EAAEE,cAAc,CAAC;YAEhEV,KAAK,CAACe,GAAG,CAAC;cACND,UAAU;cACVE,SAAS,EAAEV,eAAe;cAC1BW,WAAW,EAAEL,kBAAkB;cAC/Bb,KAAK,EAAEc;YACX,CAAC,CAAC;UACN,CAAC,CAAC;UAEF;QACJ;QAEAb,KAAK,CAACe,GAAG,CAAC;UACNC,SAAS,EAAEV,eAAe;UAC1BW,WAAW,EAAET,cAAc;UAC3BT,KAAK,EAAEU;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEA,IAAI,OAAOJ,UAAU,KAAK,QAAQ,EAAE;MAChCJ,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACS,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;QAC/E,MAAMH,cAAc,GAAGT,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CACvCmB,MAAM,CAAC,CAAC,CAACC,CAAC,EAAEpB,KAAK,CAAC,KAAK;UACpB,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,EAAE;YAC7C,OAAO,KAAK;UAChB;UAEA,OAAOa,kBAAkB,IAAIb,KAAK;QACtC,CAAC,CAAC,CACDqB,GAAG,CAAC,CAAC,CAACC,GAAG,CAAC,KAAKA,GAAG,CAAC;QACxB,MAAMP,UAAU,GAAGlB,aAAa,CAACQ,QAAQ,EAAEM,cAAc,CAAC;QAE1DV,KAAK,CAACe,GAAG,CAAC;UACND,UAAU;UACVE,SAAS,EAAElB,IAAI;UACfmB,WAAW,EAAEL,kBAAkB;UAC/Bb,KAAK,EAAEc;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEAb,KAAK,CAACe,GAAG,CAAC;MACNC,SAAS,EAAElB,IAAI;MACfmB,WAAW,EAAEb,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}{`;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["convertUnistyles","hyphenate","isServer","convertToCSS","safeGetMap","map","key","nextLevelMap","get","newMap","Map","set","CSSState","mainMap","mqMap","styleTag","
|
1
|
+
{"version":3,"names":["convertUnistyles","hyphenate","isServer","convertToCSS","safeGetMap","map","key","nextLevelMap","get","newMap","Map","set","CSSState","mainMap","mqMap","styleTag","themesCSS","constructor","services","ssrTag","document","getElementById","createElement","id","head","appendChild","className","propertyKey","value","mediaQuery","isMq","firstLevelMap","secondLevelMap","thirdLevelMap","add","hash","values","runtime","recreate","innerText","getStyles","addTheme","theme","themeVars","prev","Object","entries","forEach","nestedKey","nestedValue","remove","styles","delete","Array","from","reduce","acc","themeCss","generate","undefined","getState","classNames","style","property","mainState","mqState","config","state","getConfig","hydrate","hydrateState","reset","clear"],"sourceRoot":"../../../../src","sources":["web/css/state.ts"],"mappings":"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","ignoreList":[]}
|
@@ -28,6 +28,7 @@ export class UnistylesListener {
|
|
28
28
|
this.emitChange(UnistyleDependency.ColorScheme);
|
29
29
|
if (this.services.runtime.hasAdaptiveThemes) {
|
30
30
|
this.emitChange(UnistyleDependency.Theme);
|
31
|
+
this.emitChange(UnistyleDependency.ThemeName);
|
31
32
|
}
|
32
33
|
});
|
33
34
|
this.services.runtime.lightMedia?.addEventListener('change', event => {
|
@@ -37,6 +38,7 @@ export class UnistylesListener {
|
|
37
38
|
this.emitChange(UnistyleDependency.ColorScheme);
|
38
39
|
if (this.services.runtime.hasAdaptiveThemes) {
|
39
40
|
this.emitChange(UnistyleDependency.Theme);
|
41
|
+
this.emitChange(UnistyleDependency.ThemeName);
|
40
42
|
}
|
41
43
|
});
|
42
44
|
window.addEventListener('orientationchange', () => this.emitChange(UnistyleDependency.Orientation));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["UnistyleDependency","UnistylesListener","isInitialized","listeners","Array","from","length","Object","keys","Set","stylesheetListeners","constructor","services","emitChange","dependency","forEach","listener","initListeners","runtime","darkMedia","addEventListener","event","matches","ColorScheme","hasAdaptiveThemes","Theme","lightMedia","window","Orientation","Dimensions","addListeners","dependencies","add","delete","addStylesheetListeners"],"sourceRoot":"../../../src","sources":["web/listener.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,yBAAyB;AAG5D,OAAO,MAAMC,iBAAiB,CAAC;EACnBC,aAAa,GAAG,KAAK;EACrBC,SAAS,GAAGC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACR,kBAAkB,CAAC,CAACM,MAAM,GAAG;EAAE,CAAC,EAAE,MAAM,IAAIG,GAAG,CAAe,CAAC,CAAC;EAC7GC,mBAAmB,GAAGN,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACR,kBAAkB,CAAC,CAACM,MAAM,GAAG;EAAE,CAAC,EAAE,MAAM,IAAIG,GAAG,CAAe,CAAC,CAAC;EAE/HE,WAAWA,CAASC,QAA2B,EAAE;IAAA,KAA7BA,QAA2B,GAA3BA,QAA2B;EAAG;EAElDC,UAAU,GAAIC,UAA8B,IAAK;IAC7C,IAAI,CAACJ,mBAAmB,CAACI,UAAU,CAAC,EAAEC,OAAO,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAC,CAAC;IACrE,IAAI,CAACb,SAAS,CAACW,UAAU,CAAC,EAAEC,OAAO,CAACC,QAAQ,IAAIA,QAAQ,CAAC,CAAC,CAAC;EAC/D,CAAC;EAEDC,aAAa,GAAGA,CAAA,KAAM;IAClB,IAAI,IAAI,CAACf,aAAa,EAAE;MACpB;IACJ;IAEA,IAAI,CAACA,aAAa,GAAG,IAAI;IAEzB,IAAI,CAACU,QAAQ,CAACM,OAAO,CAACC,SAAS,EAAEC,gBAAgB,CAAC,QAAQ,EAAEC,KAAK,IAAI;MACjE,IAAI,CAACA,KAAK,CAACC,OAAO,EAAE;QAChB;MACJ;MAEA,IAAI,CAACT,UAAU,CAACb,kBAAkB,CAACuB,WAAW,CAAC;MAE/C,IAAI,IAAI,CAACX,QAAQ,CAACM,OAAO,CAACM,iBAAiB,EAAE;QACzC,IAAI,CAACX,UAAU,CAACb,kBAAkB,CAACyB,KAAK,CAAC;
|
1
|
+
{"version":3,"names":["UnistyleDependency","UnistylesListener","isInitialized","listeners","Array","from","length","Object","keys","Set","stylesheetListeners","constructor","services","emitChange","dependency","forEach","listener","initListeners","runtime","darkMedia","addEventListener","event","matches","ColorScheme","hasAdaptiveThemes","Theme","ThemeName","lightMedia","window","Orientation","Dimensions","addListeners","dependencies","add","delete","addStylesheetListeners"],"sourceRoot":"../../../src","sources":["web/listener.ts"],"mappings":"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","ignoreList":[]}
|
@@ -4,7 +4,7 @@ import { UnistyleDependency } from '../specs/NativePlatform';
|
|
4
4
|
import { ColorScheme, Orientation } from '../specs/types';
|
5
5
|
import { WebContentSizeCategory } from '../types';
|
6
6
|
import { NavigationBar, StatusBar } from './mock';
|
7
|
-
import { error, isServer, schemeToTheme } from './utils';
|
7
|
+
import { convertTheme, error, isServer, schemeToTheme } from './utils';
|
8
8
|
export class UnistylesRuntime {
|
9
9
|
lightMedia = this.getLightMedia();
|
10
10
|
darkMedia = this.getDarkMedia();
|
@@ -61,6 +61,12 @@ export class UnistylesRuntime {
|
|
61
61
|
}
|
62
62
|
return screen.orientation.type.includes('portrait') ? Orientation.Portrait : Orientation.Landscape;
|
63
63
|
}
|
64
|
+
get isLandscape() {
|
65
|
+
return this.orientation === Orientation.Landscape;
|
66
|
+
}
|
67
|
+
get isPortrait() {
|
68
|
+
return this.orientation === Orientation.Portrait;
|
69
|
+
}
|
64
70
|
get theme() {
|
65
71
|
return this.getTheme(this.themeName);
|
66
72
|
}
|
@@ -164,7 +170,15 @@ export class UnistylesRuntime {
|
|
164
170
|
if (!oldTheme) {
|
165
171
|
throw error(`Unistyles: You're trying to update theme "${themeName}" but it wasn't registered.`);
|
166
172
|
}
|
167
|
-
|
173
|
+
const newTheme = updater(oldTheme);
|
174
|
+
this.services.state.themes.set(themeName, newTheme);
|
175
|
+
if (this.services.state.CSSVars) {
|
176
|
+
this.services.state.cssThemes.set(themeName, Object.fromEntries(Object.entries(newTheme).map(([key, value]) => {
|
177
|
+
return convertTheme(key, value);
|
178
|
+
})));
|
179
|
+
this.services.registry.css.addTheme(themeName, newTheme);
|
180
|
+
this.services.registry.css.recreate();
|
181
|
+
}
|
168
182
|
};
|
169
183
|
getTheme = (themeName = this.themeName, CSSVars = false) => {
|
170
184
|
const theme = CSSVars ? this.services.state.cssThemes.get(themeName ?? '') : this.services.state.themes.get(themeName ?? '');
|