react-native-unistyles 3.5.1 → 3.5.2
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/Unistyles.podspec +1 -0
- package/lib/commonjs/components/AdaptiveTheme.js +9 -1
- package/lib/commonjs/components/AdaptiveTheme.js.map +1 -1
- package/lib/commonjs/components/NamedTheme.js +9 -1
- package/lib/commonjs/components/NamedTheme.js.map +1 -1
- package/lib/commonjs/components/ScopedThemeContext.js +9 -0
- package/lib/commonjs/components/ScopedThemeContext.js.map +1 -0
- package/lib/commonjs/components/native/Pressable.native.js +6 -5
- package/lib/commonjs/components/native/Pressable.native.js.map +1 -1
- package/lib/commonjs/components/scopeChildren.js +29 -0
- package/lib/commonjs/components/scopeChildren.js.map +1 -0
- package/lib/commonjs/components/scopeChildren.native.js +9 -0
- package/lib/commonjs/components/scopeChildren.native.js.map +1 -0
- package/lib/commonjs/core/createUnistylesActivityIndicator.js +5 -3
- package/lib/commonjs/core/createUnistylesActivityIndicator.js.map +1 -1
- package/lib/commonjs/core/createUnistylesElement.native.js +3 -1
- package/lib/commonjs/core/createUnistylesElement.native.js.map +1 -1
- package/lib/commonjs/core/createUnistylesImageBackground.js +7 -4
- package/lib/commonjs/core/createUnistylesImageBackground.js.map +1 -1
- package/lib/commonjs/core/createUnistylesTouchableHighlight.js +6 -8
- package/lib/commonjs/core/createUnistylesTouchableHighlight.js.map +1 -1
- package/lib/commonjs/core/useProxifiedUnistyles/useProxifiedUnistyles.js +10 -5
- package/lib/commonjs/core/useProxifiedUnistyles/useProxifiedUnistyles.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.native.js +12 -2
- package/lib/commonjs/core/withUnistyles/withUnistyles.native.js.map +1 -1
- package/lib/commonjs/reanimated/useAnimatedTheme.js +8 -5
- package/lib/commonjs/reanimated/useAnimatedTheme.js.map +1 -1
- package/lib/commonjs/reanimated/useAnimatedTheme.native.js +8 -5
- package/lib/commonjs/reanimated/useAnimatedTheme.native.js.map +1 -1
- package/lib/commonjs/specs/ShadowRegistry/index.js +12 -3
- package/lib/commonjs/specs/ShadowRegistry/index.js.map +1 -1
- package/lib/commonjs/web/css/state.js +5 -2
- package/lib/commonjs/web/css/state.js.map +1 -1
- package/lib/commonjs/web/shadowRegistry.js +3 -1
- package/lib/commonjs/web/shadowRegistry.js.map +1 -1
- package/lib/module/components/AdaptiveTheme.js +10 -2
- package/lib/module/components/AdaptiveTheme.js.map +1 -1
- package/lib/module/components/NamedTheme.js +10 -2
- package/lib/module/components/NamedTheme.js.map +1 -1
- package/lib/module/components/ScopedThemeContext.js +5 -0
- package/lib/module/components/ScopedThemeContext.js.map +1 -0
- package/lib/module/components/native/Pressable.native.js +7 -6
- package/lib/module/components/native/Pressable.native.js.map +1 -1
- package/lib/module/components/scopeChildren.js +23 -0
- package/lib/module/components/scopeChildren.js.map +1 -0
- package/lib/module/components/scopeChildren.native.js +4 -0
- package/lib/module/components/scopeChildren.native.js.map +1 -0
- package/lib/module/core/createUnistylesActivityIndicator.js +4 -2
- package/lib/module/core/createUnistylesActivityIndicator.js.map +1 -1
- package/lib/module/core/createUnistylesElement.native.js +4 -2
- package/lib/module/core/createUnistylesElement.native.js.map +1 -1
- package/lib/module/core/createUnistylesImageBackground.js +6 -3
- package/lib/module/core/createUnistylesImageBackground.js.map +1 -1
- package/lib/module/core/createUnistylesTouchableHighlight.js +7 -9
- package/lib/module/core/createUnistylesTouchableHighlight.js.map +1 -1
- package/lib/module/core/useProxifiedUnistyles/useProxifiedUnistyles.js +12 -7
- package/lib/module/core/useProxifiedUnistyles/useProxifiedUnistyles.js.map +1 -1
- package/lib/module/core/withUnistyles/withUnistyles.native.js +13 -3
- package/lib/module/core/withUnistyles/withUnistyles.native.js.map +1 -1
- package/lib/module/reanimated/useAnimatedTheme.js +10 -7
- package/lib/module/reanimated/useAnimatedTheme.js.map +1 -1
- package/lib/module/reanimated/useAnimatedTheme.native.js +10 -7
- package/lib/module/reanimated/useAnimatedTheme.native.js.map +1 -1
- package/lib/module/specs/ShadowRegistry/index.js +12 -3
- package/lib/module/specs/ShadowRegistry/index.js.map +1 -1
- package/lib/module/web/css/state.js +5 -2
- package/lib/module/web/css/state.js.map +1 -1
- package/lib/module/web/shadowRegistry.js +3 -1
- package/lib/module/web/shadowRegistry.js.map +1 -1
- package/lib/typescript/src/__tests__/scoped-theme.spec.d.ts +2 -0
- package/lib/typescript/src/__tests__/scoped-theme.spec.d.ts.map +1 -0
- package/lib/typescript/src/__tests__/shadow-registry.spec.d.ts +2 -0
- package/lib/typescript/src/__tests__/shadow-registry.spec.d.ts.map +1 -0
- package/lib/typescript/src/components/AdaptiveTheme.d.ts.map +1 -1
- package/lib/typescript/src/components/NamedTheme.d.ts.map +1 -1
- package/lib/typescript/src/components/ScopedThemeContext.d.ts +6 -0
- package/lib/typescript/src/components/ScopedThemeContext.d.ts.map +1 -0
- package/lib/typescript/src/components/native/Pressable.native.d.ts.map +1 -1
- package/lib/typescript/src/components/scopeChildren.d.ts +4 -0
- package/lib/typescript/src/components/scopeChildren.d.ts.map +1 -0
- package/lib/typescript/src/components/scopeChildren.native.d.ts +4 -0
- package/lib/typescript/src/components/scopeChildren.native.d.ts.map +1 -0
- package/lib/typescript/src/core/createUnistylesActivityIndicator.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/createUnistylesTouchableHighlight.d.ts.map +1 -1
- package/lib/typescript/src/core/useProxifiedUnistyles/useProxifiedUnistyles.d.ts +1 -2
- package/lib/typescript/src/core/useProxifiedUnistyles/useProxifiedUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/core/withUnistyles/withUnistyles.native.d.ts.map +1 -1
- package/lib/typescript/src/reanimated/useAnimatedTheme.d.ts.map +1 -1
- package/lib/typescript/src/reanimated/useAnimatedTheme.native.d.ts.map +1 -1
- package/lib/typescript/src/specs/ShadowRegistry/index.d.ts +2 -1
- package/lib/typescript/src/specs/ShadowRegistry/index.d.ts.map +1 -1
- package/lib/typescript/src/web/css/state.d.ts.map +1 -1
- package/lib/typescript/src/web/shadowRegistry.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/AdaptiveTheme.tsx +8 -2
- package/src/components/NamedTheme.tsx +8 -2
- package/src/components/ScopedThemeContext.ts +9 -0
- package/src/components/native/Pressable.native.tsx +8 -7
- package/src/components/scopeChildren.native.ts +5 -0
- package/src/components/scopeChildren.tsx +19 -0
- package/src/core/createUnistylesActivityIndicator.tsx +5 -2
- package/src/core/createUnistylesElement.native.tsx +4 -2
- package/src/core/createUnistylesImageBackground.tsx +6 -3
- package/src/core/createUnistylesTouchableHighlight.tsx +7 -11
- package/src/core/useProxifiedUnistyles/useProxifiedUnistyles.ts +11 -10
- package/src/core/withUnistyles/withUnistyles.native.tsx +24 -5
- package/src/reanimated/useAnimatedTheme.native.ts +9 -9
- package/src/reanimated/useAnimatedTheme.ts +9 -9
- package/src/specs/ShadowRegistry/index.ts +16 -4
- package/src/web/css/state.ts +10 -2
- package/src/web/shadowRegistry.ts +3 -1
package/Unistyles.podspec
CHANGED
|
@@ -8,6 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _core = require("../core");
|
|
9
9
|
var _specs = require("../specs");
|
|
10
10
|
var _ApplyScopedTheme = require("./ApplyScopedTheme");
|
|
11
|
+
var _scopeChildren = require("./scopeChildren");
|
|
12
|
+
var _ScopedThemeContext = require("./ScopedThemeContext");
|
|
11
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
14
|
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
15
|
const AdaptiveTheme = ({
|
|
@@ -18,9 +20,15 @@ const AdaptiveTheme = ({
|
|
|
18
20
|
rt
|
|
19
21
|
} = (0, _core.useUnistyles)();
|
|
20
22
|
const name = rt.colorScheme === 'dark' ? 'light' : 'dark';
|
|
23
|
+
const scope = (0, _react.useMemo)(() => ({
|
|
24
|
+
name
|
|
25
|
+
}), [name]);
|
|
21
26
|
const mappedChildren = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ApplyScopedTheme.ApplyScopedTheme, {
|
|
22
27
|
name: name
|
|
23
|
-
}, name),
|
|
28
|
+
}, name), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScopedThemeContext.ScopedThemeContext.Provider, {
|
|
29
|
+
value: scope,
|
|
30
|
+
children: (0, _scopeChildren.scopeChildren)(name, children)
|
|
31
|
+
}, "scope"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ApplyScopedTheme.ApplyScopedTheme, {
|
|
24
32
|
name: previousScopedTheme
|
|
25
33
|
}, "dispose")];
|
|
26
34
|
(0, _react.useLayoutEffect)(() => {
|
|
@@ -1 +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","colorScheme","mappedChildren","jsx","ApplyScopedTheme","useLayoutEffect","UnistylesShadowRegistry","flush","Fragment","exports"],"sourceRoot":"../../../src","sources":["components/AdaptiveTheme.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_specs","_ApplyScopedTheme","_scopeChildren","_ScopedThemeContext","_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","colorScheme","scope","useMemo","mappedChildren","jsx","ApplyScopedTheme","ScopedThemeContext","Provider","value","scopeChildren","useLayoutEffect","UnistylesShadowRegistry","flush","Fragment","exports"],"sourceRoot":"../../../src","sources":["components/AdaptiveTheme.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAAyD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,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;AAMlD,MAAMkB,aAA0D,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAoB,CAAC,KAAK;EAC7G,MAAM;IAAEC;EAAG,CAAC,GAAG,IAAAC,kBAAY,EAAC,CAAC;EAC7B,MAAMC,IAAI,GAAIF,EAAE,CAACG,WAAW,KAAK,MAAM,GAAG,OAAO,GAAG,MAAgC;EACpF,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,OAAO;IAAEH;EAAK,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAE/C,MAAMI,cAAc,GAAG,cACnB,IAAA7B,WAAA,CAAA8B,GAAA,EAACjC,iBAAA,CAAAkC,gBAAgB;IAAYN,IAAI,EAAEA;EAAK,GAAjBA,IAAmB,CAAC,eAC3C,IAAAzB,WAAA,CAAA8B,GAAA,EAAC/B,mBAAA,CAAAiC,kBAAkB,CAACC,QAAQ;IAAaC,KAAK,EAAEP,KAAM;IAAAN,QAAA,EACjD,IAAAc,4BAAa,EAACV,IAAI,EAAEJ,QAAQ;EAAC,GADD,OAEJ,CAAC,eAC9B,IAAArB,WAAA,CAAA8B,GAAA,EAACjC,iBAAA,CAAAkC,gBAAgB;IAAeN,IAAI,EAAEH;EAAyD,GAAzE,SAA2E,CAAC,CACrG;EAED,IAAAc,sBAAe,EAAC,MAAM;IAClB;IACAC,8BAAuB,CAACC,KAAK,CAAC,CAAC;EACnC,CAAC,CAAC;EAEF,oBAAO,IAAAtC,WAAA,CAAA8B,GAAA,EAACtC,MAAA,CAAAmB,OAAK,CAAC4B,QAAQ;IAAAlB,QAAA,EAAaQ;EAAc,GAArBJ,IAAsC,CAAC;AACvE,CAAC;AAAAe,OAAA,CAAApB,aAAA,GAAAA,aAAA","ignoreList":[]}
|
|
@@ -7,6 +7,8 @@ exports.NamedTheme = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _specs = require("../specs");
|
|
9
9
|
var _ApplyScopedTheme = require("./ApplyScopedTheme");
|
|
10
|
+
var _scopeChildren = require("./scopeChildren");
|
|
11
|
+
var _ScopedThemeContext = require("./ScopedThemeContext");
|
|
10
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
13
|
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
14
|
const NamedTheme = ({
|
|
@@ -14,9 +16,15 @@ const NamedTheme = ({
|
|
|
14
16
|
children,
|
|
15
17
|
previousScopedTheme
|
|
16
18
|
}) => {
|
|
19
|
+
const scope = (0, _react.useMemo)(() => ({
|
|
20
|
+
name
|
|
21
|
+
}), [name]);
|
|
17
22
|
const mappedChildren = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ApplyScopedTheme.ApplyScopedTheme, {
|
|
18
23
|
name: name
|
|
19
|
-
}, "apply"),
|
|
24
|
+
}, "apply"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScopedThemeContext.ScopedThemeContext.Provider, {
|
|
25
|
+
value: scope,
|
|
26
|
+
children: (0, _scopeChildren.scopeChildren)(name, children)
|
|
27
|
+
}, "scope"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ApplyScopedTheme.ApplyScopedTheme, {
|
|
20
28
|
name: previousScopedTheme
|
|
21
29
|
}, "dispose")];
|
|
22
30
|
(0, _react.useLayoutEffect)(() => {
|
|
@@ -1 +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":";;;;;;AAEA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_ApplyScopedTheme","_scopeChildren","_ScopedThemeContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NamedTheme","name","children","previousScopedTheme","scope","useMemo","mappedChildren","jsx","ApplyScopedTheme","ScopedThemeContext","Provider","value","scopeChildren","useLayoutEffect","UnistylesShadowRegistry","flush","Fragment","exports"],"sourceRoot":"../../../src","sources":["components/NamedTheme.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,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;AAOlD,MAAMkB,UAAoD,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAoB,CAAC,KAAK;EAC7G,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,OAAO;IAAEJ;EAAK,CAAC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAE/C,MAAMK,cAAc,GAAG,cACnB,IAAA1B,WAAA,CAAA2B,GAAA,EAAC9B,iBAAA,CAAA+B,gBAAgB;IAAaP,IAAI,EAAEA;EAAK,GAAnB,OAAqB,CAAC,eAC5C,IAAArB,WAAA,CAAA2B,GAAA,EAAC5B,mBAAA,CAAA8B,kBAAkB,CAACC,QAAQ;IAAaC,KAAK,EAAEP,KAAM;IAAAF,QAAA,EACjD,IAAAU,4BAAa,EAACX,IAAI,EAAEC,QAAQ;EAAC,GADD,OAEJ,CAAC,eAC9B,IAAAtB,WAAA,CAAA2B,GAAA,EAAC9B,iBAAA,CAAA+B,gBAAgB;IAAeP,IAAI,EAAEE;EAAyD,GAAzE,SAA2E,CAAC,CACrG;EAED,IAAAU,sBAAe,EAAC,MAAM;IAClB;IACAC,8BAAuB,CAACC,KAAK,CAAC,CAAC;EACnC,CAAC,CAAC;EAEF,oBAAO,IAAAnC,WAAA,CAAA2B,GAAA,EAAClC,MAAA,CAAAkB,OAAK,CAACyB,QAAQ;IAAAd,QAAA,EAAEI;EAAc,CAAiB,CAAC;AAC5D,CAAC;AAAAW,OAAA,CAAAjB,UAAA,GAAAA,UAAA","ignoreList":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ScopedThemeContext = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
const ScopedThemeContext = exports.ScopedThemeContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
9
|
+
//# sourceMappingURL=ScopedThemeContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","ScopedThemeContext","exports","createContext"],"sourceRoot":"../../../src","sources":["components/ScopedThemeContext.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAQO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAG,IAAAE,oBAAa,EAAe,IAAI,CAAC","ignoreList":[]}
|
|
@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _core = require("../../core");
|
|
10
10
|
var _specs = require("../../specs");
|
|
11
|
+
var _ScopedThemeContext = require("../ScopedThemeContext");
|
|
11
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
13
|
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
14
|
// instance type of View for both legacy and Strict TypeScript API (RN 0.87+)
|
|
@@ -29,7 +30,7 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
29
30
|
...props
|
|
30
31
|
}, forwardedRef) => {
|
|
31
32
|
const storedRef = (0, _react.useRef)(null);
|
|
32
|
-
const
|
|
33
|
+
const scope = (0, _react.useContext)(_ScopedThemeContext.ScopedThemeContext);
|
|
33
34
|
(0, _react.useLayoutEffect)(() => {
|
|
34
35
|
return () => {
|
|
35
36
|
if (storedRef.current) {
|
|
@@ -50,7 +51,7 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
50
51
|
}
|
|
51
52
|
return (0, _core.passForwardedRef)(ref, forwardedRef, () => {
|
|
52
53
|
// @ts-expect-error - this is hidden from TS
|
|
53
|
-
_specs.UnistylesShadowRegistry.add(ref, unistyles);
|
|
54
|
+
_specs.UnistylesShadowRegistry.add(ref, unistyles, scope);
|
|
54
55
|
}, () => {
|
|
55
56
|
// @ts-expect-error - this is hidden from TS
|
|
56
57
|
_specs.UnistylesShadowRegistry.remove(ref);
|
|
@@ -59,8 +60,9 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
59
60
|
style: state => {
|
|
60
61
|
const isPropStyleAFunction = typeof style === 'function';
|
|
61
62
|
const previousScopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
|
|
62
|
-
_specs.UnistylesShadowRegistry.setScopedTheme(
|
|
63
|
+
_specs.UnistylesShadowRegistry.setScopedTheme(scope?.name);
|
|
63
64
|
const unistyles = isPropStyleAFunction ? style.call(style, state) : getStyles(style);
|
|
65
|
+
_specs.UnistylesShadowRegistry.setScopedTheme(previousScopedTheme);
|
|
64
66
|
if (!storedRef.current) {
|
|
65
67
|
return unistyles;
|
|
66
68
|
}
|
|
@@ -69,8 +71,7 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
69
71
|
_specs.UnistylesShadowRegistry.remove(storedRef.current);
|
|
70
72
|
|
|
71
73
|
// @ts-expect-error - this is hidden from TS
|
|
72
|
-
_specs.UnistylesShadowRegistry.add(storedRef.current, unistyles);
|
|
73
|
-
_specs.UnistylesShadowRegistry.setScopedTheme(previousScopedTheme);
|
|
74
|
+
_specs.UnistylesShadowRegistry.add(storedRef.current, unistyles, scope);
|
|
74
75
|
return unistyles;
|
|
75
76
|
}
|
|
76
77
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_specs","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getStyles","styleProps","unistyleKey","keys","find","key","startsWith","uni__getStyles","Pressable","exports","forwardRef","variants","style","props","forwardedRef","storedRef","useRef","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_specs","_ScopedThemeContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getStyles","styleProps","unistyleKey","keys","find","key","startsWith","uni__getStyles","Pressable","exports","forwardRef","variants","style","props","forwardedRef","storedRef","useRef","scope","useContext","ScopedThemeContext","useLayoutEffect","current","UnistylesShadowRegistry","remove","jsx","ref","isPropStyleAFunction","unistyles","pressed","passForwardedRef","add","state","previousScopedTheme","getScopedTheme","setScopedTheme","name"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.native.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AAA0D,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;AAE1D;;AAOA,MAAMkB,SAAS,GAAGA,CAACC,UAA+B,GAAG,CAAC,CAAC,KAAK;EACxD,MAAMC,WAAW,GAAGL,MAAM,CAACM,IAAI,CAACF,UAAU,CAAC,CAACG,IAAI,CAAEC,GAAG,IAAKA,GAAG,CAACC,UAAU,CAAC,YAAY,CAAC,CAAC;EAEvF,IAAI,CAACJ,WAAW,EAAE;IACd,OAAOD,UAAU;EACrB;EAEA,OAAO;IACH;IACA,GAAGA,UAAU,CAACC,WAAW,CAAC,CAACK,cAAc,CAAC,CAAC;IAC3C,CAACL,WAAW,GAAGD,UAAU,CAACC,WAAW;EACzC,CAAC;AACL,CAAC;AAEM,MAAMM,SAAyF,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,iBAAU,EAGjH,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,YAAY,KAAK;EAC/C,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAoB,IAAI,CAAC;EACjD,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;EAE5C,IAAAC,sBAAe,EAAC,MAAM;IAClB,OAAO,MAAM;MACT,IAAIL,SAAS,CAACM,OAAO,EAAE;QACnB;QACAC,8BAAuB,CAACC,MAAM,CAACR,SAAS,CAACM,OAAO,CAAC;MACrD;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI,IAAAzC,WAAA,CAAA4C,GAAA,EAAChD,YAAA,CAAAgC,SAA0B;IAAA,GACnBK,KAAK;IACTY,GAAG,EAAGA,GAAG,IAAK;MACV,MAAMC,oBAAoB,GAAG,OAAOd,KAAK,KAAK,UAAU;MACxD,MAAMe,SAAS,GAAGD,oBAAoB,GAChCd,KAAK,CAAChB,IAAI,CAACgB,KAAK,EAAE;QAAEgB,OAAO,EAAE;MAAM,CAAC,CAAC,GACrC5B,SAAS,CAACY,KAAuC,CAAC;MAExD,IAAIa,GAAG,EAAE;QACLV,SAAS,CAACM,OAAO,GAAGI,GAAG;MAC3B;MAEA,OAAO,IAAAI,sBAAgB,EACnBJ,GAAG,EACHX,YAAY,EACZ,MAAM;QACF;QACAQ,8BAAuB,CAACQ,GAAG,CAACL,GAAG,EAAEE,SAAS,EAAEV,KAAK,CAAC;MACtD,CAAC,EACD,MAAM;QACF;QACAK,8BAAuB,CAACC,MAAM,CAACE,GAAG,CAAC;MACvC,CACJ,CAAC;IACL,CAAE;IACFb,KAAK,EAAGmB,KAAK,IAAK;MACd,MAAML,oBAAoB,GAAG,OAAOd,KAAK,KAAK,UAAU;MACxD,MAAMoB,mBAAmB,GAAGV,8BAAuB,CAACW,cAAc,CAAC,CAAC;MAEpEX,8BAAuB,CAACY,cAAc,CAACjB,KAAK,EAAEkB,IAAI,CAAC;MAEnD,MAAMR,SAAS,GAAGD,oBAAoB,GAChCd,KAAK,CAAChB,IAAI,CAACgB,KAAK,EAAEmB,KAAK,CAAC,GACxB/B,SAAS,CAACY,KAAuC,CAAC;MAExDU,8BAAuB,CAACY,cAAc,CAACF,mBAAmB,CAAC;MAE3D,IAAI,CAACjB,SAAS,CAACM,OAAO,EAAE;QACpB,OAAOM,SAAS;MACpB;;MAEA;MACAL,8BAAuB,CAACC,MAAM,CAACR,SAAS,CAACM,OAAO,CAAC;;MAEjD;MACAC,8BAAuB,CAACQ,GAAG,CAACf,SAAS,CAACM,OAAO,EAAEM,SAAS,EAAEV,KAAK,CAAC;MAEhE,OAAOU,SAAS;IACpB;EAAE,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.scopeChildren = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _services = require("../web/services");
|
|
9
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
const scopeChildren = (name, children) => {
|
|
12
|
+
if (!_services.services.state.CSSVars) {
|
|
13
|
+
return children;
|
|
14
|
+
}
|
|
15
|
+
const scopeProps = name ? {
|
|
16
|
+
'data-unistyles-theme': name
|
|
17
|
+
} : {
|
|
18
|
+
'data-unistyles-reset': ''
|
|
19
|
+
};
|
|
20
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
21
|
+
style: {
|
|
22
|
+
display: 'contents'
|
|
23
|
+
},
|
|
24
|
+
...scopeProps,
|
|
25
|
+
children: children
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
exports.scopeChildren = scopeChildren;
|
|
29
|
+
//# sourceMappingURL=scopeChildren.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_services","_jsxRuntime","e","__esModule","default","scopeChildren","name","children","services","state","CSSVars","scopeProps","jsx","style","display","exports"],"sourceRoot":"../../../src","sources":["components/scopeChildren.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,SAAA,GAAAD,OAAA;AAA0C,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,aAAa,GAAGA,CAACC,IAAuC,EAAEC,QAAyB,KAAK;EACjG,IAAI,CAACC,kBAAQ,CAACC,KAAK,CAACC,OAAO,EAAE;IACzB,OAAOH,QAAQ;EACnB;EAEA,MAAMI,UAAU,GAAGL,IAAI,GAAG;IAAE,sBAAsB,EAAEA;EAAK,CAAC,GAAG;IAAE,sBAAsB,EAAE;EAAG,CAAC;EAE3F,oBACI,IAAAL,WAAA,CAAAW,GAAA;IAAKC,KAAK,EAAE;MAAEC,OAAO,EAAE;IAAW,CAAE;IAAA,GAAKH,UAAU;IAAAJ,QAAA,EAC9CA;EAAQ,CACR,CAAC;AAEd,CAAC;AAAAQ,OAAA,CAAAV,aAAA,GAAAA,aAAA","ignoreList":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.scopeChildren = void 0;
|
|
7
|
+
const scopeChildren = (_name, children) => children;
|
|
8
|
+
exports.scopeChildren = scopeChildren;
|
|
9
|
+
//# sourceMappingURL=scopeChildren.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["scopeChildren","_name","children","exports"],"sourceRoot":"../../../src","sources":["components/scopeChildren.native.ts"],"mappings":";;;;;;AAIO,MAAMA,aAAa,GAAGA,CAACC,KAAwC,EAAEC,QAAyB,KAAKA,QAAQ;AAAAC,OAAA,CAAAH,aAAA,GAAAA,aAAA","ignoreList":[]}
|
|
@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createUnistylesActivityIndicator = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _common = require("../common");
|
|
9
|
+
var _ScopedThemeContext = require("../components/ScopedThemeContext");
|
|
9
10
|
var _specs = require("../specs");
|
|
10
11
|
var _utils = require("../utils");
|
|
11
12
|
var _passForwardRef = require("./passForwardRef");
|
|
12
13
|
var _warn = require("./warn");
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function
|
|
15
|
+
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); }
|
|
15
16
|
const getWrapperHandle = ref => {
|
|
16
17
|
const spinner = ref?.__internalInstanceHandle;
|
|
17
18
|
return {
|
|
@@ -20,6 +21,7 @@ const getWrapperHandle = ref => {
|
|
|
20
21
|
};
|
|
21
22
|
const createUnistylesActivityIndicator = Component => {
|
|
22
23
|
const UnistylesActivityIndicator = props => {
|
|
24
|
+
const scope = (0, _react.useContext)(_ScopedThemeContext.ScopedThemeContext);
|
|
23
25
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
|
|
24
26
|
...props,
|
|
25
27
|
ref: ref => {
|
|
@@ -27,7 +29,7 @@ const createUnistylesActivityIndicator = Component => {
|
|
|
27
29
|
const wrapperHandle = getWrapperHandle(ref);
|
|
28
30
|
return (0, _passForwardRef.passForwardedRef)(ref, props.ref, () => {
|
|
29
31
|
// @ts-ignore this is hidden from TS
|
|
30
|
-
_specs.UnistylesShadowRegistry.add(wrapperHandle, props.style);
|
|
32
|
+
_specs.UnistylesShadowRegistry.add(wrapperHandle, props.style, scope);
|
|
31
33
|
}, () => {
|
|
32
34
|
// @ts-ignore this is hidden from TS
|
|
33
35
|
_specs.UnistylesShadowRegistry.remove(wrapperHandle);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_common","_ScopedThemeContext","_specs","_utils","_passForwardRef","_warn","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getWrapperHandle","ref","spinner","__internalInstanceHandle","isAndroid","return","createUnistylesActivityIndicator","Component","UnistylesActivityIndicator","props","scope","useContext","ScopedThemeContext","jsx","maybeWarnAboutMultipleUnistyles","style","wrapperHandle","passForwardedRef","UnistylesShadowRegistry","add","remove","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesActivityIndicator.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAAwD,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,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;AAExD,MAAMkB,gBAAgB,GAAIC,GAAQ,IAAK;EACnC,MAAMC,OAAO,GAAGD,GAAG,EAAEE,wBAAwB;EAE7C,OAAO;IACHA,wBAAwB,EAAEC,iBAAS,GAAGF,OAAO,EAAEG,MAAM,EAAEA,MAAM,GAAGH,OAAO,EAAEG;EAC7E,CAAC;AACL,CAAC;AAEM,MAAMC,gCAAgC,GAAIC,SAAmC,IAAK;EACrF,MAAMC,0BAA0B,GAAIC,KAAU,IAAK;IAC/C,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;IAE5C,oBACI,IAAAhC,WAAA,CAAAiC,GAAA,EAACN,SAAS;MAAA,GACFE,KAAK;MACTR,GAAG,EAAGA,GAAY,IAAK;QACnB,IAAAa,qCAA+B,EAACL,KAAK,CAACM,KAAK,EAAE,mBAAmB,CAAC;QAEjE,MAAMC,aAAa,GAAGhB,gBAAgB,CAACC,GAAG,CAAC;QAE3C,OAAO,IAAAgB,gCAAgB,EACnBhB,GAAG,EACHQ,KAAK,CAACR,GAAG,EACT,MAAM;UACF;UACAiB,8BAAuB,CAACC,GAAG,CAACH,aAAa,EAAEP,KAAK,CAACM,KAAK,EAAEL,KAAK,CAAC;QAClE,CAAC,EACD,MAAM;UACF;UACAQ,8BAAuB,CAACE,MAAM,CAACJ,aAAa,CAAC;QACjD,CACJ,CAAC;MACL;IAAE,CACL,CAAC;EAEV,CAAC;EAED,OAAO,IAAAK,8BAAuB,EAACd,SAAS,EAAEC,0BAA0B,CAAC;AACzE,CAAC;AAAAc,OAAA,CAAAhB,gCAAA,GAAAA,gCAAA","ignoreList":[]}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.createUnistylesElement = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _ScopedThemeContext = require("../components/ScopedThemeContext");
|
|
8
9
|
var _specs = require("../specs");
|
|
9
10
|
var _utils = require("../utils");
|
|
10
11
|
var _passForwardRef = require("./passForwardRef");
|
|
@@ -14,6 +15,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
14
15
|
const createUnistylesElement = Component => {
|
|
15
16
|
const UnistylesComponent = props => {
|
|
16
17
|
const scrollViewRef = (0, _react.useRef)(null);
|
|
18
|
+
const scope = (0, _react.useContext)(_ScopedThemeContext.ScopedThemeContext);
|
|
17
19
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
|
|
18
20
|
...props,
|
|
19
21
|
ref: ref => {
|
|
@@ -33,7 +35,7 @@ const createUnistylesElement = Component => {
|
|
|
33
35
|
}
|
|
34
36
|
return (0, _passForwardRef.passForwardedRef)(ref, props.ref, () => {
|
|
35
37
|
// @ts-ignore this is hidden from TS
|
|
36
|
-
_specs.UnistylesShadowRegistry.add(ref, props.style);
|
|
38
|
+
_specs.UnistylesShadowRegistry.add(ref, props.style, scope);
|
|
37
39
|
}, () => {
|
|
38
40
|
// @ts-ignore this is hidden from TS
|
|
39
41
|
_specs.UnistylesShadowRegistry.remove(ref);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_utils","_passForwardRef","_warn","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createUnistylesElement","Component","UnistylesComponent","props","scrollViewRef","useRef","jsx","ref","maybeWarnAboutMultipleUnistyles","style","displayName","isScrollView","current","UnistylesShadowRegistry","remove","passForwardedRef","add","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_ScopedThemeContext","_specs","_utils","_passForwardRef","_warn","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createUnistylesElement","Component","UnistylesComponent","props","scrollViewRef","useRef","scope","useContext","ScopedThemeContext","jsx","ref","maybeWarnAboutMultipleUnistyles","style","displayName","isScrollView","current","UnistylesShadowRegistry","remove","passForwardedRef","add","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAwD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,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;AAEjD,MAAMkB,sBAAsB,GAAIC,SAAc,IAAK;EACtD,MAAMC,kBAAkB,GAAIC,KAAU,IAAK;IACvC,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAa,IAAI,CAAC;IAC9C,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;IAE5C,oBACI,IAAA5B,WAAA,CAAA6B,GAAA,EAACR,SAAS;MAAA,GACFE,KAAK;MACTO,GAAG,EAAGA,GAAY,IAAK;QACnB,IAAAC,qCAA+B,EAACR,KAAK,CAACS,KAAK,EAAEX,SAAS,CAACY,WAAW,CAAC;;QAEnE;QACA;QACA,MAAMC,YAAY,GAAGb,SAAS,CAACY,WAAW,KAAK,YAAY;QAE3D,IAAIC,YAAY,IAAIJ,GAAG,EAAE;UACrBN,aAAa,CAACW,OAAO,GAAGL,GAAiB;QAC7C;QAEA,IAAII,YAAY,IAAI,CAACJ,GAAG,EAAE;UACtB;UACAM,8BAAuB,CAACC,MAAM,CAACb,aAAa,CAACW,OAAO,CAAC;UACrDX,aAAa,CAACW,OAAO,GAAG,IAAI;UAE5B;QACJ;QAEA,OAAO,IAAAG,gCAAgB,EACnBR,GAAG,EACHP,KAAK,CAACO,GAAG,EACT,MAAM;UACF;UACAM,8BAAuB,CAACG,GAAG,CAACT,GAAG,EAAEP,KAAK,CAACS,KAAK,EAAEN,KAAK,CAAC;QACxD,CAAC,EACD,MAAM;UACF;UACAU,8BAAuB,CAACC,MAAM,CAACP,GAAG,CAAC;QACvC,CACJ,CAAC;MACL;IAAE,CACL,CAAC;EAEV,CAAC;EAED,OAAO,IAAAU,8BAAuB,EAACnB,SAAS,EAAEC,kBAAkB,CAAC;AACjE,CAAC;AAAAmB,OAAA,CAAArB,sBAAA,GAAAA,sBAAA","ignoreList":[]}
|
|
@@ -4,15 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createUnistylesImageBackground = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _ScopedThemeContext = require("../components/ScopedThemeContext");
|
|
8
9
|
var _specs = require("../specs");
|
|
9
10
|
var _utils = require("../utils");
|
|
10
11
|
var _passForwardRef = require("./passForwardRef");
|
|
11
12
|
var _warn = require("./warn");
|
|
12
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function
|
|
14
|
+
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); }
|
|
14
15
|
const createUnistylesImageBackground = Component => {
|
|
15
16
|
const UnistylesImageBackground = /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
|
|
17
|
+
const scope = (0, _react.useContext)(_ScopedThemeContext.ScopedThemeContext);
|
|
18
|
+
|
|
16
19
|
// @ts-expect-error we don't know the type of the component
|
|
17
20
|
(0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, 'ImageBackground');
|
|
18
21
|
// @ts-ignore we don't know the type of the component
|
|
@@ -22,7 +25,7 @@ const createUnistylesImageBackground = Component => {
|
|
|
22
25
|
ref: ref => {
|
|
23
26
|
return (0, _passForwardRef.passForwardedRef)(ref, forwardedRef, () => {
|
|
24
27
|
// @ts-expect-error - this is hidden from TS
|
|
25
|
-
_specs.UnistylesShadowRegistry.add(ref, props.style);
|
|
28
|
+
_specs.UnistylesShadowRegistry.add(ref, props.style, scope);
|
|
26
29
|
}, () => {
|
|
27
30
|
// @ts-expect-error - this is hidden from TS
|
|
28
31
|
_specs.UnistylesShadowRegistry.remove(ref);
|
|
@@ -30,7 +33,7 @@ const createUnistylesImageBackground = Component => {
|
|
|
30
33
|
},
|
|
31
34
|
imageRef: ref => {
|
|
32
35
|
// @ts-expect-error web types are not compatible with RN styles
|
|
33
|
-
_specs.UnistylesShadowRegistry.add(ref, props.imageStyle);
|
|
36
|
+
_specs.UnistylesShadowRegistry.add(ref, props.imageStyle, scope);
|
|
34
37
|
return () => {
|
|
35
38
|
// @ts-ignore this is hidden from TS
|
|
36
39
|
_specs.UnistylesShadowRegistry.remove(ref);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_ScopedThemeContext","_specs","_utils","_passForwardRef","_warn","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createUnistylesImageBackground","Component","UnistylesImageBackground","React","forwardRef","props","forwardedRef","scope","useContext","ScopedThemeContext","maybeWarnAboutMultipleUnistyles","style","imageStyle","jsx","ref","passForwardedRef","UnistylesShadowRegistry","add","remove","imageRef","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesImageBackground.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAwD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,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;AAEjD,MAAMkB,8BAA8B,GAAIC,SAAiC,IAAK;EACjF,MAAMC,wBAAwB,gBAAGC,cAAK,CAACC,UAAU,CAAwC,CAACC,KAAK,EAAEC,YAAY,KAAK;IAC9G,MAAMC,KAAK,GAAG,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;;IAE5C;IACA,IAAAC,qCAA+B,EAACL,KAAK,CAACM,KAAK,EAAE,iBAAiB,CAAC;IAC/D;IACA,IAAAD,qCAA+B,EAACL,KAAK,CAACO,UAAU,EAAE,iBAAiB,CAAC;IAEpE,oBACI,IAAAhC,WAAA,CAAAiC,GAAA,EAACZ,SAAS;MAAA,GACFI,KAAK;MACTS,GAAG,EAAGA,GAAG,IAAK;QACV,OAAO,IAAAC,gCAAgB,EACnBD,GAAG,EACHR,YAAY,EACZ,MAAM;UACF;UACAU,8BAAuB,CAACC,GAAG,CAACH,GAAG,EAAET,KAAK,CAACM,KAAK,EAAEJ,KAAK,CAAC;QACxD,CAAC,EACD,MAAM;UACF;UACAS,8BAAuB,CAACE,MAAM,CAACJ,GAAG,CAAC;QACvC,CACJ,CAAC;MACL,CAAE;MACFK,QAAQ,EAAGL,GAAG,IAAK;QACf;QACAE,8BAAuB,CAACC,GAAG,CAACH,GAAG,EAAET,KAAK,CAACO,UAAU,EAAEL,KAAK,CAAC;QAEzD,OAAO,MAAM;UACT;UACAS,8BAAuB,CAACE,MAAM,CAACJ,GAAG,CAAC;QACvC,CAAC;MACL;IAAE,CACL,CAAC;EAEV,CAAC,CAAC;EAEF,OAAO,IAAAM,8BAAuB,EAACnB,SAAS,EAAEC,wBAAwB,CAAC;AACvE,CAAC;AAAAmB,OAAA,CAAArB,8BAAA,GAAAA,8BAAA","ignoreList":[]}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.createUnistylesTouchableHighlight = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _ScopedThemeContext = require("../components/ScopedThemeContext");
|
|
8
9
|
var _specs = require("../specs");
|
|
9
10
|
var _utils = require("../utils");
|
|
10
11
|
var _passForwardRef = require("./passForwardRef");
|
|
@@ -13,6 +14,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
13
14
|
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); }
|
|
14
15
|
const createUnistylesTouchableHighlight = Component => {
|
|
15
16
|
const UnistylesTouchableHighlight = props => {
|
|
17
|
+
const scope = (0, _react.useContext)(_ScopedThemeContext.ScopedThemeContext);
|
|
16
18
|
const relinkRef = (0, _react.useRef)(undefined);
|
|
17
19
|
const [hiddenUnderlays, setHiddenUnderlays] = (0, _react.useState)(0);
|
|
18
20
|
(0, _react.useLayoutEffect)(() => {
|
|
@@ -21,28 +23,24 @@ const createUnistylesTouchableHighlight = Component => {
|
|
|
21
23
|
}
|
|
22
24
|
}, [hiddenUnderlays]);
|
|
23
25
|
|
|
24
|
-
// new props come with a parent render, re-renders for the underlay keep the ref
|
|
26
|
+
// new props come with a parent render, re-renders for the underlay keep the ref
|
|
25
27
|
const ref = (0, _react.useCallback)(ref => {
|
|
26
28
|
(0, _warn.maybeWarnAboutMultipleUnistyles)(props.style, 'TouchableHighlight');
|
|
27
|
-
const scopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
|
|
28
29
|
relinkRef.current = () => {
|
|
29
|
-
const previousScopedTheme = _specs.UnistylesShadowRegistry.getScopedTheme();
|
|
30
|
-
_specs.UnistylesShadowRegistry.setScopedTheme(scopedTheme);
|
|
31
30
|
// @ts-ignore this is hidden from TS
|
|
32
31
|
_specs.UnistylesShadowRegistry.remove(ref);
|
|
33
32
|
// @ts-ignore this is hidden from TS
|
|
34
|
-
_specs.UnistylesShadowRegistry.add(ref, props.style);
|
|
35
|
-
_specs.UnistylesShadowRegistry.setScopedTheme(previousScopedTheme);
|
|
33
|
+
_specs.UnistylesShadowRegistry.add(ref, props.style, scope);
|
|
36
34
|
};
|
|
37
35
|
return (0, _passForwardRef.passForwardedRef)(ref, props.ref, () => {
|
|
38
36
|
// @ts-ignore this is hidden from TS
|
|
39
|
-
_specs.UnistylesShadowRegistry.add(ref, props.style);
|
|
37
|
+
_specs.UnistylesShadowRegistry.add(ref, props.style, scope);
|
|
40
38
|
}, () => {
|
|
41
39
|
relinkRef.current = undefined;
|
|
42
40
|
// @ts-ignore this is hidden from TS
|
|
43
41
|
_specs.UnistylesShadowRegistry.remove(ref);
|
|
44
42
|
});
|
|
45
|
-
}, [props]);
|
|
43
|
+
}, [props, scope]);
|
|
46
44
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
|
|
47
45
|
...props,
|
|
48
46
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_utils","_passForwardRef","_warn","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createUnistylesTouchableHighlight","Component","UnistylesTouchableHighlight","props","relinkRef","useRef","undefined","hiddenUnderlays","setHiddenUnderlays","useState","useLayoutEffect","current","ref","useCallback","maybeWarnAboutMultipleUnistyles","style","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_ScopedThemeContext","_specs","_utils","_passForwardRef","_warn","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createUnistylesTouchableHighlight","Component","UnistylesTouchableHighlight","props","scope","useContext","ScopedThemeContext","relinkRef","useRef","undefined","hiddenUnderlays","setHiddenUnderlays","useState","useLayoutEffect","current","ref","useCallback","maybeWarnAboutMultipleUnistyles","style","UnistylesShadowRegistry","remove","add","passForwardedRef","jsx","onHideUnderlay","count","copyComponentProperties","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesTouchableHighlight.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useProxifiedUnistyles = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
+
var _ScopedThemeContext = require("../../components/ScopedThemeContext");
|
|
8
9
|
var _specs = require("../../specs");
|
|
9
10
|
var _NativePlatform = require("../../specs/NativePlatform");
|
|
10
11
|
var _listener = require("./listener");
|
|
@@ -30,8 +31,9 @@ const RTDependencyMap = {
|
|
|
30
31
|
themeName: _NativePlatform.UnistyleDependency.ThemeName,
|
|
31
32
|
rtl: _NativePlatform.UnistyleDependency.Rtl
|
|
32
33
|
};
|
|
33
|
-
const useProxifiedUnistyles =
|
|
34
|
-
const
|
|
34
|
+
const useProxifiedUnistyles = () => {
|
|
35
|
+
const scope = (0, _react.useContext)(_ScopedThemeContext.ScopedThemeContext);
|
|
36
|
+
const [scopedTheme, setScopedTheme] = (0, _react.useState)(scope?.name);
|
|
35
37
|
const [dependencies] = (0, _react.useState)(() => new Set());
|
|
36
38
|
const [theme, setTheme] = (0, _react.useState)(_specs.UnistylesRuntime.getTheme(scopedTheme));
|
|
37
39
|
const [_, runtimeChanged] = (0, _react.useReducer)(() => ({}), {});
|
|
@@ -62,9 +64,12 @@ const useProxifiedUnistyles = forcedTheme => {
|
|
|
62
64
|
syncedDependenciesSizeRef.current = -1;
|
|
63
65
|
};
|
|
64
66
|
}, [disposeRef]);
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
67
|
+
|
|
68
|
+
// Follow the closest ScopedTheme, `reset` included. Every ScopedTheme provides the context, so the registry isn't read:
|
|
69
|
+
// a suspended ScopedTheme can leave its theme there
|
|
70
|
+
if (scope && scopedTheme !== scope.name) {
|
|
71
|
+
setScopedTheme(scope.name);
|
|
72
|
+
setTheme(_specs.UnistylesRuntime.getTheme(scope.name));
|
|
68
73
|
}
|
|
69
74
|
const proxifiedTheme = new Proxy(theme, {
|
|
70
75
|
get: (target, prop) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_specs","_NativePlatform","_listener","getMiniRuntime","UnistylesRuntime","miniRuntime","RTDependencyMap","breakpoint","UnistyleDependency","Breakpoints","colorScheme","ColorScheme","contentSizeCategory","ContentSizeCategory","hasAdaptiveThemes","AdaptiveThemes","insets","Insets","fontScale","FontScale","isLandscape","Orientation","isPortrait","navigationBar","NavigationBar","screen","Dimensions","statusBar","StatusBar","pixelRatio","PixelRatio","themeName","ThemeName","rtl","Rtl","useProxifiedUnistyles","
|
|
1
|
+
{"version":3,"names":["_react","require","_ScopedThemeContext","_specs","_NativePlatform","_listener","getMiniRuntime","UnistylesRuntime","miniRuntime","RTDependencyMap","breakpoint","UnistyleDependency","Breakpoints","colorScheme","ColorScheme","contentSizeCategory","ContentSizeCategory","hasAdaptiveThemes","AdaptiveThemes","insets","Insets","fontScale","FontScale","isLandscape","Orientation","isPortrait","navigationBar","NavigationBar","screen","Dimensions","statusBar","StatusBar","pixelRatio","PixelRatio","themeName","ThemeName","rtl","Rtl","useProxifiedUnistyles","scope","useContext","ScopedThemeContext","scopedTheme","setScopedTheme","useState","name","dependencies","Set","theme","setTheme","getTheme","_","runtimeChanged","useReducer","disposeRef","useRef","undefined","syncedDependenciesSizeRef","syncedScopedThemeRef","reinitListener","current","listener","Array","from","updateTheme","updateRuntime","hasThemeNameChange","useEffect","proxifiedTheme","Proxy","get","target","prop","add","Theme","proxifiedRuntime","Ime","useLayoutEffect","sameDeps","size","sameScopedTheme","addDependencies","newDependencies","dependenciesSize","forEach","dependency","exports"],"sourceRoot":"../../../../src","sources":["core/useProxifiedUnistyles/useProxifiedUnistyles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.withUnistyles = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _ScopedThemeContext = require("../../components/ScopedThemeContext");
|
|
8
9
|
var _specs = require("../../specs");
|
|
9
10
|
var _utils = require("../../utils");
|
|
10
11
|
var _useProxifiedUnistyles = require("../useProxifiedUnistyles");
|
|
@@ -40,12 +41,12 @@ const withUnistyles = (Component, mappings) => {
|
|
|
40
41
|
// @ts-ignore we don't know the type of the component
|
|
41
42
|
// prettier-ignore
|
|
42
43
|
(0, _warn.maybeWarnAboutMultipleUnistyles)(narrowedProps.contentContainerStyle, `withUnistyles(${Component.displayName ?? Component.name ?? 'Unknown'})`);
|
|
43
|
-
const
|
|
44
|
+
const scope = (0, _react.useContext)(_ScopedThemeContext.ScopedThemeContext);
|
|
44
45
|
const {
|
|
45
46
|
proxifiedRuntime,
|
|
46
47
|
proxifiedTheme,
|
|
47
48
|
addDependencies
|
|
48
|
-
} = (0, _useProxifiedUnistyles.useProxifiedUnistyles)(
|
|
49
|
+
} = (0, _useProxifiedUnistyles.useProxifiedUnistyles)();
|
|
49
50
|
|
|
50
51
|
// Always track Theme dependency — accessing any property on proxifiedTheme
|
|
51
52
|
// triggers the Proxy get trap which adds Theme to the dependency Set
|
|
@@ -63,8 +64,17 @@ const withUnistyles = (Component, mappings) => {
|
|
|
63
64
|
key: uniPropsKey,
|
|
64
65
|
...unistyleProps
|
|
65
66
|
} = narrowedProps.uniProps ? narrowedProps.uniProps(proxifiedTheme, proxifiedRuntime) : {};
|
|
67
|
+
|
|
68
|
+
// styles resolve in the registry's scoped theme, which is already restored when this re-renders or mounts later
|
|
69
|
+
const previousScopedTheme = scope ? _specs.UnistylesShadowRegistry.getScopedTheme() : undefined;
|
|
70
|
+
if (scope) {
|
|
71
|
+
_specs.UnistylesShadowRegistry.setScopedTheme(scope.name);
|
|
72
|
+
}
|
|
66
73
|
const styleSecrets = getSecrets(narrowedProps.style);
|
|
67
74
|
const contentContainerStyleSecrets = getSecrets(narrowedProps.contentContainerStyle);
|
|
75
|
+
if (scope) {
|
|
76
|
+
_specs.UnistylesShadowRegistry.setScopedTheme(previousScopedTheme);
|
|
77
|
+
}
|
|
68
78
|
const finalProps = {
|
|
69
79
|
...(0, _utils.deepMergeObjects)(mappingsProps, unistyleProps, props),
|
|
70
80
|
...(narrowedProps.style ? {
|