react-native-unistyles 3.0.0-nightly-20250122 → 3.0.0-nightly-20250127
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/android/src/main/java/com/unistyles/UnistylesPackage.kt +6 -6
- package/lib/commonjs/components/native/Pressable.native.js +1 -1
- package/lib/commonjs/components/native/Pressable.native.js.map +1 -1
- package/lib/commonjs/core/createUnistylesElement.native.js +1 -1
- package/lib/commonjs/core/createUnistylesElement.native.js.map +1 -1
- package/lib/commonjs/core/createUnistylesImageBackground.js +1 -1
- package/lib/commonjs/core/createUnistylesImageBackground.js.map +1 -1
- package/lib/commonjs/core/getClassname.js +1 -3
- package/lib/commonjs/core/getClassname.js.map +1 -1
- package/lib/module/components/native/Pressable.native.js +2 -2
- package/lib/module/components/native/Pressable.native.js.map +1 -1
- package/lib/module/core/createUnistylesElement.native.js +2 -2
- package/lib/module/core/createUnistylesElement.native.js.map +1 -1
- package/lib/module/core/createUnistylesImageBackground.js +2 -2
- package/lib/module/core/createUnistylesImageBackground.js.map +1 -1
- package/lib/module/core/getClassname.js +2 -4
- package/lib/module/core/getClassname.js.map +1 -1
- package/lib/typescript/src/components/native/Pressable.native.d.ts.map +1 -1
- package/lib/typescript/src/core/createUnistylesElement.native.d.ts.map +1 -1
- package/lib/typescript/src/core/createUnistylesImageBackground.d.ts.map +1 -1
- package/lib/typescript/src/core/getClassname.d.ts +2 -2
- package/lib/typescript/src/core/getClassname.d.ts.map +1 -1
- package/package.json +1 -1
- package/plugin/index.d.ts +11 -9
- package/plugin/index.js +4 -2
- package/src/components/native/Pressable.native.tsx +2 -2
- package/src/core/createUnistylesElement.native.tsx +2 -2
- package/src/core/createUnistylesImageBackground.tsx +2 -2
- package/src/core/getClassname.ts +5 -4
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
package com.unistyles
|
|
2
2
|
|
|
3
|
-
import com.facebook.react.
|
|
3
|
+
import com.facebook.react.BaseReactPackage
|
|
4
4
|
import com.facebook.react.bridge.NativeModule
|
|
5
5
|
import com.facebook.react.bridge.ReactApplicationContext
|
|
6
6
|
import com.facebook.react.module.model.ReactModuleInfo
|
|
7
7
|
import com.facebook.react.module.model.ReactModuleInfoProvider
|
|
8
8
|
|
|
9
|
-
class UnistylesPackage:
|
|
9
|
+
class UnistylesPackage: BaseReactPackage() {
|
|
10
10
|
override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? {
|
|
11
11
|
return if (name == UnistylesModule.NAME) {
|
|
12
12
|
UnistylesModule(reactContext)
|
|
@@ -20,10 +20,10 @@ class UnistylesPackage: TurboReactPackage() {
|
|
|
20
20
|
mapOf(UnistylesModule.NAME to ReactModuleInfo(
|
|
21
21
|
UnistylesModule.NAME,
|
|
22
22
|
UnistylesModule.NAME,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
true,
|
|
24
|
+
true,
|
|
25
|
+
true,
|
|
26
|
+
true
|
|
27
27
|
))
|
|
28
28
|
}
|
|
29
29
|
}
|
|
@@ -17,7 +17,7 @@ const Pressable = exports.Pressable = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
17
17
|
...props
|
|
18
18
|
}, forwardedRef) => {
|
|
19
19
|
const storedRef = (0, _react.useRef)();
|
|
20
|
-
(0, _react.
|
|
20
|
+
(0, _react.useLayoutEffect)(() => {
|
|
21
21
|
return () => {
|
|
22
22
|
if (storedRef.current) {
|
|
23
23
|
// @ts-expect-error - this is hidden from TS
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_specs","_core","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Pressable","exports","forwardRef","variants","style","props","forwardedRef","storedRef","useRef","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_specs","_core","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Pressable","exports","forwardRef","variants","style","props","forwardedRef","storedRef","useRef","useLayoutEffect","current","UnistylesShadowRegistry","remove","jsx","ref","unistyles","pressed","add","passForwardedRef","state"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.native.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -25,7 +25,7 @@ const getNativeRef = (Component, ref) => {
|
|
|
25
25
|
};
|
|
26
26
|
const createUnistylesElement = Component => /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
|
|
27
27
|
const storedRef = (0, _react.useRef)(null);
|
|
28
|
-
(0, _react.
|
|
28
|
+
(0, _react.useLayoutEffect)(() => {
|
|
29
29
|
return () => {
|
|
30
30
|
if (storedRef.current) {
|
|
31
31
|
// @ts-ignore
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_passForwardRef","_warn","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getNativeRef","Component","ref","name","viewRef","current","getNativeScrollRef","getScrollRef","createUnistylesElement","React","forwardRef","props","forwardedRef","storedRef","useRef","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_passForwardRef","_warn","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","getNativeRef","Component","ref","name","viewRef","current","getNativeScrollRef","getScrollRef","createUnistylesElement","React","forwardRef","props","forwardedRef","storedRef","useRef","useLayoutEffect","UnistylesShadowRegistry","remove","jsx","passForwardedRef","maybeWarnAboutMultipleUnistyles","style","displayName","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -13,7 +13,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
const createUnistylesImageBackground = Component => /*#__PURE__*/_react.default.forwardRef((props, forwardedRef) => {
|
|
15
15
|
const storedImageRef = (0, _react.useRef)(null);
|
|
16
|
-
(0, _react.
|
|
16
|
+
(0, _react.useLayoutEffect)(() => {
|
|
17
17
|
return () => {
|
|
18
18
|
if (storedImageRef.current) {
|
|
19
19
|
// @ts-ignore
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_passForwardRef","_warn","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createUnistylesImageBackground","Component","React","forwardRef","props","forwardedRef","storedImageRef","useRef","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_specs","_passForwardRef","_warn","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createUnistylesImageBackground","Component","React","forwardRef","props","forwardedRef","storedImageRef","useRef","useLayoutEffect","current","UnistylesShadowRegistry","remove","maybeWarnAboutMultipleUnistyles","style","imageStyle","jsx","ref","passForwardedRef","imageRef","add","exports"],"sourceRoot":"../../../src","sources":["core/createUnistylesImageBackground.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAwD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEjD,MAAMW,8BAA8B,GAAIC,SAAiC,iBAAKC,cAAK,CAACC,UAAU,CAAwC,CAACC,KAAK,EAAEC,YAAY,KAAK;EAClK,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAe,IAAI,CAAC;EAEjD,IAAAC,sBAAe,EAAC,MAAM;IAClB,OAAO,MAAM;MACT,IAAIF,cAAc,CAACG,OAAO,EAAE;QACxB;QACAC,8BAAuB,CAACC,MAAM,CAACL,cAAc,CAACG,OAAO,CAAC;MAC1D;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,IAAAG,qCAA+B,EAACR,KAAK,CAACS,KAAK,EAAE,iBAAiB,CAAC;EAC/D;EACA,IAAAD,qCAA+B,EAACR,KAAK,CAACU,UAAU,EAAE,iBAAiB,CAAC;EAEpE,oBACI,IAAAnC,WAAA,CAAAoC,GAAA,EAACd,SAAS;IAAA,GACFG,KAAK;IACTY,GAAG,EAAEA,GAAG,IAAI;MACR,IAAAC,gCAAgB,EAACb,KAAK,EAAEY,GAAG,EAAEX,YAAY,CAAC;MAE1C,OAAO,MAAM;QACT;QACAK,8BAAuB,CAACC,MAAM,CAACK,GAAG,CAAC;MACvC,CAAC;IACL,CAAE;IACFE,QAAQ,EAAEF,GAAG,IAAI;MACb,IAAIA,GAAG,EAAE;QACLV,cAAc,CAACG,OAAO,GAAGO,GAAG;MAChC;;MAEA;MACAN,8BAAuB,CAACS,GAAG,CAACH,GAAG,EAAEZ,KAAK,CAACU,UAAU,CAAC;IACtD;EAAE,CACL,CAAC;AAEV,CAAC,CAAC;AAAAM,OAAA,CAAApB,8BAAA,GAAAA,8BAAA","ignoreList":[]}
|
|
@@ -9,12 +9,10 @@ const getClassName = unistyle => {
|
|
|
9
9
|
if (!unistyle) {
|
|
10
10
|
return undefined;
|
|
11
11
|
}
|
|
12
|
-
|
|
13
|
-
// @ts-expect-error hidden from TS
|
|
14
12
|
const {
|
|
15
13
|
hash,
|
|
16
14
|
injectedClassName
|
|
17
|
-
} = _web.
|
|
15
|
+
} = _web.UnistylesWeb.shadowRegistry.addStyles(Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle]);
|
|
18
16
|
return hash ? {
|
|
19
17
|
$$css: true,
|
|
20
18
|
hash,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_web","require","getClassName","unistyle","undefined","hash","injectedClassName","
|
|
1
|
+
{"version":3,"names":["_web","require","getClassName","unistyle","undefined","hash","injectedClassName","UnistylesWeb","shadowRegistry","addStyles","Array","isArray","flat","Number","POSITIVE_INFINITY","$$css","exports"],"sourceRoot":"../../../src","sources":["core/getClassname.ts"],"mappings":";;;;;;AACA,IAAAA,IAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAIC,QAA8D,IAAK;EAC5F,IAAI,CAACA,QAAQ,EAAE;IACX,OAAOC,SAAS;EACpB;EAEA,MAAM;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAGC,iBAAY,CAACC,cAAc,CAACC,SAAS,CACrEC,KAAK,CAACC,OAAO,CAACR,QAAQ,CAAC,GAAGA,QAAQ,CAACS,IAAI,CAACC,MAAM,CAACC,iBAAiB,CAAC,GAAG,CAACX,QAAQ,CACjF,CAAC;EAED,OAAOE,IAAI,GAAG;IAAEU,KAAK,EAAE,IAAI;IAAEV,IAAI;IAAEC;EAAkB,CAAC,GAAGF,SAAS;AACtE,CAAC;AAAAY,OAAA,CAAAd,YAAA,GAAAA,YAAA","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, { forwardRef,
|
|
3
|
+
import React, { forwardRef, useLayoutEffect, useRef } from 'react';
|
|
4
4
|
import { Pressable as NativePressableReactNative } from 'react-native';
|
|
5
5
|
import { UnistylesShadowRegistry } from '../../specs';
|
|
6
6
|
import { passForwardedRef } from '../../core';
|
|
@@ -11,7 +11,7 @@ export const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
11
11
|
...props
|
|
12
12
|
}, forwardedRef) => {
|
|
13
13
|
const storedRef = useRef();
|
|
14
|
-
|
|
14
|
+
useLayoutEffect(() => {
|
|
15
15
|
return () => {
|
|
16
16
|
if (storedRef.current) {
|
|
17
17
|
// @ts-expect-error - this is hidden from TS
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useLayoutEffect","useRef","Pressable","NativePressableReactNative","UnistylesShadowRegistry","passForwardedRef","jsx","_jsx","variants","style","props","forwardedRef","storedRef","current","remove","ref","unistyles","pressed","add","state"],"sourceRoot":"../../../../src","sources":["components/native/Pressable.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,eAAe,EAAEC,MAAM,QAAQ,OAAO;AAClE,SAASC,SAAS,IAAIC,0BAA0B,QAAQ,cAAc;AAEtE,SAASC,uBAAuB,QAAQ,aAAa;AACrD,SAASC,gBAAgB,QAAQ,YAAY;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAM7C,OAAO,MAAML,SAAS,gBAAGH,UAAU,CAAuB,CAAC;EAAES,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,YAAY,KAAK;EACvG,MAAMC,SAAS,GAAGX,MAAM,CAAc,CAAC;EAEvCD,eAAe,CAAC,MAAM;IAClB,OAAO,MAAM;MACT,IAAIY,SAAS,CAACC,OAAO,EAAE;QACnB;QACAT,uBAAuB,CAACU,MAAM,CAACF,SAAS,CAACC,OAAO,CAAC;MACrD;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIN,IAAA,CAACJ,0BAA0B;IAAA,GACnBO,KAAK;IACTK,GAAG,EAAEA,GAAG,IAAI;MACR,MAAMC,SAAS,GAAG,OAAOP,KAAK,KAAK,UAAU,GACvCA,KAAK,CAAC;QAAEQ,OAAO,EAAE;MAAM,CAAC,CAAC,GACzBR,KAAK;;MAEX;MACAL,uBAAuB,CAACc,GAAG,CAACH,GAAG,EAAEC,SAAS,CAAC;MAE3C,IAAID,GAAG,EAAE;QACLH,SAAS,CAACC,OAAO,GAAGE,GAAG;MAC3B;MAEA,OAAOV,gBAAgB,CAACK,KAAK,EAAEK,GAAG,EAAEJ,YAAY,CAAC;IACrD,CAAE;IACFF,KAAK,EAAEU,KAAK,IAAI;MACZ,MAAMH,SAAS,GAAG,OAAOP,KAAK,KAAK,UAAU,GACvCA,KAAK,CAACU,KAAK,CAAC,GACZV,KAAK;MAEX,IAAI,CAACG,SAAS,CAACC,OAAO,EAAE;QACpB,OAAOG,SAAS;MACpB;;MAEA;MACAZ,uBAAuB,CAACc,GAAG,CAACN,SAAS,CAACC,OAAO,EAAEG,SAAS,CAAC;MAEzD,OAAOA,SAAS;IACpB;EAAE,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, {
|
|
3
|
+
import React, { useLayoutEffect, useRef } from 'react';
|
|
4
4
|
import { UnistylesShadowRegistry } from '../specs';
|
|
5
5
|
import { passForwardedRef } from './passForwardRef';
|
|
6
6
|
import { maybeWarnAboutMultipleUnistyles } from './warn';
|
|
@@ -19,7 +19,7 @@ const getNativeRef = (Component, ref) => {
|
|
|
19
19
|
};
|
|
20
20
|
export const createUnistylesElement = Component => /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
|
|
21
21
|
const storedRef = useRef(null);
|
|
22
|
-
|
|
22
|
+
useLayoutEffect(() => {
|
|
23
23
|
return () => {
|
|
24
24
|
if (storedRef.current) {
|
|
25
25
|
// @ts-ignore
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","useLayoutEffect","useRef","UnistylesShadowRegistry","passForwardedRef","maybeWarnAboutMultipleUnistyles","jsx","_jsx","getNativeRef","Component","ref","name","viewRef","current","getNativeScrollRef","getScrollRef","createUnistylesElement","forwardRef","props","forwardedRef","storedRef","remove","style","displayName"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,eAAe,EAAEC,MAAM,QAAQ,OAAO;AACtD,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAMC,YAAY,GAAGA,CAACC,SAAc,EAAEC,GAAQ,KAAK;EAC/C,QAAQD,SAAS,CAACE,IAAI;IAClB,KAAK,sBAAsB;MACvB,OAAOD,GAAG,CAACE,OAAO,EAAEC,OAAO;IAC/B,KAAK,UAAU;MACX,OAAOH,GAAG,CAACI,kBAAkB,GAAG,CAAC;IACrC,KAAK,iBAAiB;MAClB,OAAOJ,GAAG,CAACK,YAAY,GAAG,CAAC;IAC/B;MACI,OAAOL,GAAG;EAClB;AACJ,CAAC;AAED,OAAO,MAAMM,sBAAsB,GAAIP,SAAc,iBAAKT,KAAK,CAACiB,UAAU,CAAC,CAACC,KAAK,EAAEC,YAAY,KAAK;EAChG,MAAMC,SAAS,GAAGlB,MAAM,CAAU,IAAI,CAAC;EAEvCD,eAAe,CAAC,MAAM;IAClB,OAAO,MAAM;MACT,IAAImB,SAAS,CAACP,OAAO,EAAE;QACnB;QACAV,uBAAuB,CAACkB,MAAM,CAACD,SAAS,CAACP,OAAO,CAAC;MACrD;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIN,IAAA,CAACE,SAAS;IAAA,GACFS,KAAK;IACTR,GAAG,EAAGA,GAAY,IAAK;MACnB,IAAIA,GAAG,EAAE;QACLU,SAAS,CAACP,OAAO,GAAGL,YAAY,CAACC,SAAS,EAAEC,GAAG,CAAC;MACpD;MAEAN,gBAAgB,CAACc,KAAK,EAAER,GAAG,EAAES,YAAY,CAAC;;MAE1C;MACAd,+BAA+B,CAACa,KAAK,CAACI,KAAK,EAAEb,SAAS,CAACc,WAAW,CAAC;IACvE;EAAE,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React, {
|
|
3
|
+
import React, { useLayoutEffect, useRef } from 'react';
|
|
4
4
|
import { UnistylesShadowRegistry } from '../specs';
|
|
5
5
|
import { passForwardedRef } from './passForwardRef';
|
|
6
6
|
import { maybeWarnAboutMultipleUnistyles } from './warn';
|
|
7
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
8
|
export const createUnistylesImageBackground = Component => /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
|
|
9
9
|
const storedImageRef = useRef(null);
|
|
10
|
-
|
|
10
|
+
useLayoutEffect(() => {
|
|
11
11
|
return () => {
|
|
12
12
|
if (storedImageRef.current) {
|
|
13
13
|
// @ts-ignore
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","useLayoutEffect","useRef","UnistylesShadowRegistry","passForwardedRef","maybeWarnAboutMultipleUnistyles","jsx","_jsx","createUnistylesImageBackground","Component","forwardRef","props","forwardedRef","storedImageRef","current","remove","style","imageStyle","ref","imageRef","add"],"sourceRoot":"../../../src","sources":["core/createUnistylesImageBackground.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,eAAe,EAAEC,MAAM,QAAQ,OAAO;AAEtD,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,+BAA+B,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,MAAMC,8BAA8B,GAAIC,SAAiC,iBAAKT,KAAK,CAACU,UAAU,CAAwC,CAACC,KAAK,EAAEC,YAAY,KAAK;EAClK,MAAMC,cAAc,GAAGX,MAAM,CAAe,IAAI,CAAC;EAEjDD,eAAe,CAAC,MAAM;IAClB,OAAO,MAAM;MACT,IAAIY,cAAc,CAACC,OAAO,EAAE;QACxB;QACAX,uBAAuB,CAACY,MAAM,CAACF,cAAc,CAACC,OAAO,CAAC;MAC1D;IACJ,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;;EAEN;EACAT,+BAA+B,CAACM,KAAK,CAACK,KAAK,EAAE,iBAAiB,CAAC;EAC/D;EACAX,+BAA+B,CAACM,KAAK,CAACM,UAAU,EAAE,iBAAiB,CAAC;EAEpE,oBACIV,IAAA,CAACE,SAAS;IAAA,GACFE,KAAK;IACTO,GAAG,EAAEA,GAAG,IAAI;MACRd,gBAAgB,CAACO,KAAK,EAAEO,GAAG,EAAEN,YAAY,CAAC;MAE1C,OAAO,MAAM;QACT;QACAT,uBAAuB,CAACY,MAAM,CAACG,GAAG,CAAC;MACvC,CAAC;IACL,CAAE;IACFC,QAAQ,EAAED,GAAG,IAAI;MACb,IAAIA,GAAG,EAAE;QACLL,cAAc,CAACC,OAAO,GAAGI,GAAG;MAChC;;MAEA;MACAf,uBAAuB,CAACiB,GAAG,CAACF,GAAG,EAAEP,KAAK,CAACM,UAAU,CAAC;IACtD;EAAE,CACL,CAAC;AAEV,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { UnistylesWeb } from '../web';
|
|
4
4
|
export const getClassName = unistyle => {
|
|
5
5
|
if (!unistyle) {
|
|
6
6
|
return undefined;
|
|
7
7
|
}
|
|
8
|
-
|
|
9
|
-
// @ts-expect-error hidden from TS
|
|
10
8
|
const {
|
|
11
9
|
hash,
|
|
12
10
|
injectedClassName
|
|
13
|
-
} =
|
|
11
|
+
} = UnistylesWeb.shadowRegistry.addStyles(Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle]);
|
|
14
12
|
return hash ? {
|
|
15
13
|
$$css: true,
|
|
16
14
|
hash,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["UnistylesWeb","getClassName","unistyle","undefined","hash","injectedClassName","shadowRegistry","addStyles","Array","isArray","flat","Number","POSITIVE_INFINITY","$$css"],"sourceRoot":"../../../src","sources":["core/getClassname.ts"],"mappings":";;AACA,SAASA,YAAY,QAAQ,QAAQ;AAErC,OAAO,MAAMC,YAAY,GAAIC,QAA8D,IAAK;EAC5F,IAAI,CAACA,QAAQ,EAAE;IACX,OAAOC,SAAS;EACpB;EAEA,MAAM;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAGL,YAAY,CAACM,cAAc,CAACC,SAAS,CACrEC,KAAK,CAACC,OAAO,CAACP,QAAQ,CAAC,GAAGA,QAAQ,CAACQ,IAAI,CAACC,MAAM,CAACC,iBAAiB,CAAC,GAAG,CAACV,QAAQ,CACjF,CAAC;EAED,OAAOE,IAAI,GAAG;IAAES,KAAK,EAAE,IAAI;IAAET,IAAI;IAAEC;EAAkB,CAAC,GAAGF,SAAS;AACtE,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pressable.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/native/Pressable.native.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Pressable.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/native/Pressable.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EAAE,cAAc,IAAI,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAQjE,eAAO,MAAM,SAAS;eAHP,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;8BAgD7C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createUnistylesElement.native.d.ts","sourceRoot":"","sources":["../../../../src/core/createUnistylesElement.native.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"createUnistylesElement.native.d.ts","sourceRoot":"","sources":["../../../../src/core/createUnistylesElement.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AAkBtD,eAAO,MAAM,sBAAsB,cAAe,GAAG,kEA2BnD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createUnistylesImageBackground.d.ts","sourceRoot":"","sources":["../../../../src/core/createUnistylesImageBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"createUnistylesImageBackground.d.ts","sourceRoot":"","sources":["../../../../src/core/createUnistylesImageBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAA;AACtD,OAAO,KAAK,EAAS,eAAe,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAKhF,eAAO,MAAM,8BAA8B,cAAe,OAAO,eAAe,iGAsC9E,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { UnistylesValues } from '../types';
|
|
2
2
|
export declare const getClassName: (unistyle: UnistylesValues | undefined | Array<UnistylesValues>) => {
|
|
3
3
|
$$css: boolean;
|
|
4
|
-
hash:
|
|
5
|
-
injectedClassName:
|
|
4
|
+
hash: string;
|
|
5
|
+
injectedClassName: string;
|
|
6
6
|
} | undefined;
|
|
7
7
|
//# sourceMappingURL=getClassname.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getClassname.d.ts","sourceRoot":"","sources":["../../../../src/core/getClassname.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"getClassname.d.ts","sourceRoot":"","sources":["../../../../src/core/getClassname.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAG/C,eAAO,MAAM,YAAY,aAAc,eAAe,GAAG,SAAS,GAAG,KAAK,CAAC,eAAe,CAAC;;;;aAU1F,CAAA"}
|
package/package.json
CHANGED
package/plugin/index.d.ts
CHANGED
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
export interface UnistylesPluginOptions {
|
|
2
|
+
/**
|
|
3
|
+
* Example: "src" or "apps/mobile"
|
|
4
|
+
* Add this option if some of your components don't have `react-native-unistyles` import.
|
|
5
|
+
* Babel plugin will automatically process all files under this root.
|
|
6
|
+
*/
|
|
7
|
+
autoProcessRoot?: string
|
|
8
|
+
|
|
2
9
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
* - ui-kits that aggregates Unistyles components
|
|
6
|
-
* - monorepos that use Unistyles under absolute path like `@codemask/styles`
|
|
7
|
-
*
|
|
8
|
-
* If that's your case, you can configure the Babel plugin to process them.
|
|
10
|
+
* Example: ['@codemask/styles']
|
|
11
|
+
* Enable this option if you want to process only files containing specific imports.
|
|
9
12
|
*/
|
|
10
13
|
autoProcessImports?: string[]
|
|
11
14
|
|
|
12
15
|
/**
|
|
13
|
-
*
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
+
* Example: ['external-library/components']
|
|
17
|
+
* Enable this option to process some 3rd party components under `node_modules`.
|
|
16
18
|
* Under these paths we will replace `react-native` imports with `react-native-unistyles` factories that will borrow components refs [read more](https://www.unistyl.es/v3/other/babel-plugin#3-component-factory-borrowing-ref).
|
|
17
19
|
*
|
|
18
20
|
* Defaults to:
|
package/plugin/index.js
CHANGED
|
@@ -48,14 +48,16 @@ module.exports = function ({ types: t }) {
|
|
|
48
48
|
state.file.styleSheetLocalName = ''
|
|
49
49
|
state.file.tagNumber = 0
|
|
50
50
|
state.reactNativeImports = {}
|
|
51
|
-
state.file.forceProcessing =
|
|
51
|
+
state.file.forceProcessing = state.opts.autoProcessRoot
|
|
52
|
+
? state.filename.includes(`${state.file.opts.root}/${state.opts.autoProcessRoot}/`)
|
|
53
|
+
: false
|
|
52
54
|
},
|
|
53
55
|
exit(path, state) {
|
|
54
56
|
if (isInsideNodeModules(state) && !state.file.replaceWithUnistyles) {
|
|
55
57
|
return
|
|
56
58
|
}
|
|
57
59
|
|
|
58
|
-
if (state.file.hasAnyUnistyle || state.file.hasVariants || state.file.replaceWithUnistyles) {
|
|
60
|
+
if (state.file.hasAnyUnistyle || state.file.hasVariants || state.file.replaceWithUnistyles || state.file.forceProcessing) {
|
|
59
61
|
addUnistylesImport(t, path, state)
|
|
60
62
|
}
|
|
61
63
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { forwardRef,
|
|
1
|
+
import React, { forwardRef, useLayoutEffect, useRef } from 'react'
|
|
2
2
|
import { Pressable as NativePressableReactNative } from 'react-native'
|
|
3
3
|
import type { PressableProps as Props, View } from 'react-native'
|
|
4
4
|
import { UnistylesShadowRegistry } from '../../specs'
|
|
@@ -11,7 +11,7 @@ type PressableProps = Props & {
|
|
|
11
11
|
export const Pressable = forwardRef<View, PressableProps>(({ variants, style, ...props }, forwardedRef) => {
|
|
12
12
|
const storedRef = useRef<View | null>()
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
useLayoutEffect(() => {
|
|
15
15
|
return () => {
|
|
16
16
|
if (storedRef.current) {
|
|
17
17
|
// @ts-expect-error - this is hidden from TS
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useLayoutEffect, useRef } from 'react'
|
|
2
2
|
import { UnistylesShadowRegistry } from '../specs'
|
|
3
3
|
import { passForwardedRef } from './passForwardRef'
|
|
4
4
|
import { maybeWarnAboutMultipleUnistyles } from './warn'
|
|
@@ -19,7 +19,7 @@ const getNativeRef = (Component: any, ref: any) => {
|
|
|
19
19
|
export const createUnistylesElement = (Component: any) => React.forwardRef((props, forwardedRef) => {
|
|
20
20
|
const storedRef = useRef<unknown>(null)
|
|
21
21
|
|
|
22
|
-
|
|
22
|
+
useLayoutEffect(() => {
|
|
23
23
|
return () => {
|
|
24
24
|
if (storedRef.current) {
|
|
25
25
|
// @ts-ignore
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useLayoutEffect, useRef } from 'react'
|
|
2
2
|
import type { Image, ImageBackground, ImageBackgroundProps } from 'react-native'
|
|
3
3
|
import { UnistylesShadowRegistry } from '../specs'
|
|
4
4
|
import { passForwardedRef } from './passForwardRef'
|
|
@@ -7,7 +7,7 @@ import { maybeWarnAboutMultipleUnistyles } from './warn'
|
|
|
7
7
|
export const createUnistylesImageBackground = (Component: typeof ImageBackground) => React.forwardRef<ImageBackground, ImageBackgroundProps>((props, forwardedRef) => {
|
|
8
8
|
const storedImageRef = useRef<Image | null>(null)
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
useLayoutEffect(() => {
|
|
11
11
|
return () => {
|
|
12
12
|
if (storedImageRef.current) {
|
|
13
13
|
// @ts-ignore
|
package/src/core/getClassname.ts
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import type { UnistylesValues } from '../types'
|
|
2
|
-
import {
|
|
1
|
+
import type { UnistylesValues } from '../types'
|
|
2
|
+
import { UnistylesWeb } from '../web'
|
|
3
3
|
|
|
4
4
|
export const getClassName = (unistyle: UnistylesValues | undefined | Array<UnistylesValues>) => {
|
|
5
5
|
if (!unistyle) {
|
|
6
6
|
return undefined
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
const { hash, injectedClassName } = UnistylesWeb.shadowRegistry.addStyles(
|
|
10
|
+
Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle]
|
|
11
|
+
)
|
|
11
12
|
|
|
12
13
|
return hash ? { $$css: true, hash, injectedClassName } : undefined
|
|
13
14
|
}
|