react-native-unistyles 3.0.0-nightly-20250607 → 3.0.0-nightly-20250613
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 +4 -6
- 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/UnistyleWrapper.h +4 -1
- package/cxx/core/UnistylesRegistry.cpp +7 -6
- package/cxx/core/UnistylesRegistry.h +2 -1
- package/ios/UnistylesModuleOnLoad.mm +5 -0
- 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 -23
- package/lib/commonjs/components/ScopedTheme.js.map +1 -1
- 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/specs/ShadowRegistry/index.js +6 -1
- package/lib/commonjs/specs/ShadowRegistry/index.js.map +1 -1
- package/lib/commonjs/web/convert/pseudo.js +13 -3
- package/lib/commonjs/web/convert/pseudo.js.map +1 -1
- package/lib/commonjs/web/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/listener.js +2 -0
- package/lib/commonjs/web/listener.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/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 -23
- package/lib/module/components/ScopedTheme.js.map +1 -1
- 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/specs/ShadowRegistry/index.js +6 -1
- package/lib/module/specs/ShadowRegistry/index.js.map +1 -1
- package/lib/module/web/convert/pseudo.js +10 -2
- package/lib/module/web/convert/pseudo.js.map +1 -1
- package/lib/module/web/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/listener.js +2 -0
- package/lib/module/web/listener.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/plugin/src/consts.d.ts.map +1 -1
- 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/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/specs/ShadowRegistry/index.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/pseudo.d.ts +6 -3
- package/lib/typescript/src/web/convert/pseudo.d.ts.map +1 -1
- package/lib/typescript/src/web/css/core.d.ts.map +1 -1
- package/lib/typescript/src/web/listener.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 +3 -3
- package/plugin/index.d.ts +1 -1
- package/plugin/index.js +1 -4
- package/repack-plugin/index.js +1 -4
- 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 -27
- package/src/core/withUnistyles/withUnistyles.native.tsx +1 -0
- package/src/reanimated/index.ts +1 -0
- package/src/reanimated/variant/index.ts +1 -0
- package/src/reanimated/variant/types.ts +14 -0
- package/src/reanimated/variant/useAnimatedVariantColor.ts +38 -0
- package/src/reanimated/variant/useUpdateVariantColor.native.ts +38 -0
- package/src/reanimated/variant/useUpdateVariantColor.ts +81 -0
- package/src/specs/ShadowRegistry/index.ts +6 -1
- 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/listener.ts +2 -0
- 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
|
@@ -21,16 +21,14 @@ yarn add react-native-unistyles@next
|
|
|
21
21
|
Install dependencies:
|
|
22
22
|
|
|
23
23
|
```shell
|
|
24
|
-
yarn add react-native-edge-to-edge react-native-nitro-modules@0.26.
|
|
24
|
+
yarn add react-native-edge-to-edge react-native-nitro-modules@0.26.2
|
|
25
25
|
```
|
|
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-20250606 | 0.26.0 | React >= 19 and React Native >= 0.78 |
|
|
33
|
-
| 3.0.0-rc.4 | 0.26.0 | |
|
|
29
|
+
| react-native-unistyles | react-native-nitro-modules |
|
|
30
|
+
|------------------------|----------------------------|
|
|
31
|
+
| 3.0.0-rc.5 | 0.26.2 |
|
|
34
32
|
|
|
35
33
|
Then follow [installation guides](https://unistyl.es/v3/start/getting-started) for your platform.
|
|
36
34
|
|
|
@@ -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
|
}
|
|
@@ -154,8 +154,11 @@ inline static jsi::Value objectFromUnistyle(jsi::Runtime& rt, std::shared_ptr<Hy
|
|
|
154
154
|
rt,
|
|
155
155
|
jsi::PropNameID::forUtf8(rt, helpers::GET_STYLES.c_str()),
|
|
156
156
|
0,
|
|
157
|
-
[unistyle, unistylesRuntime, variants, parsedArguments](jsi::Runtime &rt, const jsi::Value &thisValue, const jsi::Value *args, size_t count
|
|
157
|
+
[unistyleID = unistyle->unid, unistylesRuntime, variants, parsedArguments](jsi::Runtime &rt, const jsi::Value &thisValue, const jsi::Value *args, size_t count
|
|
158
158
|
) {
|
|
159
|
+
auto& registry = UnistylesRegistry::get();
|
|
160
|
+
auto unistyle = registry.getUnistyleById(rt, unistyleID);
|
|
161
|
+
|
|
159
162
|
parser::Parser(unistylesRuntime).rebuildUnistyle(rt, unistyle, variants, parsedArguments);
|
|
160
163
|
|
|
161
164
|
return jsi::Value(rt, unistyle->parsedStyle.value()).asObject(rt);
|
|
@@ -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;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.AdaptiveTheme = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _core = require("../core");
|
|
9
|
+
var _specs = require("../specs");
|
|
10
|
+
var _ApplyScopedTheme = require("./ApplyScopedTheme");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
const AdaptiveTheme = ({
|
|
14
|
+
children,
|
|
15
|
+
previousScopedTheme
|
|
16
|
+
}) => {
|
|
17
|
+
const {
|
|
18
|
+
rt
|
|
19
|
+
} = (0, _core.useUnistyles)();
|
|
20
|
+
const name = rt.themeName === 'dark' ? 'light' : 'dark';
|
|
21
|
+
const mappedChildren = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ApplyScopedTheme.ApplyScopedTheme, {
|
|
22
|
+
name: name
|
|
23
|
+
}, name), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ApplyScopedTheme.ApplyScopedTheme, {
|
|
24
|
+
name: previousScopedTheme
|
|
25
|
+
}, 'dispose')];
|
|
26
|
+
(0, _react.useLayoutEffect)(() => {
|
|
27
|
+
// this will affect only scoped styles as other styles are not yet mounted
|
|
28
|
+
_specs.UnistylesShadowRegistry.flush();
|
|
29
|
+
});
|
|
30
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
|
|
31
|
+
children: mappedChildren
|
|
32
|
+
}, name);
|
|
33
|
+
};
|
|
34
|
+
exports.AdaptiveTheme = AdaptiveTheme;
|
|
35
|
+
//# sourceMappingURL=AdaptiveTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_specs","_ApplyScopedTheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AdaptiveTheme","children","previousScopedTheme","rt","useUnistyles","name","themeName","mappedChildren","jsx","ApplyScopedTheme","useLayoutEffect","UnistylesShadowRegistry","flush","Fragment","exports"],"sourceRoot":"../../../src","sources":["components/AdaptiveTheme.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAqD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,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;AAM9C,MAAMkB,aAA0D,GAAGA,CAAC;EACvEC,QAAQ;EACRC;AACJ,CAAC,KAAK;EACF,MAAM;IAAEC;EAAG,CAAC,GAAG,IAAAC,kBAAY,EAAC,CAAC;EAC7B,MAAMC,IAAI,GAAIF,EAAE,CAACG,SAAS,KAAK,MAAM,GAAG,OAAO,GAAG,MAAgC;EAClF,MAAMC,cAAc,GAAG,cACnB,IAAA3B,WAAA,CAAA4B,GAAA,EAAC7B,iBAAA,CAAA8B,gBAAgB;IAAYJ,IAAI,EAAEA;EAAK,GAAjBA,IAAmB,CAAC,EAC3CJ,QAAQ,eACR,IAAArB,WAAA,CAAA4B,GAAA,EAAC7B,iBAAA,CAAA8B,gBAAgB;IAAeJ,IAAI,EAAEH;EAAyD,GAAzE,SAA2E,CAAC,CACrG;EAED,IAAAQ,sBAAe,EAAC,MAAM;IAClB;IACAC,8BAAuB,CAACC,KAAK,CAAC,CAAC;EACnC,CAAC,CAAC;EAEF,oBACI,IAAAhC,WAAA,CAAA4B,GAAA,EAAClC,MAAA,CAAAiB,OAAK,CAACsB,QAAQ;IAAAZ,QAAA,EACVM;EAAc,GADEF,IAEL,CAAC;AAEzB,CAAC;AAAAS,OAAA,CAAAd,aAAA,GAAAA,aAAA","ignoreList":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ApplyScopedTheme = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _specs = require("../specs");
|
|
9
|
+
const ApplyScopedTheme = ({
|
|
10
|
+
name
|
|
11
|
+
}) => {
|
|
12
|
+
_specs.UnistylesShadowRegistry.setScopedTheme(name);
|
|
13
|
+
(0, _react.useLayoutEffect)(() => {
|
|
14
|
+
_specs.UnistylesShadowRegistry.setScopedTheme(name);
|
|
15
|
+
});
|
|
16
|
+
return null;
|
|
17
|
+
};
|
|
18
|
+
exports.ApplyScopedTheme = ApplyScopedTheme;
|
|
19
|
+
//# sourceMappingURL=ApplyScopedTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_specs","ApplyScopedTheme","name","UnistylesShadowRegistry","setScopedTheme","useLayoutEffect","exports"],"sourceRoot":"../../../src","sources":["components/ApplyScopedTheme.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAMO,MAAME,gBAAgE,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EAC1FC,8BAAuB,CAACC,cAAc,CAACF,IAAI,CAAC;EAE5C,IAAAG,sBAAe,EAAC,MAAM;IAClBF,8BAAuB,CAACC,cAAc,CAACF,IAAI,CAAC;EAChD,CAAC,CAAC;EAEF,OAAO,IAAI;AACf,CAAC;AAAAI,OAAA,CAAAL,gBAAA,GAAAA,gBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.NamedTheme = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _specs = require("../specs");
|
|
9
|
+
var _ApplyScopedTheme = require("./ApplyScopedTheme");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
+
const NamedTheme = ({
|
|
13
|
+
name,
|
|
14
|
+
children,
|
|
15
|
+
previousScopedTheme
|
|
16
|
+
}) => {
|
|
17
|
+
const mappedChildren = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ApplyScopedTheme.ApplyScopedTheme, {
|
|
18
|
+
name: name
|
|
19
|
+
}, name), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ApplyScopedTheme.ApplyScopedTheme, {
|
|
20
|
+
name: previousScopedTheme
|
|
21
|
+
}, 'dispose')];
|
|
22
|
+
(0, _react.useLayoutEffect)(() => {
|
|
23
|
+
// this will affect only scoped styles as other styles are not yet mounted
|
|
24
|
+
_specs.UnistylesShadowRegistry.flush();
|
|
25
|
+
});
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
|
|
27
|
+
children: mappedChildren
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
exports.NamedTheme = NamedTheme;
|
|
31
|
+
//# sourceMappingURL=NamedTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_ApplyScopedTheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NamedTheme","name","children","previousScopedTheme","mappedChildren","jsx","ApplyScopedTheme","useLayoutEffect","UnistylesShadowRegistry","flush","Fragment","exports"],"sourceRoot":"../../../src","sources":["components/NamedTheme.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAAqD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,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;AAO9C,MAAMkB,UAAoD,GAAGA,CAAC;EACjEC,IAAI;EACJC,QAAQ;EACRC;AACJ,CAAC,KAAK;EACF,MAAMC,cAAc,GAAG,cACnB,IAAAxB,WAAA,CAAAyB,GAAA,EAAC1B,iBAAA,CAAA2B,gBAAgB;IAAYL,IAAI,EAAEA;EAAK,GAAjBA,IAAmB,CAAC,EAC3CC,QAAQ,eACR,IAAAtB,WAAA,CAAAyB,GAAA,EAAC1B,iBAAA,CAAA2B,gBAAgB;IAAeL,IAAI,EAAEE;EAAyD,GAAzE,SAA2E,CAAC,CACrG;EAED,IAAAI,sBAAe,EAAC,MAAM;IAClB;IACAC,8BAAuB,CAACC,KAAK,CAAC,CAAC;EACnC,CAAC,CAAC;EAEF,oBACI,IAAA7B,WAAA,CAAAyB,GAAA,EAAC9B,MAAA,CAAAgB,OAAK,CAACmB,QAAQ;IAAAR,QAAA,EACVE;EAAc,CACH,CAAC;AAEzB,CAAC;AAAAO,OAAA,CAAAX,UAAA,GAAAA,UAAA","ignoreList":[]}
|
|
@@ -4,35 +4,36 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ScopedTheme = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _specs = require("../specs");
|
|
9
|
+
var _AdaptiveTheme = require("./AdaptiveTheme");
|
|
10
|
+
var _NamedTheme = require("./NamedTheme");
|
|
9
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
-
function
|
|
11
|
-
const Apply = ({
|
|
12
|
-
name
|
|
13
|
-
}) => {
|
|
14
|
-
_specs.UnistylesShadowRegistry.setScopedTheme(name);
|
|
15
|
-
(0, _react.useLayoutEffect)(() => {
|
|
16
|
-
_specs.UnistylesShadowRegistry.setScopedTheme(name);
|
|
17
|
-
});
|
|
18
|
-
return null;
|
|
19
|
-
};
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
13
|
const ScopedTheme = ({
|
|
21
14
|
name,
|
|
22
|
-
children
|
|
15
|
+
children,
|
|
16
|
+
invertedAdaptive
|
|
23
17
|
}) => {
|
|
18
|
+
const hasAdaptiveThemes = _specs.UnistylesRuntime.hasAdaptiveThemes;
|
|
19
|
+
const isAdaptiveTheme = invertedAdaptive && hasAdaptiveThemes;
|
|
20
|
+
if (invertedAdaptive && !hasAdaptiveThemes) {
|
|
21
|
+
return children;
|
|
22
|
+
}
|
|
23
|
+
if (!invertedAdaptive && !name) {
|
|
24
|
+
if (__DEV__) {
|
|
25
|
+
console.error('ScopedTheme: name or invertedAdaptive must be provided');
|
|
26
|
+
}
|
|
27
|
+
return null;
|
|
28
|
+
}
|
|
24
29
|
const previousScopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
_specs.UnistylesShadowRegistry.flush();
|
|
33
|
-
});
|
|
34
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
|
|
35
|
-
children: mappedChildren
|
|
30
|
+
return isAdaptiveTheme ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdaptiveTheme.AdaptiveTheme, {
|
|
31
|
+
previousScopedTheme: previousScopedTheme,
|
|
32
|
+
children: children
|
|
33
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_NamedTheme.NamedTheme, {
|
|
34
|
+
name: name,
|
|
35
|
+
previousScopedTheme: previousScopedTheme,
|
|
36
|
+
children: children
|
|
36
37
|
});
|
|
37
38
|
};
|
|
38
39
|
exports.ScopedTheme = ScopedTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
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":[]}
|
|
@@ -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","mappingsProps","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":[]}
|
|
@@ -8,8 +8,13 @@ var _reactNativeNitroModules = require("react-native-nitro-modules");
|
|
|
8
8
|
const HybridShadowRegistry = _reactNativeNitroModules.NitroModules.createHybridObject('UnistylesShadowRegistry');
|
|
9
9
|
const findShadowNodeForHandle = handle => {
|
|
10
10
|
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;
|
|
11
|
+
|
|
12
|
+
// @ts-ignore we don't know the type of handle
|
|
13
|
+
if (!node && handle?.props?.horizontal && handle?.constructor?.name === 'FlatList') {
|
|
14
|
+
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');
|
|
15
|
+
}
|
|
11
16
|
if (!node) {
|
|
12
|
-
throw new Error(`Unistyles: Could not find shadow node for one of your components of type ${handle?.
|
|
17
|
+
throw new Error(`Unistyles: Could not find shadow node for one of your components of type ${handle?.constructor?.name ?? 'unknown'}`);
|
|
13
18
|
}
|
|
14
19
|
return node;
|
|
15
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNativeNitroModules","require","HybridShadowRegistry","NitroModules","createHybridObject","findShadowNodeForHandle","handle","node","__internalInstanceHandle","stateNode","getScrollResponder","getNativeScrollRef","_viewRef","viewRef","current","_nativeRef","
|
|
1
|
+
{"version":3,"names":["_reactNativeNitroModules","require","HybridShadowRegistry","NitroModules","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","exports"],"sourceRoot":"../../../../src","sources":["specs/ShadowRegistry/index.ts"],"mappings":";;;;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAgBA,MAAMC,oBAAoB,GAAGC,qCAAY,CAACC,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;AAEDL,oBAAoB,CAACmB,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;IAC3B9B,oBAAoB,CAACgC,IAAI,CAAC7B,uBAAuB,CAACC,MAAM,CAAC,EAAEqB,cAAc,CAAC;EAC9E;AACJ,CAAC;AAEDzB,oBAAoB,CAACiC,MAAM,GAAG7B,MAAM,IAAI;EACpC,IAAI,CAACA,MAAM,EAAE;IACT;EACJ;EAEAJ,oBAAoB,CAACkC,MAAM,CAAC/B,uBAAuB,CAACC,MAAM,CAAC,CAAC;AAChE,CAAC;AAQM,MAAM+B,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAGnC,oBAA4D","ignoreList":[]}
|