react-native-unistyles 3.0.0-nightly-20250609 → 3.0.0-nightly-20250616
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 +7 -8
- package/Unistyles.podspec +12 -1
- package/android/src/main/cxx/NativeUnistylesModule.cpp +2 -1
- package/android/src/main/cxx/NativeUnistylesModule.h +4 -0
- package/android/src/main/java/com/unistyles/UnistylesModule.kt +7 -0
- package/cxx/core/UnistylesRegistry.cpp +7 -6
- package/cxx/core/UnistylesRegistry.h +2 -1
- package/ios/UnistylesModuleOnLoad.mm +5 -0
- package/lib/commonjs/components/ScopedTheme.js +6 -2
- package/lib/commonjs/components/ScopedTheme.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.js +9 -3
- package/lib/commonjs/core/withUnistyles/withUnistyles.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.native.js +9 -3
- package/lib/commonjs/core/withUnistyles/withUnistyles.native.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/web/convert/pseudo.js +13 -3
- package/lib/commonjs/web/convert/pseudo.js.map +1 -1
- package/lib/commonjs/web/create.js +1 -1
- package/lib/commonjs/web/create.js.map +1 -1
- package/lib/commonjs/web/css/core.js +3 -1
- package/lib/commonjs/web/css/core.js.map +1 -1
- package/lib/commonjs/web/shadowRegistry.js +3 -2
- package/lib/commonjs/web/shadowRegistry.js.map +1 -1
- package/lib/commonjs/web/types.js.map +1 -1
- package/lib/commonjs/web/utils/unistyle.js +13 -1
- package/lib/commonjs/web/utils/unistyle.js.map +1 -1
- package/lib/module/components/ScopedTheme.js +6 -2
- package/lib/module/components/ScopedTheme.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/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/web/convert/pseudo.js +10 -2
- package/lib/module/web/convert/pseudo.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 +3 -1
- package/lib/module/web/css/core.js.map +1 -1
- package/lib/module/web/shadowRegistry.js +3 -2
- package/lib/module/web/shadowRegistry.js.map +1 -1
- package/lib/module/web/types.js.map +1 -1
- package/lib/module/web/utils/unistyle.js +12 -1
- package/lib/module/web/utils/unistyle.js.map +1 -1
- package/lib/typescript/src/components/ScopedTheme.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/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/web/convert/pseudo.d.ts +6 -3
- package/lib/typescript/src/web/convert/pseudo.d.ts.map +1 -1
- package/lib/typescript/src/web/css/core.d.ts.map +1 -1
- package/lib/typescript/src/web/shadowRegistry.d.ts +1 -0
- package/lib/typescript/src/web/shadowRegistry.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/unistyle.d.ts +4 -1
- package/lib/typescript/src/web/utils/unistyle.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ScopedTheme.tsx +7 -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/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/web/convert/pseudo.ts +23 -52
- package/src/web/create.ts +1 -1
- package/src/web/css/core.ts +3 -1
- package/src/web/shadowRegistry.ts +2 -2
- package/src/web/types.ts +4 -1
- package/src/web/utils/unistyle.ts +18 -2
package/README.md
CHANGED
|
@@ -26,11 +26,10 @@ yarn add react-native-edge-to-edge react-native-nitro-modules@0.26.2
|
|
|
26
26
|
|
|
27
27
|
> To avoid unexpected behavior, always use a fixed version of `react-native-nitro-modules`
|
|
28
28
|
|
|
29
|
-
| react-native-unistyles | react-native-nitro-modules |
|
|
30
|
-
|
|
31
|
-
| 3.0.0-
|
|
32
|
-
| 3.0.0-nightly-
|
|
33
|
-
| 3.0.0-rc.4 | 0.26.2 | |
|
|
29
|
+
| react-native-unistyles | react-native-nitro-modules |
|
|
30
|
+
|------------------------|----------------------------|
|
|
31
|
+
| 3.0.0-rc.5 | 0.26.2 |
|
|
32
|
+
| 3.0.0-nightly-20250613 | 0.26.2 |
|
|
34
33
|
|
|
35
34
|
Then follow [installation guides](https://unistyl.es/v3/start/getting-started) for your platform.
|
|
36
35
|
|
|
@@ -79,9 +78,6 @@ Then follow [installation guides](https://unistyl.es/v3/start/getting-started) f
|
|
|
79
78
|
<a href="https://github.com/ryanlanciaux">
|
|
80
79
|
<img src="https://avatars.githubusercontent.com/u/85041?v=4" height="70px" width="70px" alt="ryanlanciaux" />
|
|
81
80
|
</a>
|
|
82
|
-
<a href="https://github.com/avega99">
|
|
83
|
-
<img src="https://avatars.githubusercontent.com/u/177598670?v=4" height="70px" width="70px" alt="avega99" />
|
|
84
|
-
</a>
|
|
85
81
|
|
|
86
82
|
## Past sponsors
|
|
87
83
|
|
|
@@ -130,6 +126,9 @@ Then follow [installation guides](https://unistyl.es/v3/start/getting-started) f
|
|
|
130
126
|
<a href="https://github.com/FTCHD">
|
|
131
127
|
<img src="https://avatars.githubusercontent.com/u/144691102?v=4" height="60px" width="60px" alt="FTCHD" />
|
|
132
128
|
</a>
|
|
129
|
+
<a href="https://github.com/avega99">
|
|
130
|
+
<img src="https://avatars.githubusercontent.com/u/177598670?v=4" height="60px" width="60px" alt="avega99" />
|
|
131
|
+
</a>
|
|
133
132
|
|
|
134
133
|
## Sponsor my work
|
|
135
134
|
|
package/Unistyles.podspec
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
require "json"
|
|
2
|
+
require_relative './rn_version.rb'
|
|
2
3
|
|
|
3
4
|
package = JSON.parse(File.read(File.join(__dir__, "package.json")))
|
|
4
5
|
|
|
@@ -27,9 +28,19 @@ Pod::Spec.new do |s|
|
|
|
27
28
|
]
|
|
28
29
|
|
|
29
30
|
if ENV["USE_FRAMEWORKS"]
|
|
31
|
+
RN_VERSION = get_rn_version(ENV['REACT_NATIVE_PATH']) || 999
|
|
32
|
+
|
|
30
33
|
s.dependency "React-Core"
|
|
31
34
|
add_dependency(s, "React-jsinspector", :framework_name => "jsinspector_modern")
|
|
32
|
-
|
|
35
|
+
|
|
36
|
+
if RN_VERSION >= 79
|
|
37
|
+
add_dependency(s, "React-jsinspectortracing", :framework_name => 'jsinspector_moderntracing')
|
|
38
|
+
end
|
|
39
|
+
|
|
40
|
+
if RN_VERSION >= 80
|
|
41
|
+
add_dependency(s, "React-jsinspectorcdp", :framework_name => 'jsinspector_moderncdp')
|
|
42
|
+
end
|
|
43
|
+
|
|
33
44
|
add_dependency(s, "React-rendererconsistency", :framework_name => "React_rendererconsistency")
|
|
34
45
|
end
|
|
35
46
|
|
|
@@ -25,7 +25,8 @@ jni::local_ref<UnistylesModule::jhybriddata> UnistylesModule::initHybrid(
|
|
|
25
25
|
void UnistylesModule::registerNatives() {
|
|
26
26
|
javaClassStatic()->registerNatives({
|
|
27
27
|
makeNativeMethod("getBindingsInstaller", UnistylesModule::getBindingsInstaller),
|
|
28
|
-
makeNativeMethod("initHybrid", UnistylesModule::initHybrid)
|
|
28
|
+
makeNativeMethod("initHybrid", UnistylesModule::initHybrid),
|
|
29
|
+
makeNativeMethod("invalidateNative", invalidateNative),
|
|
29
30
|
});
|
|
30
31
|
}
|
|
31
32
|
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
#include <ReactCommon/BindingsInstallerHolder.h>
|
|
4
4
|
#include <react/jni/JRuntimeExecutor.h>
|
|
5
5
|
#include <react/renderer/scheduler/Scheduler.h>
|
|
6
|
+
#include "UnistylesRegistry.h"
|
|
6
7
|
#include <fbjni/fbjni.h>
|
|
7
8
|
#include <react/fabric/Binding.h>
|
|
8
9
|
#include "NativePlatform.h"
|
|
@@ -27,6 +28,9 @@ struct UnistylesModule : public jni::HybridClass<UnistylesModule> {
|
|
|
27
28
|
jni::alias_ref<JRuntimeExecutor::javaobject> runtimeExecutorHolder,
|
|
28
29
|
jni::alias_ref<JHybridNativePlatformSpec::javaobject> nativePlatform
|
|
29
30
|
);
|
|
31
|
+
static void invalidateNative(jni::alias_ref<jhybridobject> jThis) {
|
|
32
|
+
core::UnistylesRegistry::get().destroy();
|
|
33
|
+
}
|
|
30
34
|
|
|
31
35
|
static jni::local_ref<BindingsInstallerHolder::javaobject> getBindingsInstaller(jni::alias_ref<UnistylesModule::javaobject> jThis);
|
|
32
36
|
|
|
@@ -24,6 +24,10 @@ class UnistylesModule(reactContext: ReactApplicationContext): NativeTurboUnistyl
|
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
+
override fun invalidate() {
|
|
28
|
+
invalidateNative()
|
|
29
|
+
}
|
|
30
|
+
|
|
27
31
|
init {
|
|
28
32
|
mHybridData = initializeHybridData(reactContext)
|
|
29
33
|
}
|
|
@@ -43,4 +47,7 @@ class UnistylesModule(reactContext: ReactApplicationContext): NativeTurboUnistyl
|
|
|
43
47
|
runtimeExecutor: RuntimeExecutor,
|
|
44
48
|
nativePlatform: HybridNativePlatformSpec
|
|
45
49
|
): HybridData
|
|
50
|
+
|
|
51
|
+
@DoNotStrip
|
|
52
|
+
private external fun invalidateNative()
|
|
46
53
|
}
|
|
@@ -42,12 +42,6 @@ core::UnistylesState& core::UnistylesRegistry::getState(jsi::Runtime& rt) {
|
|
|
42
42
|
void core::UnistylesRegistry::createState(jsi::Runtime& rt) {
|
|
43
43
|
auto it = this->_states.find(&rt);
|
|
44
44
|
|
|
45
|
-
// remove old state, so we can swap it with new config
|
|
46
|
-
// during live reload
|
|
47
|
-
if (it != this->_states.end()) {
|
|
48
|
-
this->_states.extract(&rt);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
45
|
this->_states.emplace(
|
|
52
46
|
std::piecewise_construct,
|
|
53
47
|
std::forward_as_tuple(&rt),
|
|
@@ -250,3 +244,10 @@ const std::optional<std::string> core::UnistylesRegistry::getScopedTheme() {
|
|
|
250
244
|
void core::UnistylesRegistry::setScopedTheme(std::optional<std::string> themeName) {
|
|
251
245
|
this->_scopedTheme = std::move(themeName);
|
|
252
246
|
}
|
|
247
|
+
|
|
248
|
+
void core::UnistylesRegistry::destroy() {
|
|
249
|
+
this->_states.clear();
|
|
250
|
+
this->_styleSheetRegistry.clear();
|
|
251
|
+
this->_shadowRegistry.clear();
|
|
252
|
+
this->_scopedTheme = std::nullopt;
|
|
253
|
+
}
|
|
@@ -27,7 +27,7 @@ struct UnistylesRegistry: public StyleSheetRegistry {
|
|
|
27
27
|
|
|
28
28
|
UnistylesRegistry(const UnistylesRegistry&) = delete;
|
|
29
29
|
UnistylesRegistry(const UnistylesRegistry&&) = delete;
|
|
30
|
-
|
|
30
|
+
|
|
31
31
|
bool shouldUsePointsForBreakpoints = false;
|
|
32
32
|
|
|
33
33
|
void registerTheme(jsi::Runtime& rt, std::string name, jsi::Value& theme);
|
|
@@ -49,6 +49,7 @@ struct UnistylesRegistry: public StyleSheetRegistry {
|
|
|
49
49
|
void removeDuplicatedUnistyles(jsi::Runtime& rt, const ShadowNodeFamily* shadowNodeFamily, std::vector<core::Unistyle::Shared>& unistyles);
|
|
50
50
|
void setScopedTheme(std::optional<std::string> themeName);
|
|
51
51
|
core::Unistyle::Shared getUnistyleById(jsi::Runtime& rt, std::string unistyleID);
|
|
52
|
+
void destroy();
|
|
52
53
|
|
|
53
54
|
private:
|
|
54
55
|
UnistylesRegistry() = default;
|
|
@@ -15,8 +15,12 @@ const ScopedTheme = ({
|
|
|
15
15
|
children,
|
|
16
16
|
invertedAdaptive
|
|
17
17
|
}) => {
|
|
18
|
-
const
|
|
19
|
-
|
|
18
|
+
const hasAdaptiveThemes = _specs.UnistylesRuntime.hasAdaptiveThemes;
|
|
19
|
+
const isAdaptiveTheme = invertedAdaptive && hasAdaptiveThemes;
|
|
20
|
+
if (invertedAdaptive && !hasAdaptiveThemes) {
|
|
21
|
+
return children;
|
|
22
|
+
}
|
|
23
|
+
if (!invertedAdaptive && !name) {
|
|
20
24
|
if (__DEV__) {
|
|
21
25
|
console.error('ScopedTheme: name or invertedAdaptive must be provided');
|
|
22
26
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_specs","_AdaptiveTheme","_NamedTheme","_jsxRuntime","e","__esModule","default","ScopedTheme","name","children","invertedAdaptive","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_specs","_AdaptiveTheme","_NamedTheme","_jsxRuntime","e","__esModule","default","ScopedTheme","name","children","invertedAdaptive","hasAdaptiveThemes","UnistylesRuntime","isAdaptiveTheme","__DEV__","console","error","previousScopedTheme","UnistylesShadowRegistry","getScopedTheme","jsx","AdaptiveTheme","NamedTheme","exports"],"sourceRoot":"../../../src","sources":["components/ScopedTheme.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAyC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUlC,MAAMG,WAAyE,GAAGA,CAAC;EACtFC,IAAI;EACJC,QAAQ;EACRC;AACJ,CAAC,KAAK;EACF,MAAMC,iBAAiB,GAAGC,uBAAgB,CAACD,iBAAiB;EAC5D,MAAME,eAAe,GAAGH,gBAAgB,IAAIC,iBAAiB;EAE7D,IAAID,gBAAgB,IAAI,CAACC,iBAAiB,EAAE;IACxC,OAAOF,QAAQ;EACnB;EAEA,IAAI,CAACC,gBAAgB,IAAI,CAACF,IAAI,EAAE;IAC5B,IAAIM,OAAO,EAAE;MACTC,OAAO,CAACC,KAAK,CAAC,wDAAwD,CAAC;IAC3E;IAEA,OAAO,IAAI;EACf;EAEA,MAAMC,mBAAmB,GAAGC,8BAAuB,CAACC,cAAc,CAAC,CAAC;EAEpE,OAAON,eAAe,gBAEd,IAAAV,WAAA,CAAAiB,GAAA,EAACnB,cAAA,CAAAoB,aAAa;IAACJ,mBAAmB,EAAEA,mBAAoB;IAAAR,QAAA,EACnDA;EAAQ,CACE,CAAC,gBAGhB,IAAAN,WAAA,CAAAiB,GAAA,EAAClB,WAAA,CAAAoB,UAAU;IACPd,IAAI,EAAEA,IAA8B;IACpCS,mBAAmB,EAAEA,mBAAoB;IAAAR,QAAA,EAExCA;EAAQ,CACD,CACf;AAET,CAAC;AAAAc,OAAA,CAAAhB,WAAA,GAAAA,WAAA","ignoreList":[]}
|
|
@@ -24,8 +24,14 @@ const withUnistyles = (Component, mappings) => {
|
|
|
24
24
|
proxifiedRuntime,
|
|
25
25
|
proxifiedTheme
|
|
26
26
|
} = (0, _useProxifiedUnistyles.useProxifiedUnistyles)();
|
|
27
|
-
const
|
|
28
|
-
|
|
27
|
+
const {
|
|
28
|
+
key: mappingsKey,
|
|
29
|
+
...mappingsProps
|
|
30
|
+
} = mappings ? mappings(proxifiedTheme, proxifiedRuntime) : {};
|
|
31
|
+
const {
|
|
32
|
+
key: uniPropsKey,
|
|
33
|
+
...unistyleProps
|
|
34
|
+
} = narrowedProps.uniProps ? narrowedProps.uniProps(proxifiedTheme, proxifiedRuntime) : {};
|
|
29
35
|
const emptyStyles = narrowedProps.style ? Object.fromEntries(Object.entries(Object.getOwnPropertyDescriptors(narrowedProps.style)).filter(([key]) => !key.startsWith("unistyles") && !key.startsWith("_")).map(([key]) => [key, undefined])) : undefined;
|
|
30
36
|
const combinedProps = {
|
|
31
37
|
...(0, _utils.deepMergeObjects)(mappingsProps, unistyleProps, props),
|
|
@@ -52,7 +58,7 @@ const withUnistyles = (Component, mappings) => {
|
|
|
52
58
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeComponent, {
|
|
53
59
|
...combinedProps,
|
|
54
60
|
ref: ref
|
|
55
|
-
})
|
|
61
|
+
}, uniPropsKey || mappingsKey)
|
|
56
62
|
});
|
|
57
63
|
});
|
|
58
64
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_getClassname","_useProxifiedUnistyles","_warn","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","withUnistyles","Component","mappings","forwardRef","props","ref","narrowedProps","styleClassNames","getClassName","style","contentContainerStyleClassNames","contentContainerStyle","proxifiedRuntime","proxifiedTheme","useProxifiedUnistyles","mappingsProps","unistyleProps","uniProps","emptyStyles","fromEntries","entries","getOwnPropertyDescriptors","filter","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_getClassname","_useProxifiedUnistyles","_warn","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","withUnistyles","Component","mappings","forwardRef","props","ref","narrowedProps","styleClassNames","getClassName","style","contentContainerStyleClassNames","contentContainerStyle","proxifiedRuntime","proxifiedTheme","useProxifiedUnistyles","key","mappingsKey","mappingsProps","uniPropsKey","unistyleProps","uniProps","emptyStyles","fromEntries","entries","getOwnPropertyDescriptors","filter","startsWith","map","undefined","combinedProps","deepMergeObjects","maybeWarnAboutMultipleUnistyles","displayName","name","NativeComponent","classNames","jsx","className","hash","display","children","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -49,8 +49,14 @@ const withUnistyles = (Component, mappings) => {
|
|
|
49
49
|
const contentContainerStyleSecrets = getSecrets(narrowedProps.contentContainerStyle);
|
|
50
50
|
addDependencies(Array.from(new Set([...styleSecrets.dependencies, ...contentContainerStyleSecrets.dependencies])));
|
|
51
51
|
}, [narrowedProps.style, narrowedProps.contentContainerStyle]);
|
|
52
|
-
const
|
|
53
|
-
|
|
52
|
+
const {
|
|
53
|
+
key: mappingsKey,
|
|
54
|
+
...mappingsProps
|
|
55
|
+
} = mappings ? mappings(proxifiedTheme, proxifiedRuntime) : {};
|
|
56
|
+
const {
|
|
57
|
+
key: uniPropsKey,
|
|
58
|
+
...unistyleProps
|
|
59
|
+
} = narrowedProps.uniProps ? narrowedProps.uniProps(proxifiedTheme, proxifiedRuntime) : {};
|
|
54
60
|
const styleSecrets = getSecrets(narrowedProps.style);
|
|
55
61
|
const contentContainerStyleSecrets = getSecrets(narrowedProps.contentContainerStyle);
|
|
56
62
|
const finalProps = {
|
|
@@ -65,7 +71,7 @@ const withUnistyles = (Component, mappings) => {
|
|
|
65
71
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeComponent, {
|
|
66
72
|
...finalProps,
|
|
67
73
|
ref: ref
|
|
68
|
-
});
|
|
74
|
+
}, uniPropsKey || mappingsKey);
|
|
69
75
|
});
|
|
70
76
|
};
|
|
71
77
|
exports.withUnistyles = withUnistyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_utils","_useProxifiedUnistyles","_warn","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","withUnistyles","Component","mappings","getSecrets","styleProps","styles","Array","isArray","flat","secrets","filter","Boolean","reduce","acc","style","unistyleKey","keys","find","key","startsWith","concat","uni__getStyles","uni__dependencies","secret","assign","dependencies","flatMap","forwardRef","props","ref","narrowedProps","NativeComponent","maybeWarnAboutMultipleUnistyles","displayName","name","contentContainerStyle","scopedTheme","useRef","UnistylesShadowRegistry","getScopedTheme","proxifiedRuntime","proxifiedTheme","addDependencies","useProxifiedUnistyles","current","useEffect","styleSecrets","contentContainerStyleSecrets","from","Set","mappingsProps","unistyleProps","uniProps","finalProps","deepMergeObjects","jsx","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.native.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAyD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGzD;;AAEA;;AAaO,MAAMkB,aAAa,GAAGA,CAAkEC,SAAqB,EAAEC,QAA8B,KAAK;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_utils","_useProxifiedUnistyles","_warn","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","withUnistyles","Component","mappings","getSecrets","styleProps","styles","Array","isArray","flat","secrets","filter","Boolean","reduce","acc","style","unistyleKey","keys","find","key","startsWith","concat","uni__getStyles","uni__dependencies","secret","assign","dependencies","flatMap","forwardRef","props","ref","narrowedProps","NativeComponent","maybeWarnAboutMultipleUnistyles","displayName","name","contentContainerStyle","scopedTheme","useRef","UnistylesShadowRegistry","getScopedTheme","proxifiedRuntime","proxifiedTheme","addDependencies","useProxifiedUnistyles","current","useEffect","styleSecrets","contentContainerStyleSecrets","from","Set","mappingsKey","mappingsProps","uniPropsKey","unistyleProps","uniProps","finalProps","deepMergeObjects","jsx","exports"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.native.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,5 +9,12 @@ Object.defineProperty(exports, "useAnimatedTheme", {
|
|
|
9
9
|
return _useAnimatedTheme.useAnimatedTheme;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
+
Object.defineProperty(exports, "useAnimatedVariantColor", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _variant.useAnimatedVariantColor;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
12
18
|
var _useAnimatedTheme = require("./useAnimatedTheme");
|
|
19
|
+
var _variant = require("./variant");
|
|
13
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_useAnimatedTheme","require"],"sourceRoot":"../../../src","sources":["reanimated/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_useAnimatedTheme","require","_variant"],"sourceRoot":"../../../src","sources":["reanimated/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _useAnimatedVariantColor = require("./useAnimatedVariantColor");
|
|
7
|
+
Object.keys(_useAnimatedVariantColor).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _useAnimatedVariantColor[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _useAnimatedVariantColor[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_useAnimatedVariantColor","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["reanimated/variant/index.ts"],"mappings":";;;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,wBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,wBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,wBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["reanimated/variant/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useAnimatedVariantColor = void 0;
|
|
7
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
8
|
+
var _useUpdateVariantColor = require("./useUpdateVariantColor");
|
|
9
|
+
const useAnimatedVariantColor = (style, colorKey) => {
|
|
10
|
+
const secretKey = Object.keys(style).find(key => key.startsWith('unistyles_'));
|
|
11
|
+
// @ts-ignore this is hidden from TS
|
|
12
|
+
const hasVariants = style[secretKey]?.__stylesheetVariants;
|
|
13
|
+
if (!hasVariants || !colorKey.toLowerCase().includes('color')) {
|
|
14
|
+
throw new Error('useAnimatedVariantColor: Style was not created by Unistyles, does not have variants or has no color property');
|
|
15
|
+
}
|
|
16
|
+
const {
|
|
17
|
+
fromValue,
|
|
18
|
+
toValue
|
|
19
|
+
} = (0, _useUpdateVariantColor.useUpdateVariantColor)({
|
|
20
|
+
animateCallback: (from, to) => animate(from, to),
|
|
21
|
+
colorKey,
|
|
22
|
+
secretKey,
|
|
23
|
+
style
|
|
24
|
+
});
|
|
25
|
+
const progress = (0, _reactNativeReanimated.useSharedValue)(1);
|
|
26
|
+
const animate = (from, to) => {
|
|
27
|
+
'worklet';
|
|
28
|
+
|
|
29
|
+
fromValue.set(from);
|
|
30
|
+
toValue.set(to);
|
|
31
|
+
};
|
|
32
|
+
const derivedColor = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
33
|
+
return (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [fromValue.get(), toValue.get()]);
|
|
34
|
+
});
|
|
35
|
+
return derivedColor;
|
|
36
|
+
};
|
|
37
|
+
exports.useAnimatedVariantColor = useAnimatedVariantColor;
|
|
38
|
+
//# sourceMappingURL=useAnimatedVariantColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNativeReanimated","require","_useUpdateVariantColor","useAnimatedVariantColor","style","colorKey","secretKey","Object","keys","find","key","startsWith","hasVariants","__stylesheetVariants","toLowerCase","includes","Error","fromValue","toValue","useUpdateVariantColor","animateCallback","from","to","animate","progress","useSharedValue","set","derivedColor","useDerivedValue","interpolateColor","value","get","exports"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useAnimatedVariantColor.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAEO,MAAME,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,GAAG,IAAAC,4CAAqB,EAAC;IACjDC,eAAe,EAAEA,CAACC,IAAI,EAAEC,EAAE,KAAKC,OAAO,CAACF,IAAI,EAAEC,EAAE,CAAC;IAChDjB,QAAQ;IACRC,SAAS;IACTF;EACJ,CAAC,CAAC;EAEF,MAAMoB,QAAQ,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAClC,MAAMF,OAAO,GAAGA,CAACF,IAAY,EAAEC,EAAU,KAAK;IAC1C,SAAS;;IAETL,SAAS,CAACS,GAAG,CAACL,IAAI,CAAC;IACnBH,OAAO,CAACQ,GAAG,CAACJ,EAAE,CAAC;EACnB,CAAC;EAED,MAAMK,YAAY,GAAG,IAAAC,sCAAe,EAAC,MAAM;IACvC,OAAO,IAAAC,uCAAgB,EACnBL,QAAQ,CAACM,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACb,SAAS,CAACc,GAAG,CAAC,CAAC,EAAEb,OAAO,CAACa,GAAG,CAAC,CAAC,CACnC,CAAC;EACL,CAAC,CAAC;EAEF,OAAOJ,YAAY;AACvB,CAAC;AAAAK,OAAA,CAAA7B,uBAAA,GAAAA,uBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useUpdateVariantColor = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
9
|
+
var _specs = require("../../specs");
|
|
10
|
+
var _services = require("../../web/services");
|
|
11
|
+
var _utils = require("../../web/utils");
|
|
12
|
+
const useUpdateVariantColor = ({
|
|
13
|
+
animateCallback,
|
|
14
|
+
colorKey,
|
|
15
|
+
style
|
|
16
|
+
}) => {
|
|
17
|
+
const [dummyDiv] = (0, _react.useState)(() => {
|
|
18
|
+
const div = document.createElement('div');
|
|
19
|
+
div.style.display = 'none';
|
|
20
|
+
document.body.appendChild(div);
|
|
21
|
+
return div;
|
|
22
|
+
});
|
|
23
|
+
const parsedStyles = (0, _react.useMemo)(() => {
|
|
24
|
+
return _services.services.shadowRegistry.addStyles([style]).parsedStyles;
|
|
25
|
+
}, [style]);
|
|
26
|
+
const getCurrentColor = (0, _react.useCallback)(() => {
|
|
27
|
+
if (!parsedStyles) {
|
|
28
|
+
return 'rgb(0, 0, 0)';
|
|
29
|
+
}
|
|
30
|
+
const currentColor = parsedStyles[colorKey];
|
|
31
|
+
const currentColorVar = typeof currentColor === 'string' ? currentColor : (0, _utils.getClosestBreakpointValue)(_services.services.runtime, currentColor) ?? 'rgb(0, 0, 0)';
|
|
32
|
+
if (currentColorVar.startsWith('var(--')) {
|
|
33
|
+
dummyDiv.style.color = currentColorVar;
|
|
34
|
+
return getComputedStyle(dummyDiv).color;
|
|
35
|
+
}
|
|
36
|
+
return currentColorVar;
|
|
37
|
+
}, [style, colorKey]);
|
|
38
|
+
const fromValue = (0, _reactNativeReanimated.useSharedValue)(getCurrentColor());
|
|
39
|
+
const toValue = (0, _reactNativeReanimated.useSharedValue)(getCurrentColor());
|
|
40
|
+
(0, _react.useEffect)(() => {
|
|
41
|
+
const dispose = _services.services.listener.addListeners([_specs.UnistyleDependency.Theme], () => {
|
|
42
|
+
(0, _reactNativeReanimated.runOnUI)(() => {
|
|
43
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
|
44
|
+
})();
|
|
45
|
+
});
|
|
46
|
+
return () => dispose();
|
|
47
|
+
}, [style, colorKey]);
|
|
48
|
+
(0, _react.useLayoutEffect)(() => {
|
|
49
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
|
50
|
+
const colorStyle = parsedStyles?.[colorKey];
|
|
51
|
+
if (typeof colorStyle !== 'object' || colorStyle === null) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
const dispose = _services.services.listener.addListeners([_specs.UnistyleDependency.Breakpoints], () => {
|
|
55
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
|
56
|
+
});
|
|
57
|
+
return () => dispose();
|
|
58
|
+
}, [style, colorKey]);
|
|
59
|
+
(0, _react.useEffect)(() => () => dummyDiv.remove(), []);
|
|
60
|
+
return {
|
|
61
|
+
fromValue,
|
|
62
|
+
toValue
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
exports.useUpdateVariantColor = useUpdateVariantColor;
|
|
66
|
+
//# sourceMappingURL=useUpdateVariantColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNativeReanimated","_specs","_services","_utils","useUpdateVariantColor","animateCallback","colorKey","style","dummyDiv","useState","div","document","createElement","display","body","appendChild","parsedStyles","useMemo","services","shadowRegistry","addStyles","getCurrentColor","useCallback","currentColor","currentColorVar","getClosestBreakpointValue","runtime","startsWith","color","getComputedStyle","fromValue","useSharedValue","toValue","useEffect","dispose","listener","addListeners","UnistyleDependency","Theme","runOnUI","get","useLayoutEffect","colorStyle","Breakpoints","remove","exports"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useUpdateVariantColor.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useUpdateVariantColor = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
9
|
+
var _specs = require("../../specs");
|
|
10
|
+
const useUpdateVariantColor = ({
|
|
11
|
+
colorKey,
|
|
12
|
+
style,
|
|
13
|
+
secretKey
|
|
14
|
+
}) => {
|
|
15
|
+
const fromValue = (0, _reactNativeReanimated.useSharedValue)(style[colorKey]);
|
|
16
|
+
const toValue = (0, _reactNativeReanimated.useSharedValue)(style[colorKey]);
|
|
17
|
+
(0, _react.useEffect)(() => {
|
|
18
|
+
// @ts-ignore this is hidden from TS
|
|
19
|
+
const dispose = _specs.StyleSheet.addChangeListener(changedDependencies => {
|
|
20
|
+
if (changedDependencies.includes(_specs.UnistyleDependency.Theme) || changedDependencies.includes(_specs.UnistyleDependency.Breakpoints)) {
|
|
21
|
+
// @ts-ignore
|
|
22
|
+
const newStyles = style[secretKey]?.uni__getStyles();
|
|
23
|
+
fromValue.set(toValue.value);
|
|
24
|
+
toValue.set(newStyles[colorKey]);
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
return () => dispose();
|
|
28
|
+
}, [style, colorKey]);
|
|
29
|
+
(0, _react.useLayoutEffect)(() => {
|
|
30
|
+
fromValue.set(toValue.value);
|
|
31
|
+
toValue.set(style[colorKey]);
|
|
32
|
+
}, [style, colorKey]);
|
|
33
|
+
return {
|
|
34
|
+
fromValue,
|
|
35
|
+
toValue
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
exports.useUpdateVariantColor = useUpdateVariantColor;
|
|
39
|
+
//# sourceMappingURL=useUpdateVariantColor.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNativeReanimated","_specs","useUpdateVariantColor","colorKey","style","secretKey","fromValue","useSharedValue","toValue","useEffect","dispose","StyleSheet","addChangeListener","changedDependencies","includes","UnistyleDependency","Theme","Breakpoints","newStyles","uni__getStyles","set","value","useLayoutEffect","exports"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useUpdateVariantColor.native.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGO,MAAMG,qBAAqB,GAAGA,CAAgC;EACjEC,QAAQ;EACRC,KAAK;EACLC;AAC4B,CAAC,KAAK;EAClC,MAAMC,SAAS,GAAG,IAAAC,qCAAc,EAASH,KAAK,CAACD,QAAQ,CAAC,CAAC;EACzD,MAAMK,OAAO,GAAG,IAAAD,qCAAc,EAASH,KAAK,CAACD,QAAQ,CAAC,CAAC;EAEvD,IAAAM,gBAAS,EAAC,MAAM;IACZ;IACA,MAAMC,OAAO,GAAGC,iBAAU,CAACC,iBAAiB,CAACC,mBAAmB,IAAI;MAChE,IAAIA,mBAAmB,CAACC,QAAQ,CAACC,yBAAkB,CAACC,KAAK,CAAC,IAAIH,mBAAmB,CAACC,QAAQ,CAACC,yBAAkB,CAACE,WAAW,CAAC,EAAE;QACxH;QACA,MAAMC,SAAS,GAAGd,KAAK,CAACC,SAAS,CAAC,EAAEc,cAAc,CAAC,CAAC;QAEpDb,SAAS,CAACc,GAAG,CAACZ,OAAO,CAACa,KAAK,CAAC;QAC5Bb,OAAO,CAACY,GAAG,CAACF,SAAS,CAACf,QAAQ,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAMO,OAAO,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACN,KAAK,EAAED,QAAQ,CAAC,CAAC;EAErB,IAAAmB,sBAAe,EAAC,MAAM;IAClBhB,SAAS,CAACc,GAAG,CAACZ,OAAO,CAACa,KAAK,CAAC;IAC5Bb,OAAO,CAACY,GAAG,CAAChB,KAAK,CAACD,QAAQ,CAAC,CAAC;EAChC,CAAC,EAAE,CAACC,KAAK,EAAED,QAAQ,CAAC,CAAC;EAErB,OAAO;IACHG,SAAS;IACTE;EACJ,CAAC;AACL,CAAC;AAAAe,OAAA,CAAArB,qBAAA,GAAAA,qBAAA","ignoreList":[]}
|
|
@@ -3,8 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
exports.isPseudoElement = exports.isPseudoClass = exports.isPseudo = void 0;
|
|
7
|
+
// All non experimental pseudo clasess and elements
|
|
8
|
+
|
|
9
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes
|
|
10
|
+
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'];
|
|
11
|
+
|
|
12
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements
|
|
13
|
+
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('];
|
|
14
|
+
const isPseudoClass = selector => pseudoClasses.some(pseudo => selector.startsWith(pseudo));
|
|
15
|
+
exports.isPseudoClass = isPseudoClass;
|
|
16
|
+
const isPseudoElement = selector => pseudoElements.some(pseudo => selector.startsWith(pseudo));
|
|
17
|
+
exports.isPseudoElement = isPseudoElement;
|
|
18
|
+
const isPseudo = selector => isPseudoClass(selector) || isPseudoElement(selector);
|
|
9
19
|
exports.isPseudo = isPseudo;
|
|
10
20
|
//# sourceMappingURL=pseudo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["pseudoClasses","pseudoElements","isPseudoClass","selector","some","pseudo","startsWith","exports","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;AAMH,MAAMC,aAAa,GAAIC,QAAgB,IAAKH,aAAa,CAACI,IAAI,CAACC,MAAM,IAAIF,QAAQ,CAACG,UAAU,CAACD,MAAM,CAAC,CAAC;AAAAE,OAAA,CAAAL,aAAA,GAAAA,aAAA;AAErG,MAAMM,eAAe,GAAIL,QAAgB,IAAKF,cAAc,CAACG,IAAI,CAACC,MAAM,IAAIF,QAAQ,CAACG,UAAU,CAACD,MAAM,CAAC,CAAC;AAAAE,OAAA,CAAAC,eAAA,GAAAA,eAAA;AAExG,MAAMC,QAAQ,GAAIN,QAAgB,IAAKD,aAAa,CAACC,QAAQ,CAAC,IAAIK,eAAe,CAACL,QAAQ,CAAC;AAAAI,OAAA,CAAAE,QAAA,GAAAA,QAAA","ignoreList":[]}
|
|
@@ -22,7 +22,7 @@ const create = (stylesheet, id) => {
|
|
|
22
22
|
__uni__key: key,
|
|
23
23
|
__uni__stylesheet: stylesheet,
|
|
24
24
|
__uni__args: args,
|
|
25
|
-
|
|
25
|
+
__stylesheetVariants: variants
|
|
26
26
|
});
|
|
27
27
|
const createStyleSheetStyles = variants => {
|
|
28
28
|
const stylesEntries = Object.entries(computedStylesheet).map(([key, value]) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["unistyles","_interopRequireWildcard","require","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","create","stylesheet","id","error","services","state","isInitialized","isServer","config","window","__UNISTYLES_STATE__","init","computedStylesheet","registry","getComputedStylesheet","addSecrets","value","key","args","undefined","variants","assignSecrets","__uni__key","__uni__stylesheet","__uni__args","
|
|
1
|
+
{"version":3,"names":["unistyles","_interopRequireWildcard","require","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","create","stylesheet","id","error","services","state","isInitialized","isServer","config","window","__UNISTYLES_STATE__","init","computedStylesheet","registry","getComputedStylesheet","addSecrets","value","key","args","undefined","variants","assignSecrets","__uni__key","__uni__stylesheet","__uni__args","__stylesheetVariants","createStyleSheetStyles","stylesEntries","entries","map","result","removeInlineStyles","fromEntries","concat","useVariants","exports"],"sourceRoot":"../../../src","sources":["web/create.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.convertToCSS = void 0;
|
|
7
|
+
var _pseudo = require("../convert/pseudo");
|
|
7
8
|
var _utils = require("../utils");
|
|
8
9
|
const convertToCSS = (hash, value, state) => {
|
|
9
10
|
Object.entries(value).forEach(([styleKey, styleValue]) => {
|
|
10
11
|
if (styleKey[0] === '_') {
|
|
11
|
-
const
|
|
12
|
+
const isStylePseudoClass = (0, _pseudo.isPseudoClass)(styleKey);
|
|
13
|
+
const pseudoClassName = `${hash}${isStylePseudoClass ? ':' : '::'}${styleKey.slice(1)}`;
|
|
12
14
|
Object.entries(styleValue).forEach(([pseudoStyleKey, pseudoStyleValue]) => {
|
|
13
15
|
if (typeof pseudoStyleValue === 'object' && pseudoStyleValue !== null) {
|
|
14
16
|
const allBreakpoints = Object.keys(styleValue);
|