react-native-unistyles 3.0.0-rc.1 → 3.0.0-rc.3
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 +18 -18
- package/Unistyles.podspec +1 -0
- package/android/src/main/java/com/unistyles/NativePlatform+android.kt +5 -1
- package/android/src/main/java/com/unistyles/NativePlatform+insets.kt +2 -3
- package/components/native/ActivityIndicator/package.json +1 -0
- package/components/native/Animated/package.json +1 -0
- package/components/native/FlatList/package.json +1 -0
- package/components/native/Image/package.json +2 -1
- package/components/native/ImageBackground/package.json +1 -0
- package/components/native/KeyboardAvoidingView/package.json +1 -0
- package/components/native/NativeText/package.json +1 -0
- package/components/native/NativeView/package.json +1 -0
- package/components/native/Pressable/package.json +1 -0
- package/components/native/RefreshControl/package.json +1 -0
- package/components/native/ScrollView/package.json +1 -0
- package/components/native/SectionList/package.json +1 -0
- package/components/native/Switch/package.json +1 -0
- package/components/native/Text/package.json +1 -0
- package/components/native/TextInput/package.json +1 -0
- package/components/native/TouchableHighlight/package.json +1 -0
- package/components/native/TouchableOpacity/package.json +1 -0
- package/components/native/View/package.json +1 -0
- package/components/native/VirtualizedList/package.json +1 -0
- package/ios/NativePlatform+ios.swift +1 -1
- package/ios/NativePlatformListener+ios.swift +12 -7
- package/lib/commonjs/components/native/Image.js +4 -3
- package/lib/commonjs/components/native/Image.js.map +1 -1
- package/lib/commonjs/components/native/ImageBackground.js +3 -2
- package/lib/commonjs/components/native/ImageBackground.js.map +1 -1
- package/lib/commonjs/core/createUnistylesElement.js +17 -5
- package/lib/commonjs/core/createUnistylesElement.js.map +1 -1
- package/lib/commonjs/core/getClassname.js +10 -4
- package/lib/commonjs/core/getClassname.js.map +1 -1
- package/lib/commonjs/core/useProxifiedUnistyles/listener.js +5 -3
- package/lib/commonjs/core/useProxifiedUnistyles/listener.js.map +1 -1
- package/lib/commonjs/core/useProxifiedUnistyles/useProxifiedUnistyles.js +2 -1
- package/lib/commonjs/core/useProxifiedUnistyles/useProxifiedUnistyles.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.js +2 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.js.map +1 -1
- package/lib/commonjs/hooks/useMedia.js +4 -4
- package/lib/commonjs/hooks/useMedia.js.map +1 -1
- package/lib/commonjs/hooks/useMedia.native.js +4 -4
- package/lib/commonjs/hooks/useMedia.native.js.map +1 -1
- package/lib/commonjs/mocks.js +203 -0
- package/lib/commonjs/mocks.js.map +1 -0
- package/lib/commonjs/mq.js +1 -23
- package/lib/commonjs/mq.js.map +1 -1
- package/lib/commonjs/server/getServerUnistyles.js +5 -3
- package/lib/commonjs/server/getServerUnistyles.js.map +1 -1
- package/lib/commonjs/server/hydrateServerUnistyles.js +4 -2
- package/lib/commonjs/server/hydrateServerUnistyles.js.map +1 -1
- package/lib/commonjs/server/resetServerUnistyles.js +4 -2
- package/lib/commonjs/server/resetServerUnistyles.js.map +1 -1
- package/lib/commonjs/specs/NativePlatform/NativePlatform.nitro.js +1 -0
- package/lib/commonjs/specs/NativePlatform/NativePlatform.nitro.js.map +1 -1
- package/lib/commonjs/utils.js +23 -1
- package/lib/commonjs/utils.js.map +1 -1
- package/lib/commonjs/web/convert/index.js +4 -7
- package/lib/commonjs/web/convert/index.js.map +1 -1
- package/lib/commonjs/web/convert/object/filter.js +7 -8
- package/lib/commonjs/web/convert/object/filter.js.map +1 -1
- package/lib/commonjs/web/create.js +6 -4
- package/lib/commonjs/web/create.js.map +1 -1
- package/lib/commonjs/web/css/core.js +2 -2
- package/lib/commonjs/web/css/core.js.map +1 -1
- package/lib/commonjs/web/css/state.js +1 -1
- package/lib/commonjs/web/css/state.js.map +1 -1
- package/lib/commonjs/web/index.js +7 -12
- package/lib/commonjs/web/index.js.map +1 -1
- package/lib/commonjs/web/services.js +7 -2
- package/lib/commonjs/web/services.js.map +1 -1
- package/lib/commonjs/web/shadowRegistry.js +11 -3
- package/lib/commonjs/web/shadowRegistry.js.map +1 -1
- package/lib/commonjs/web/utils/createUnistylesRef.js +7 -4
- package/lib/commonjs/web/utils/createUnistylesRef.js.map +1 -1
- package/lib/commonjs/web/utils/index.js +0 -11
- package/lib/commonjs/web/utils/index.js.map +1 -1
- package/lib/commonjs/web/utils/unistyle.js +35 -12
- package/lib/commonjs/web/utils/unistyle.js.map +1 -1
- package/lib/module/components/native/Image.js +4 -3
- package/lib/module/components/native/Image.js.map +1 -1
- package/lib/module/components/native/ImageBackground.js +2 -1
- package/lib/module/components/native/ImageBackground.js.map +1 -1
- package/lib/module/core/createUnistylesElement.js +18 -6
- package/lib/module/core/createUnistylesElement.js.map +1 -1
- package/lib/module/core/getClassname.js +8 -4
- package/lib/module/core/getClassname.js.map +1 -1
- package/lib/module/core/useProxifiedUnistyles/listener.js +3 -3
- package/lib/module/core/useProxifiedUnistyles/listener.js.map +1 -1
- package/lib/module/core/useProxifiedUnistyles/useProxifiedUnistyles.js +2 -1
- package/lib/module/core/useProxifiedUnistyles/useProxifiedUnistyles.js.map +1 -1
- package/lib/module/core/withUnistyles/withUnistyles.js +2 -1
- package/lib/module/core/withUnistyles/withUnistyles.js.map +1 -1
- package/lib/module/hooks/useMedia.js +1 -1
- package/lib/module/hooks/useMedia.js.map +1 -1
- package/lib/module/hooks/useMedia.native.js +1 -1
- package/lib/module/hooks/useMedia.native.js.map +1 -1
- package/lib/module/mocks.js +201 -0
- package/lib/module/mocks.js.map +1 -0
- package/lib/module/mq.js +0 -19
- package/lib/module/mq.js.map +1 -1
- package/lib/module/server/getServerUnistyles.js +3 -3
- package/lib/module/server/getServerUnistyles.js.map +1 -1
- package/lib/module/server/hydrateServerUnistyles.js +2 -2
- package/lib/module/server/hydrateServerUnistyles.js.map +1 -1
- package/lib/module/server/resetServerUnistyles.js +2 -2
- package/lib/module/server/resetServerUnistyles.js.map +1 -1
- package/lib/module/specs/NativePlatform/NativePlatform.nitro.js +1 -0
- package/lib/module/specs/NativePlatform/NativePlatform.nitro.js.map +1 -1
- package/lib/module/utils.js +19 -0
- package/lib/module/utils.js.map +1 -1
- package/lib/module/web/convert/index.js +4 -7
- package/lib/module/web/convert/index.js.map +1 -1
- package/lib/module/web/convert/object/filter.js +3 -4
- package/lib/module/web/convert/object/filter.js.map +1 -1
- package/lib/module/web/create.js +4 -4
- package/lib/module/web/create.js.map +1 -1
- package/lib/module/web/css/core.js +2 -2
- package/lib/module/web/css/core.js.map +1 -1
- package/lib/module/web/css/state.js +1 -1
- package/lib/module/web/css/state.js.map +1 -1
- package/lib/module/web/index.js +4 -10
- package/lib/module/web/index.js.map +1 -1
- package/lib/module/web/services.js +7 -1
- package/lib/module/web/services.js.map +1 -1
- package/lib/module/web/shadowRegistry.js +10 -2
- package/lib/module/web/shadowRegistry.js.map +1 -1
- package/lib/module/web/utils/createUnistylesRef.js +5 -4
- package/lib/module/web/utils/createUnistylesRef.js.map +1 -1
- package/lib/module/web/utils/index.js +0 -1
- package/lib/module/web/utils/index.js.map +1 -1
- package/lib/module/web/utils/unistyle.js +28 -9
- package/lib/module/web/utils/unistyle.js.map +1 -1
- package/lib/typescript/src/components/native/Image.d.ts.map +1 -1
- package/lib/typescript/src/components/native/ImageBackground.d.ts.map +1 -1
- package/lib/typescript/src/core/createUnistylesElement.d.ts.map +1 -1
- package/lib/typescript/src/core/getClassname.d.ts +5 -5
- package/lib/typescript/src/core/getClassname.d.ts.map +1 -1
- package/lib/typescript/src/core/useProxifiedUnistyles/useProxifiedUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/core/withUnistyles/withUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/mocks.d.ts +2 -0
- package/lib/typescript/src/mocks.d.ts.map +1 -0
- package/lib/typescript/src/mq.d.ts +0 -8
- package/lib/typescript/src/mq.d.ts.map +1 -1
- package/lib/typescript/src/server/hydrateServerUnistyles.d.ts +0 -1
- package/lib/typescript/src/server/hydrateServerUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/server/resetServerUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/specs/NativePlatform/NativePlatform.nitro.d.ts +2 -1
- package/lib/typescript/src/specs/NativePlatform/NativePlatform.nitro.d.ts.map +1 -1
- package/lib/typescript/src/utils.d.ts +8 -0
- package/lib/typescript/src/utils.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/index.d.ts +2 -1
- package/lib/typescript/src/web/convert/index.d.ts.map +1 -1
- package/lib/typescript/src/web/convert/object/filter.d.ts +2 -1
- package/lib/typescript/src/web/convert/object/filter.d.ts.map +1 -1
- package/lib/typescript/src/web/index.d.ts +0 -5
- package/lib/typescript/src/web/index.d.ts.map +1 -1
- package/lib/typescript/src/web/services.d.ts +6 -1
- package/lib/typescript/src/web/services.d.ts.map +1 -1
- package/lib/typescript/src/web/shadowRegistry.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/createUnistylesRef.d.ts +8 -5
- package/lib/typescript/src/web/utils/createUnistylesRef.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/index.d.ts +0 -1
- package/lib/typescript/src/web/utils/index.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/unistyle.d.ts +3 -1
- package/lib/typescript/src/web/utils/unistyle.d.ts.map +1 -1
- package/nitrogen/generated/android/c++/JUnistyleDependency.hpp +3 -0
- package/nitrogen/generated/android/kotlin/com/margelo/nitro/unistyles/UnistyleDependency.kt +2 -1
- package/nitrogen/generated/ios/swift/UnistyleDependency.swift +4 -0
- package/nitrogen/generated/shared/c++/UnistyleDependency.hpp +2 -1
- package/package.json +23 -9
- package/plugin/index.js +137 -65
- package/server/package.json +6 -0
- package/src/components/native/Image.tsx +4 -3
- package/src/components/native/ImageBackground.tsx +2 -1
- package/src/core/createUnistylesElement.tsx +26 -9
- package/src/core/getClassname.ts +14 -4
- package/src/core/useProxifiedUnistyles/listener.ts +3 -3
- package/src/core/useProxifiedUnistyles/useProxifiedUnistyles.ts +1 -0
- package/src/core/withUnistyles/withUnistyles.tsx +2 -1
- package/src/hooks/useMedia.native.ts +1 -1
- package/src/hooks/useMedia.ts +1 -1
- package/src/mocks.ts +217 -0
- package/src/mq.ts +0 -24
- package/src/server/getServerUnistyles.tsx +3 -3
- package/src/server/hydrateServerUnistyles.ts +3 -2
- package/src/server/resetServerUnistyles.ts +4 -3
- package/src/specs/NativePlatform/NativePlatform.nitro.ts +2 -1
- package/src/utils.ts +25 -0
- package/src/web/convert/index.ts +5 -7
- package/src/web/convert/object/filter.ts +4 -4
- package/src/web/create.ts +4 -4
- package/src/web/css/core.ts +2 -2
- package/src/web/css/state.ts +1 -1
- package/src/web/index.ts +4 -16
- package/src/web/services.ts +14 -1
- package/src/web/shadowRegistry.ts +10 -2
- package/src/web/utils/createUnistylesRef.ts +12 -8
- package/src/web/utils/index.ts +0 -1
- package/src/web/utils/unistyle.ts +50 -21
@@ -6,7 +6,8 @@ import { ImageBackground as NativeImageBackground } from 'react-native';
|
|
6
6
|
import { getClassName } from '../../core';
|
7
7
|
import { maybeWarnAboutMultipleUnistyles } from '../../core/warn';
|
8
8
|
import { copyComponentProperties } from '../../utils';
|
9
|
-
import {
|
9
|
+
import { keyInObject } from '../../web/utils';
|
10
|
+
import { createUnistylesRef } from '../../web/utils/createUnistylesRef';
|
10
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
11
12
|
const UnistylesImageBackground = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
12
13
|
const styleClassNames = getClassName(props.style);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["React","forwardRef","ImageBackground","NativeImageBackground","getClassName","maybeWarnAboutMultipleUnistyles","copyComponentProperties","
|
1
|
+
{"version":3,"names":["React","forwardRef","ImageBackground","NativeImageBackground","getClassName","maybeWarnAboutMultipleUnistyles","copyComponentProperties","keyInObject","createUnistylesRef","jsx","_jsx","UnistylesImageBackground","props","forwardedRef","styleClassNames","style","imageClassNames","imageStyle","ref","imageRef","hasWidthStyle","hasHeightStyle","width","height"],"sourceRoot":"../../../../src","sources":["components/native/ImageBackground.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,OAAO;AAClC,SAA0BC,eAAe,IAAIC,qBAAqB,QAAwC,cAAc;AACxH,SAASC,YAAY,QAAQ,YAAY;AACzC,SAASC,+BAA+B,QAAQ,iBAAiB;AAEjE,SAASC,uBAAuB,QAAQ,aAAa;AACrD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,kBAAkB,QAAQ,oCAAoC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOvE,MAAMC,wBAAwB,gBAAGV,UAAU,CAAiB,CAACW,KAAK,EAAEC,YAAY,KAAK;EACjF,MAAMC,eAAe,GAAGV,YAAY,CAACQ,KAAK,CAACG,KAAK,CAAC;EACjD,MAAMC,eAAe,GAAGZ,YAAY,CAACQ,KAAK,CAACK,UAAU,CAAC;EACtD,MAAMC,GAAG,GAAGV,kBAAkB,CAACM,eAAe,EAAED,YAAY,CAAC;EAC7D,MAAMM,QAAQ,GAAGX,kBAAkB,CAACQ,eAAe,CAAC;EACpD,MAAMI,aAAa,GAAG,OAAOR,KAAK,CAACK,UAAU,KAAK,QAAQ,IAAIV,WAAW,CAACK,KAAK,CAACK,UAAU,EAAE,OAAO,CAAC;EACpG,MAAMI,cAAc,GAAG,OAAOT,KAAK,CAACK,UAAU,KAAK,QAAQ,IAAIV,WAAW,CAACK,KAAK,CAACK,UAAU,EAAE,QAAQ,CAAC;EAEtGZ,+BAA+B,CAACO,KAAK,CAACG,KAAK,EAAe,iBAAiB,CAAC;EAC5EV,+BAA+B,CAACO,KAAK,CAACK,UAAU,EAAe,iBAAiB,CAAC;EAEjF,oBACIP,IAAA,CAACP,qBAAqB;IAAA,GACdS,KAAK;IACTG,KAAK,EAAED,eAAwC;IAC/CG,UAAU,EAAE,CACRD,eAAe;IACf;IACAI,aAAa,IAAI;MAAEE,KAAK,EAAE;IAAG,CAAC,EAC9BD,cAAc,IAAI;MAAEE,MAAM,EAAE;IAAG,CAAC,CACT;IAC3BL,GAAG,EAAEA,GAAI;IACTC,QAAQ,EAAEA;EAAS,CACtB,CAAC;AAEV,CAAC,CAAC;AAEF,OAAO,MAAMjB,eAAe,GAAGI,uBAAuB,CAACH,qBAAqB,EAAEQ,wBAAwB,CAAC","ignoreList":[]}
|
@@ -2,19 +2,31 @@
|
|
2
2
|
|
3
3
|
import React from 'react';
|
4
4
|
import { copyComponentProperties } from '../utils';
|
5
|
-
import {
|
5
|
+
import { isServer } from '../web/utils';
|
6
|
+
import { createUnistylesRef } from '../web/utils/createUnistylesRef';
|
6
7
|
import { getClassName } from './getClassname';
|
7
8
|
import { maybeWarnAboutMultipleUnistyles } from './warn';
|
8
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
10
|
+
const STYLE_PROPS = ['style', 'contentContainerStyle', 'columnWrapperStyle'];
|
11
|
+
const buildUnistylesProps = (Component, props, forwardedRef) => {
|
12
|
+
const componentStyleProps = STYLE_PROPS.filter(styleProp => styleProp in props);
|
13
|
+
const classNames = Object.fromEntries(componentStyleProps.map(styleProp => [styleProp, getClassName(props[styleProp])]));
|
14
|
+
const refs = componentStyleProps.map(styleProp => {
|
15
|
+
return createUnistylesRef(classNames[styleProp], styleProp === 'style' ? forwardedRef : undefined);
|
16
|
+
});
|
17
|
+
componentStyleProps.forEach(styleProp => {
|
18
|
+
maybeWarnAboutMultipleUnistyles(props[styleProp], Component.displayName);
|
19
|
+
});
|
20
|
+
return {
|
21
|
+
...classNames,
|
22
|
+
ref: isServer() ? undefined : componentRef => refs.forEach(ref => ref?.(componentRef))
|
23
|
+
};
|
24
|
+
};
|
9
25
|
export const createUnistylesElement = Component => {
|
10
26
|
const UnistylesComponent = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
|
11
|
-
const classNames = getClassName(props.style);
|
12
|
-
const ref = createUnistylesRef(classNames, forwardedRef);
|
13
|
-
maybeWarnAboutMultipleUnistyles(props.style, Component.displayName);
|
14
27
|
return /*#__PURE__*/_jsx(Component, {
|
15
28
|
...props,
|
16
|
-
|
17
|
-
ref: ref
|
29
|
+
...buildUnistylesProps(Component, props, forwardedRef)
|
18
30
|
});
|
19
31
|
});
|
20
32
|
return copyComponentProperties(Component, UnistylesComponent);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["React","copyComponentProperties","createUnistylesRef","getClassName","maybeWarnAboutMultipleUnistyles","jsx","_jsx","
|
1
|
+
{"version":3,"names":["React","copyComponentProperties","isServer","createUnistylesRef","getClassName","maybeWarnAboutMultipleUnistyles","jsx","_jsx","STYLE_PROPS","buildUnistylesProps","Component","props","forwardedRef","componentStyleProps","filter","styleProp","classNames","Object","fromEntries","map","refs","undefined","forEach","displayName","ref","componentRef","createUnistylesElement","UnistylesComponent","forwardRef"],"sourceRoot":"../../../src","sources":["core/createUnistylesElement.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,uBAAuB,QAAQ,UAAU;AAClD,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,kBAAkB,QAAQ,iCAAiC;AACpE,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,+BAA+B,QAAQ,QAAQ;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAExD,MAAMC,WAAW,GAAG,CAAC,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,CAAU;AAMrF,MAAMC,mBAAmB,GAAGA,CAACC,SAAc,EAAEC,KAAqB,EAAEC,YAAyC,KAAK;EAC9G,MAAMC,mBAAmB,GAAGL,WAAW,CAACM,MAAM,CAACC,SAAS,IAAIA,SAAS,IAAIJ,KAAK,CAAC;EAC/E,MAAMK,UAAU,GAAGC,MAAM,CAACC,WAAW,CAACL,mBAAmB,CAACM,GAAG,CAACJ,SAAS,IAAI,CAACA,SAAS,EAAEX,YAAY,CAACO,KAAK,CAACI,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;EACxH,MAAMK,IAAI,GAAGP,mBAAmB,CAACM,GAAG,CAACJ,SAAS,IAAI;IAC9C,OAAOZ,kBAAkB,CACrBa,UAAU,CAACD,SAAS,CAAC,EACrBA,SAAS,KAAK,OAAO,GAAGH,YAAY,GAAGS,SAC3C,CAAC;EACL,CAAC,CAAC;EAEFR,mBAAmB,CAACS,OAAO,CAACP,SAAS,IAAI;IACrCV,+BAA+B,CAACM,KAAK,CAACI,SAAS,CAAC,EAAeL,SAAS,CAACa,WAAW,CAAC;EACzF,CAAC,CAAC;EAEF,OAAO;IACH,GAAGP,UAAU;IACbQ,GAAG,EAAEtB,QAAQ,CAAC,CAAC,GAAGmB,SAAS,GAAII,YAAiB,IAAKL,IAAI,CAACE,OAAO,CAACE,GAAG,IAAIA,GAAG,GAAGC,YAAY,CAAC;EAChG,CAAC;AACL,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAIhB,SAAc,IAAK;EACtD,MAAMiB,kBAAkB,gBAAG3B,KAAK,CAAC4B,UAAU,CAA0B,CAACjB,KAAK,EAAEC,YAAY,KAAK;IAC1F,oBACIL,IAAA,CAACG,SAAS;MAAA,GACFC,KAAK;MAAA,GACLF,mBAAmB,CAACC,SAAS,EAAEC,KAAK,EAAEC,YAAY;IAAC,CAC1D,CAAC;EAEV,CAAC,CAAC;EAEF,OAAOX,uBAAuB,CAACS,SAAS,EAAEiB,kBAAkB,CAAC;AACjE,CAAC","ignoreList":[]}
|
@@ -1,18 +1,22 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
import
|
3
|
+
import * as unistyles from '../web/services';
|
4
|
+
import { checkForAnimated } from '../web/utils';
|
4
5
|
export const getClassName = (unistyle, forChild) => {
|
5
6
|
if (!unistyle) {
|
6
7
|
return undefined;
|
7
8
|
}
|
9
|
+
const flattenedStyles = Array.isArray(unistyle) ? unistyle.flat(Number.POSITIVE_INFINITY) : [unistyle];
|
10
|
+
const animatedStyles = flattenedStyles.filter(checkForAnimated);
|
11
|
+
const regularStyles = flattenedStyles.filter(style => !checkForAnimated(style));
|
8
12
|
const {
|
9
13
|
hash,
|
10
14
|
injectedClassName
|
11
|
-
} =
|
12
|
-
return hash ? {
|
15
|
+
} = unistyles.services.shadowRegistry.addStyles(regularStyles, forChild);
|
16
|
+
return hash ? [{
|
13
17
|
$$css: true,
|
14
18
|
hash,
|
15
19
|
injectedClassName
|
16
|
-
} : undefined;
|
20
|
+
}, animatedStyles] : undefined;
|
17
21
|
};
|
18
22
|
//# sourceMappingURL=getClassname.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["
|
1
|
+
{"version":3,"names":["unistyles","checkForAnimated","getClassName","unistyle","forChild","undefined","flattenedStyles","Array","isArray","flat","Number","POSITIVE_INFINITY","animatedStyles","filter","regularStyles","style","hash","injectedClassName","services","shadowRegistry","addStyles","$$css"],"sourceRoot":"../../../src","sources":["core/getClassname.ts"],"mappings":";;AACA,OAAO,KAAKA,SAAS,MAAM,iBAAiB;AAC5C,SAASC,gBAAgB,QAAQ,cAAc;AAE/C,OAAO,MAAMC,YAAY,GAAGA,CAACC,QAA8D,EAAEC,QAAkB,KAAK;EAChH,IAAI,CAACD,QAAQ,EAAE;IACX,OAAOE,SAAS;EACpB;EAEA,MAAMC,eAAe,GAAGC,KAAK,CAACC,OAAO,CAACL,QAAQ,CAAC,GAAGA,QAAQ,CAACM,IAAI,CAACC,MAAM,CAACC,iBAAiB,CAAC,GAAG,CAACR,QAAQ,CAAC;EACtG,MAAMS,cAAc,GAAGN,eAAe,CAACO,MAAM,CAACZ,gBAAgB,CAAC;EAC/D,MAAMa,aAAa,GAAGR,eAAe,CAACO,MAAM,CAACE,KAAK,IAAI,CAACd,gBAAgB,CAACc,KAAK,CAAC,CAAC;EAE/E,MAAM;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAGjB,SAAS,CAACkB,QAAQ,CAACC,cAAc,CAACC,SAAS,CAC3EN,aAAa,EACbV,QACJ,CAAC;EAED,OAAOY,IAAI,GACL,CACE;IAAEK,KAAK,EAAE,IAAI;IAAEL,IAAI;IAAEC;EAAkB,CAAC,EACxCL,cAAc,CACjB,GACCP,SAAS;AACnB,CAAC","ignoreList":[]}
|
@@ -1,14 +1,14 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
import { UnistyleDependency } from '../../specs';
|
4
|
-
import
|
4
|
+
import * as unistyles from '../../web/services';
|
5
5
|
export const listener = ({
|
6
6
|
dependencies,
|
7
7
|
updateTheme,
|
8
8
|
updateRuntime
|
9
9
|
}) => {
|
10
|
-
const disposeTheme =
|
11
|
-
const disposeRuntime =
|
10
|
+
const disposeTheme = unistyles.services.listener.addListeners(dependencies.filter(dependency => dependency === UnistyleDependency.Theme), updateTheme);
|
11
|
+
const disposeRuntime = unistyles.services.listener.addListeners(dependencies.filter(dependency => dependency !== UnistyleDependency.Theme), updateRuntime);
|
12
12
|
return () => {
|
13
13
|
disposeTheme();
|
14
14
|
disposeRuntime();
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["UnistyleDependency","
|
1
|
+
{"version":3,"names":["UnistyleDependency","unistyles","listener","dependencies","updateTheme","updateRuntime","disposeTheme","services","addListeners","filter","dependency","Theme","disposeRuntime"],"sourceRoot":"../../../../src","sources":["core/useProxifiedUnistyles/listener.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,aAAa;AAChD,OAAO,KAAKC,SAAS,MAAM,oBAAoB;AAG/C,OAAO,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,YAAY;EAAEC,WAAW;EAAEC;AAA6B,CAAC,KAAK;EACrF,MAAMC,YAAY,GAAGL,SAAS,CAACM,QAAQ,CAACL,QAAQ,CAACM,YAAY,CAACL,YAAY,CAACM,MAAM,CAACC,UAAU,IAAIA,UAAU,KAAKV,kBAAkB,CAACW,KAAK,CAAC,EAAEP,WAAW,CAAC;EACtJ,MAAMQ,cAAc,GAAGX,SAAS,CAACM,QAAQ,CAACL,QAAQ,CAACM,YAAY,CAACL,YAAY,CAACM,MAAM,CAACC,UAAU,IAAIA,UAAU,KAAKV,kBAAkB,CAACW,KAAK,CAAC,EAAEN,aAAa,CAAC;EAE1J,OAAO,MAAM;IACTC,YAAY,CAAC,CAAC;IACdM,cAAc,CAAC,CAAC;EACpB,CAAC;AACL,CAAC","ignoreList":[]}
|
@@ -22,7 +22,8 @@ const RTDependencyMap = {
|
|
22
22
|
screen: UnistyleDependency.Dimensions,
|
23
23
|
statusBar: UnistyleDependency.StatusBar,
|
24
24
|
pixelRatio: UnistyleDependency.PixelRatio,
|
25
|
-
themeName: UnistyleDependency.ThemeName
|
25
|
+
themeName: UnistyleDependency.ThemeName,
|
26
|
+
rtl: UnistyleDependency.Rtl
|
26
27
|
};
|
27
28
|
export const useProxifiedUnistyles = forcedTheme => {
|
28
29
|
const scopedTheme = forcedTheme ?? UnistylesShadowRegistry.getScopedTheme();
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["useEffect","useReducer","useRef","useState","UnistylesRuntime","UnistylesShadowRegistry","UnistyleDependency","listener","getMiniRuntime","miniRuntime","RTDependencyMap","breakpoint","Breakpoints","colorScheme","ColorScheme","contentSizeCategory","ContentSizeCategory","hasAdaptiveThemes","AdaptiveThemes","insets","Insets","fontScale","FontScale","isLandscape","Orientation","isPortrait","navigationBar","NavigationBar","screen","Dimensions","statusBar","StatusBar","pixelRatio","PixelRatio","themeName","ThemeName","useProxifiedUnistyles","forcedTheme","scopedTheme","getScopedTheme","dependencies","Set","theme","setTheme","getTheme","_","runtimeChanged","disposeRef","undefined","reinitListener","current","Array","from","updateTheme","updateRuntime","size","proxifiedTheme","Proxy","get","target","prop","add","Theme","proxifiedRuntime","Ime","addDependencies","newDependencies","dependenciesSize","forEach","dependency"],"sourceRoot":"../../../../src","sources":["core/useProxifiedUnistyles/useProxifiedUnistyles.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,UAAU,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC/D,SAAoCC,gBAAgB,EAAEC,uBAAuB,QAAQ,aAAa;AAClG;AACA,SAASC,kBAAkB,QAAQ,4BAA4B;AAE/D,SAASC,QAAQ,QAAQ,YAAY;AAErC,MAAMC,cAAc,GAAGA,CAAA,KAA4B;EAC/C;EACA,OAAOJ,gBAAgB,CAACK,WAAW;AACvC,CAAC;AAED,MAAMC,eAAe,GAAG;EACpBC,UAAU,EAAEL,kBAAkB,CAACM,WAAW;EAC1CC,WAAW,EAAEP,kBAAkB,CAACQ,WAAW;EAC3CC,mBAAmB,EAAET,kBAAkB,CAACU,mBAAmB;EAC3DC,iBAAiB,EAAEX,kBAAkB,CAACY,cAAc;EACpDC,MAAM,EAAEb,kBAAkB,CAACc,MAAM;EACjCC,SAAS,EAAEf,kBAAkB,CAACgB,SAAS;EACvCC,WAAW,EAAEjB,kBAAkB,CAACkB,WAAW;EAC3CC,UAAU,EAAEnB,kBAAkB,CAACkB,WAAW;EAC1CE,aAAa,EAAEpB,kBAAkB,CAACqB,aAAa;EAC/CC,MAAM,EAAEtB,kBAAkB,CAACuB,UAAU;EACrCC,SAAS,EAAExB,kBAAkB,CAACyB,SAAS;EACvCC,UAAU,EAAE1B,kBAAkB,CAAC2B,UAAU;EACzCC,SAAS,EAAE5B,kBAAkB,CAAC6B;
|
1
|
+
{"version":3,"names":["useEffect","useReducer","useRef","useState","UnistylesRuntime","UnistylesShadowRegistry","UnistyleDependency","listener","getMiniRuntime","miniRuntime","RTDependencyMap","breakpoint","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","forcedTheme","scopedTheme","getScopedTheme","dependencies","Set","theme","setTheme","getTheme","_","runtimeChanged","disposeRef","undefined","reinitListener","current","Array","from","updateTheme","updateRuntime","size","proxifiedTheme","Proxy","get","target","prop","add","Theme","proxifiedRuntime","Ime","addDependencies","newDependencies","dependenciesSize","forEach","dependency"],"sourceRoot":"../../../../src","sources":["core/useProxifiedUnistyles/useProxifiedUnistyles.ts"],"mappings":"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","ignoreList":[]}
|
@@ -38,8 +38,9 @@ export const withUnistyles = (Component, mappings) => {
|
|
38
38
|
// @ts-ignore
|
39
39
|
maybeWarnAboutMultipleUnistyles(narrowedProps.contentContainerStyle, `withUnistyles(${Component.displayName ?? Component.name ?? 'Unknown'})`);
|
40
40
|
const NativeComponent = Component;
|
41
|
+
const [classNames] = styleClassNames ?? [];
|
41
42
|
return /*#__PURE__*/_jsx("div", {
|
42
|
-
className:
|
43
|
+
className: classNames?.hash,
|
43
44
|
style: {
|
44
45
|
display: 'contents'
|
45
46
|
},
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["React","forwardRef","deepMergeObjects","getClassName","useProxifiedUnistyles","maybeWarnAboutMultipleUnistyles","jsx","_jsx","withUnistyles","Component","mappings","props","ref","narrowedProps","styleClassNames","style","contentContainerStyleClassNames","contentContainerStyle","proxifiedRuntime","proxifiedTheme","mappingsProps","unistyleProps","uniProps","emptyStyles","Object","fromEntries","entries","getOwnPropertyDescriptors","filter","key","startsWith","map","undefined","combinedProps","displayName","name","NativeComponent","className","hash","display","children"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAwBC,UAAU,QAAgD,OAAO;AAErG,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,qBAAqB,QAAQ,0BAA0B;AAChE,SAASC,+BAA+B,QAAQ,SAAS;;AAGzD;;AAEA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGA,OAAO,MAAMC,aAAa,GAAGA,CAAkEC,SAAqB,EAAEC,QAA8B,KAAK;EAUrJ,oBAAOT,UAAU,CAAsD,CAACU,KAAK,EAAEC,GAAG,KAAK;IACnF,MAAMC,aAAa,GAAGF,KAA4C;IAClE,MAAMG,eAAe,GAAGX,YAAY,CAACU,aAAa,CAACE,KAAK,EAAE,IAAI,CAAC;IAC/D,MAAMC,+BAA+B,GAAGb,YAAY,CAACU,aAAa,CAACI,qBAAqB,CAAC;IACzF,MAAM;MAAEC,gBAAgB;MAAEC;IAAe,CAAC,GAAGf,qBAAqB,CAAC,CAAC;IAEpE,MAAMgB,aAAa,GAAGV,QAAQ,GAAGA,QAAQ,CAACS,cAAc,EAAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAChF,MAAMG,aAAa,GAAGR,aAAa,CAACS,QAAQ,GAAGT,aAAa,CAACS,QAAQ,CAACH,cAAc,EAAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAG5G,MAAMK,WAAW,GAAGV,aAAa,CAACE,KAAK,GACjCS,MAAM,CAACC,WAAW,CACdD,MAAM,CAACE,OAAO,CAACF,MAAM,CAACG,yBAAyB,CAACd,aAAa,CAACE,KAAK,CAAC,CAAC,CAChEa,MAAM,CAAC,CAAC,CAACC,GAAG,CAAC,KAAK,CAACA,GAAG,CAACC,UAAU,CAAC,WAAW,CAAC,IAAI,CAACD,GAAG,CAACC,UAAU,CAAC,GAAG,CAAC,CAAC,CACvEC,GAAG,CAAC,CAAC,CAACF,GAAG,CAAC,KAAK,CAACA,GAAG,EAAEG,SAAS,CAAC,CACxC,CAAC,GACDA,SAAS;IAEf,MAAMC,aAAa,GAAG;MAClB,GAAG/B,gBAAgB,CAACkB,aAAa,EAAEC,aAAa,EAAEV,KAAK,CAAC;MACxD,IAAGE,aAAa,CAACE,KAAK,GAAG;QACrB;QACAA,KAAK,EAAEQ;MACX,CAAC,GAAG,CAAC,CAAC;MACN,IAAGV,aAAa,CAACI,qBAAqB,GAAG;QACrCA,qBAAqB,EAAED;MAC3B,CAAC,GAAG,CAAC,CAAC;IACV,CAAQ;;IAER;IACAX,+BAA+B,CAACQ,aAAa,CAACE,KAAK,EAAE,iBAAiBN,SAAS,CAACyB,WAAW,IAAIzB,SAAS,CAAC0B,IAAI,IAAI,SAAS,GAAG,CAAC;IAC9H;IACA9B,+BAA+B,CAACQ,aAAa,CAACI,qBAAqB,EAAE,iBAAiBR,SAAS,CAACyB,WAAW,IAAIzB,SAAS,CAAC0B,IAAI,IAAI,SAAS,GAAG,CAAC;IAE9I,MAAMC,eAAe,GAAG3B,SAA0B;
|
1
|
+
{"version":3,"names":["React","forwardRef","deepMergeObjects","getClassName","useProxifiedUnistyles","maybeWarnAboutMultipleUnistyles","jsx","_jsx","withUnistyles","Component","mappings","props","ref","narrowedProps","styleClassNames","style","contentContainerStyleClassNames","contentContainerStyle","proxifiedRuntime","proxifiedTheme","mappingsProps","unistyleProps","uniProps","emptyStyles","Object","fromEntries","entries","getOwnPropertyDescriptors","filter","key","startsWith","map","undefined","combinedProps","displayName","name","NativeComponent","classNames","className","hash","display","children"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAwBC,UAAU,QAAgD,OAAO;AAErG,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,qBAAqB,QAAQ,0BAA0B;AAChE,SAASC,+BAA+B,QAAQ,SAAS;;AAGzD;;AAEA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGA,OAAO,MAAMC,aAAa,GAAGA,CAAkEC,SAAqB,EAAEC,QAA8B,KAAK;EAUrJ,oBAAOT,UAAU,CAAsD,CAACU,KAAK,EAAEC,GAAG,KAAK;IACnF,MAAMC,aAAa,GAAGF,KAA4C;IAClE,MAAMG,eAAe,GAAGX,YAAY,CAACU,aAAa,CAACE,KAAK,EAAE,IAAI,CAAC;IAC/D,MAAMC,+BAA+B,GAAGb,YAAY,CAACU,aAAa,CAACI,qBAAqB,CAAC;IACzF,MAAM;MAAEC,gBAAgB;MAAEC;IAAe,CAAC,GAAGf,qBAAqB,CAAC,CAAC;IAEpE,MAAMgB,aAAa,GAAGV,QAAQ,GAAGA,QAAQ,CAACS,cAAc,EAAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAChF,MAAMG,aAAa,GAAGR,aAAa,CAACS,QAAQ,GAAGT,aAAa,CAACS,QAAQ,CAACH,cAAc,EAAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAG5G,MAAMK,WAAW,GAAGV,aAAa,CAACE,KAAK,GACjCS,MAAM,CAACC,WAAW,CACdD,MAAM,CAACE,OAAO,CAACF,MAAM,CAACG,yBAAyB,CAACd,aAAa,CAACE,KAAK,CAAC,CAAC,CAChEa,MAAM,CAAC,CAAC,CAACC,GAAG,CAAC,KAAK,CAACA,GAAG,CAACC,UAAU,CAAC,WAAW,CAAC,IAAI,CAACD,GAAG,CAACC,UAAU,CAAC,GAAG,CAAC,CAAC,CACvEC,GAAG,CAAC,CAAC,CAACF,GAAG,CAAC,KAAK,CAACA,GAAG,EAAEG,SAAS,CAAC,CACxC,CAAC,GACDA,SAAS;IAEf,MAAMC,aAAa,GAAG;MAClB,GAAG/B,gBAAgB,CAACkB,aAAa,EAAEC,aAAa,EAAEV,KAAK,CAAC;MACxD,IAAGE,aAAa,CAACE,KAAK,GAAG;QACrB;QACAA,KAAK,EAAEQ;MACX,CAAC,GAAG,CAAC,CAAC;MACN,IAAGV,aAAa,CAACI,qBAAqB,GAAG;QACrCA,qBAAqB,EAAED;MAC3B,CAAC,GAAG,CAAC,CAAC;IACV,CAAQ;;IAER;IACAX,+BAA+B,CAACQ,aAAa,CAACE,KAAK,EAAE,iBAAiBN,SAAS,CAACyB,WAAW,IAAIzB,SAAS,CAAC0B,IAAI,IAAI,SAAS,GAAG,CAAC;IAC9H;IACA9B,+BAA+B,CAACQ,aAAa,CAACI,qBAAqB,EAAE,iBAAiBR,SAAS,CAACyB,WAAW,IAAIzB,SAAS,CAAC0B,IAAI,IAAI,SAAS,GAAG,CAAC;IAE9I,MAAMC,eAAe,GAAG3B,SAA0B;IAClD,MAAM,CAAC4B,UAAU,CAAC,GAAGvB,eAAe,IAAI,EAAE;IAE1C,oBACIP,IAAA;MACI+B,SAAS,EAAED,UAAU,EAAEE,IAAK;MAC5BxB,KAAK,EAAE;QAAEyB,OAAO,EAAE;MAAW,CAAE;MAAAC,QAAA,eAE/BlC,IAAA,CAAC6B,eAAe;QAAA,GAAKH,aAAa;QAAErB,GAAG,EAAEA;MAAI,CAAE;IAAC,CAC/C,CAAC;EAEd,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
|
@@ -1,7 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
import { useEffect, useRef, useState } from 'react';
|
4
|
-
import { isUnistylesMq, isValidMq, parseMq } from '../
|
4
|
+
import { isUnistylesMq, isValidMq, parseMq } from '../utils';
|
5
5
|
export const useMedia = config => {
|
6
6
|
const disposeRef = useRef(() => {});
|
7
7
|
const [isVisible, setIsVisible] = useState(() => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","useState","isUnistylesMq","isValidMq","parseMq","useMedia","config","disposeRef","isVisible","setIsVisible","maybeMq","mq","console","error","parsedMq","minWidth","maxWidth","minHeight","maxHeight","mediaQuery","undefined","filter","Boolean","join","media","window","matchMedia","handler","event","matches","addEventListener","current","removeEventListener"],"sourceRoot":"../../../src","sources":["hooks/useMedia.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,aAAa,EAAEC,SAAS,EAAEC,OAAO,QAAQ,
|
1
|
+
{"version":3,"names":["useEffect","useRef","useState","isUnistylesMq","isValidMq","parseMq","useMedia","config","disposeRef","isVisible","setIsVisible","maybeMq","mq","console","error","parsedMq","minWidth","maxWidth","minHeight","maxHeight","mediaQuery","undefined","filter","Boolean","join","media","window","matchMedia","handler","event","matches","addEventListener","current","removeEventListener"],"sourceRoot":"../../../src","sources":["hooks/useMedia.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,aAAa,EAAEC,SAAS,EAAEC,OAAO,QAAQ,UAAU;AAE5D,OAAO,MAAMC,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,UAAU,GAAGP,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;EACnC,MAAM,CAACQ,SAAS,EAAEC,YAAY,CAAC,GAAGR,QAAQ,CAAC,MAAM;IAC7C,MAAMS,OAAO,GAAGJ,MAAM,CAACK,EAAuB;IAE9C,IAAI,CAACT,aAAa,CAACQ,OAAO,CAAC,EAAE;MACzBE,OAAO,CAACC,KAAK,CAAC,sCAAsCH,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMI,QAAQ,GAAGV,OAAO,CAACM,OAAO,CAAC;IAEjC,IAAI,CAACP,SAAS,CAACW,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEH,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEK,QAAQ;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAU,CAAC,GAAGJ,QAAQ;IAE7D,MAAMK,UAAU,GAAG,CACfJ,QAAQ,KAAKK,SAAS,GAAG,eAAeL,QAAQ,KAAK,GAAGK,SAAS,EACjEJ,QAAQ,KAAKI,SAAS,GAAG,eAAeJ,QAAQ,KAAK,GAAGI,SAAS,EACjEH,SAAS,KAAKG,SAAS,GAAG,gBAAgBH,SAAS,KAAK,GAAGG,SAAS,EACpEF,SAAS,KAAKE,SAAS,GAAG,gBAAgBF,SAAS,KAAK,GAAGE,SAAS,CACvE,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,OAAO,CAAC;IAE/B,MAAMC,KAAK,GAAGC,MAAM,CAACC,UAAU,CAACP,UAAU,CAAC;IAC3C,MAAMQ,OAAO,GAAIC,KAA0B,IAAKnB,YAAY,CAACmB,KAAK,CAACC,OAAO,CAAC;IAE3EL,KAAK,CAACM,gBAAgB,CAAC,QAAQ,EAAEH,OAAO,CAAC;IACzCpB,UAAU,CAACwB,OAAO,GAAG,MAAMP,KAAK,CAACQ,mBAAmB,CAAC,QAAQ,EAAEL,OAAO,CAAC;IAEvE,OAAOH,KAAK,CAACK,OAAO;EACxB,CAAC,CAAC;;EAEF;EACA9B,SAAS,CAAC,MAAM,MAAMQ,UAAU,CAACwB,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC;EAE/C,OAAO;IACHvB;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
|
@@ -1,8 +1,8 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
import { useEffect, useLayoutEffect, useState } from 'react';
|
4
|
-
import { isUnistylesMq, isValidMq, parseMq } from '../mq';
|
5
4
|
import { StyleSheet, UnistyleDependency, UnistylesRuntime } from '../specs';
|
5
|
+
import { isUnistylesMq, isValidMq, parseMq } from '../utils';
|
6
6
|
export const useMedia = config => {
|
7
7
|
const computeIsVisible = () => {
|
8
8
|
const maybeMq = config.mq;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["useEffect","useLayoutEffect","useState","
|
1
|
+
{"version":3,"names":["useEffect","useLayoutEffect","useState","StyleSheet","UnistyleDependency","UnistylesRuntime","isUnistylesMq","isValidMq","parseMq","useMedia","config","computeIsVisible","maybeMq","mq","console","error","parsedMq","width","height","screen","minWidth","undefined","maxWidth","minHeight","maxHeight","isVisible","setIsVisible","removeChangeListener","addChangeListener","dependencies","includes","Breakpoints"],"sourceRoot":"../../../src","sources":["hooks/useMedia.native.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,eAAe,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SAASC,UAAU,EAAEC,kBAAkB,EAAEC,gBAAgB,QAAQ,UAAU;AAC3E,SAASC,aAAa,EAAEC,SAAS,EAAEC,OAAO,QAAQ,UAAU;AAE5D,OAAO,MAAMC,QAAQ,GAAIC,MAAsB,IAAK;EAChD,MAAMC,gBAAgB,GAAGA,CAAA,KAAe;IACpC,MAAMC,OAAO,GAAGF,MAAM,CAACG,EAAuB;IAE9C,IAAI,CAACP,aAAa,CAACM,OAAO,CAAC,EAAE;MACzBE,OAAO,CAACC,KAAK,CAAC,sCAAsCH,OAAO,EAAE,CAAC;MAE9D,OAAO,KAAK;IAChB;IAEA,MAAMI,QAAQ,GAAGR,OAAO,CAACI,OAAO,CAAC;IAEjC,IAAI,CAACL,SAAS,CAACS,QAAQ,CAAC,EAAE;MACtBF,OAAO,CAACC,KAAK,CAAC,oEAAoEH,OAAO,EAAE,CAAC;MAE5F,OAAO,KAAK;IAChB;IAEA,MAAM;MAAEK,KAAK;MAAEC;IAAO,CAAC,GAAGb,gBAAgB,CAACc,MAAM;IAEjD,IAAIH,QAAQ,CAACI,QAAQ,KAAKC,SAAS,IAAIJ,KAAK,GAAGD,QAAQ,CAACI,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIJ,QAAQ,CAACM,QAAQ,KAAKD,SAAS,IAAIJ,KAAK,GAAGD,QAAQ,CAACM,QAAQ,EAAE;MAC9D,OAAO,KAAK;IAChB;IAEA,IAAIN,QAAQ,CAACO,SAAS,KAAKF,SAAS,IAAIH,MAAM,GAAGF,QAAQ,CAACO,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,IAAIP,QAAQ,CAACQ,SAAS,KAAKH,SAAS,IAAIH,MAAM,GAAGF,QAAQ,CAACQ,SAAS,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,OAAO,IAAI;EACf,CAAC;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGxB,QAAQ,CAAiBS,gBAAgB,CAAC,CAAC,CAAC;EAE9EX,SAAS,CAAC,MAAM;IACZ0B,YAAY,CAACf,gBAAgB,CAAC,CAAC,CAAC;EACpC,CAAC,EAAE,CAACD,MAAM,CAACG,EAAE,CAAC,CAAC;EAEfZ,eAAe,CAAC,MAAM;IAClB;IACA,MAAM0B,oBAAoB,GAAGxB,UAAU,CAACyB,iBAAiB,CAAEC,YAAuC,IAAK;MACnG,IAAIA,YAAY,CAACC,QAAQ,CAAC1B,kBAAkB,CAAC2B,WAAW,CAAC,EAAE;QACvDL,YAAY,CAACf,gBAAgB,CAAC,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM;MACTgB,oBAAoB,CAAC,CAAC;IAC1B,CAAC;EACL,CAAC,EAAE,CAACjB,MAAM,CAACG,EAAE,CAAC,CAAC;EAEf,OAAO;IACHY;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
|
@@ -0,0 +1,201 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
jest.mock('react-native-nitro-modules', () => ({
|
4
|
+
NitroModules: {
|
5
|
+
createHybridObject: () => ({
|
6
|
+
add: () => {},
|
7
|
+
init: () => {},
|
8
|
+
createHybridStatusBar: () => ({
|
9
|
+
setStyle: () => {}
|
10
|
+
}),
|
11
|
+
createHybridNavigationBar: () => {}
|
12
|
+
})
|
13
|
+
}
|
14
|
+
}));
|
15
|
+
jest.mock('react-native-unistyles', () => {
|
16
|
+
const React = require('react');
|
17
|
+
const _REGISTRY = {
|
18
|
+
themes: {},
|
19
|
+
breakpoints: {}
|
20
|
+
};
|
21
|
+
const miniRuntime = {
|
22
|
+
themeName: undefined,
|
23
|
+
breakpoint: undefined,
|
24
|
+
hasAdaptiveThemes: false,
|
25
|
+
colorScheme: 'unspecified',
|
26
|
+
contentSizeCategory: 'Medium',
|
27
|
+
insets: {
|
28
|
+
top: 0,
|
29
|
+
left: 0,
|
30
|
+
right: 0,
|
31
|
+
bottom: 0,
|
32
|
+
ime: 0
|
33
|
+
},
|
34
|
+
pixelRatio: 1,
|
35
|
+
fontScale: 1,
|
36
|
+
rtl: false,
|
37
|
+
isLandscape: false,
|
38
|
+
isPortrait: true,
|
39
|
+
navigationBar: {
|
40
|
+
width: 0,
|
41
|
+
height: 0
|
42
|
+
},
|
43
|
+
screen: {
|
44
|
+
width: 0,
|
45
|
+
height: 0
|
46
|
+
},
|
47
|
+
statusBar: {
|
48
|
+
width: 0,
|
49
|
+
height: 0
|
50
|
+
}
|
51
|
+
};
|
52
|
+
const unistylesRuntime = {
|
53
|
+
colorScheme: 'unspecified',
|
54
|
+
contentSizeCategory: 'Medium',
|
55
|
+
orientation: 'portrait',
|
56
|
+
breakpoints: {},
|
57
|
+
dispose: () => {},
|
58
|
+
equals: () => false,
|
59
|
+
name: 'UnistylesRuntimeMock',
|
60
|
+
miniRuntime: miniRuntime,
|
61
|
+
statusBar: {
|
62
|
+
height: 0,
|
63
|
+
width: 0,
|
64
|
+
name: 'StatusBarMock',
|
65
|
+
equals: () => false,
|
66
|
+
setHidden: () => {},
|
67
|
+
setStyle: () => {}
|
68
|
+
},
|
69
|
+
navigationBar: {
|
70
|
+
height: 0,
|
71
|
+
width: 0,
|
72
|
+
name: 'NavigationBarMock',
|
73
|
+
equals: () => false,
|
74
|
+
setHidden: () => {},
|
75
|
+
dispose: () => {}
|
76
|
+
},
|
77
|
+
fontScale: 1,
|
78
|
+
hasAdaptiveThemes: false,
|
79
|
+
pixelRatio: 0,
|
80
|
+
rtl: false,
|
81
|
+
getTheme: () => {
|
82
|
+
return {};
|
83
|
+
},
|
84
|
+
setTheme: () => {},
|
85
|
+
updateTheme: () => {},
|
86
|
+
setRootViewBackgroundColor: () => {},
|
87
|
+
_setRootViewBackgroundColor: () => {},
|
88
|
+
createHybridStatusBar: () => {
|
89
|
+
return {};
|
90
|
+
},
|
91
|
+
createHybridNavigationBar: () => {
|
92
|
+
return {};
|
93
|
+
},
|
94
|
+
setAdaptiveThemes: () => {},
|
95
|
+
setImmersiveMode: () => {},
|
96
|
+
insets: {
|
97
|
+
top: 0,
|
98
|
+
left: 0,
|
99
|
+
right: 0,
|
100
|
+
bottom: 0,
|
101
|
+
ime: 0
|
102
|
+
},
|
103
|
+
screen: {
|
104
|
+
width: 0,
|
105
|
+
height: 0
|
106
|
+
},
|
107
|
+
breakpoint: undefined
|
108
|
+
};
|
109
|
+
return {
|
110
|
+
Hide: () => null,
|
111
|
+
Display: () => null,
|
112
|
+
ScopedTheme: () => null,
|
113
|
+
withUnistyles: (Component, mapper) => props => React.createElement(Component, {
|
114
|
+
...mapper?.(Object.values(_REGISTRY.themes).at(0) ?? {}, miniRuntime),
|
115
|
+
...props
|
116
|
+
}),
|
117
|
+
mq: {
|
118
|
+
only: {
|
119
|
+
width: () => ({
|
120
|
+
and: {
|
121
|
+
height: () => ({})
|
122
|
+
}
|
123
|
+
}),
|
124
|
+
height: () => ({
|
125
|
+
and: {
|
126
|
+
width: () => ({})
|
127
|
+
}
|
128
|
+
})
|
129
|
+
},
|
130
|
+
width: () => ({
|
131
|
+
and: {
|
132
|
+
height: () => ({})
|
133
|
+
}
|
134
|
+
}),
|
135
|
+
height: () => ({
|
136
|
+
and: {
|
137
|
+
width: () => ({})
|
138
|
+
}
|
139
|
+
})
|
140
|
+
},
|
141
|
+
useUnistyles: () => ({
|
142
|
+
theme: Object.values(_REGISTRY.themes).at(0) ?? {},
|
143
|
+
rt: unistylesRuntime
|
144
|
+
}),
|
145
|
+
StyleSheet: {
|
146
|
+
absoluteFillObject: {
|
147
|
+
position: 'absolute',
|
148
|
+
left: 0,
|
149
|
+
right: 0,
|
150
|
+
top: 0,
|
151
|
+
bottom: 0
|
152
|
+
},
|
153
|
+
absoluteFill: {
|
154
|
+
position: 'absolute',
|
155
|
+
left: 0,
|
156
|
+
right: 0,
|
157
|
+
top: 0,
|
158
|
+
bottom: 0
|
159
|
+
},
|
160
|
+
compose: styles => {
|
161
|
+
return styles;
|
162
|
+
},
|
163
|
+
flatten: styles => {
|
164
|
+
return styles;
|
165
|
+
},
|
166
|
+
create: styles => {
|
167
|
+
if (typeof styles === 'function') {
|
168
|
+
return {
|
169
|
+
...styles(Object.values(_REGISTRY.themes).at(0) ?? {}, miniRuntime),
|
170
|
+
useVariants: () => {}
|
171
|
+
};
|
172
|
+
}
|
173
|
+
return {
|
174
|
+
...styles,
|
175
|
+
useVariants: () => {}
|
176
|
+
};
|
177
|
+
},
|
178
|
+
configure: config => {
|
179
|
+
if (config.breakpoints) {
|
180
|
+
_REGISTRY.breakpoints = config.breakpoints;
|
181
|
+
}
|
182
|
+
if (config.themes) {
|
183
|
+
_REGISTRY.themes = config.themes;
|
184
|
+
}
|
185
|
+
},
|
186
|
+
jsMethods: {
|
187
|
+
processColor: () => null
|
188
|
+
},
|
189
|
+
hairlineWidth: 1,
|
190
|
+
unid: -1,
|
191
|
+
addChangeListener: () => () => {},
|
192
|
+
init: () => {},
|
193
|
+
name: 'StyleSheetMock',
|
194
|
+
dispose: () => {},
|
195
|
+
equals: () => false
|
196
|
+
},
|
197
|
+
UnistylesRuntime: unistylesRuntime
|
198
|
+
};
|
199
|
+
});
|
200
|
+
export {};
|
201
|
+
//# sourceMappingURL=mocks.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"names":["jest","mock","NitroModules","createHybridObject","add","init","createHybridStatusBar","setStyle","createHybridNavigationBar","React","require","_REGISTRY","themes","breakpoints","miniRuntime","themeName","undefined","breakpoint","hasAdaptiveThemes","colorScheme","contentSizeCategory","insets","top","left","right","bottom","ime","pixelRatio","fontScale","rtl","isLandscape","isPortrait","navigationBar","width","height","screen","statusBar","unistylesRuntime","orientation","dispose","equals","name","setHidden","getTheme","setTheme","updateTheme","setRootViewBackgroundColor","_setRootViewBackgroundColor","setAdaptiveThemes","setImmersiveMode","Hide","Display","ScopedTheme","withUnistyles","Component","mapper","props","createElement","Object","values","at","mq","only","and","useUnistyles","theme","rt","StyleSheet","absoluteFillObject","position","absoluteFill","compose","styles","flatten","create","useVariants","configure","config","jsMethods","processColor","hairlineWidth","unid","addChangeListener","UnistylesRuntime"],"sourceRoot":"../../src","sources":["mocks.ts"],"mappings":"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","ignoreList":[]}
|
package/lib/module/mq.js
CHANGED
@@ -1,9 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
import { UnistylesRuntime } from './specs';
|
4
|
-
const IS_UNISTYLES_REGEX = /:([hw])\[(\d+)(?:,\s*(\d+|Infinity))?]/;
|
5
|
-
const UNISTYLES_WIDTH_REGEX = /:(w)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
|
6
|
-
const UNISTYLES_HEIGHT_REGEX = /:(h)\[(\d+)(?:,\s*(\d+|Infinity))?]/;
|
7
4
|
const getMQValue = value => {
|
8
5
|
if (typeof value === 'number') {
|
9
6
|
return value;
|
@@ -35,20 +32,4 @@ export const mq = {
|
|
35
32
|
}
|
36
33
|
})
|
37
34
|
};
|
38
|
-
export const parseMq = mq => {
|
39
|
-
const [, width, fromW, toW] = UNISTYLES_WIDTH_REGEX.exec(mq) || [];
|
40
|
-
const [, height, fromH, toH] = UNISTYLES_HEIGHT_REGEX.exec(mq) || [];
|
41
|
-
return {
|
42
|
-
minWidth: !width || fromW === 'Infinity' ? undefined : Number(fromW),
|
43
|
-
maxWidth: !width || toW === 'Infinity' ? undefined : Number(toW),
|
44
|
-
minHeight: !height || fromH === 'Infinity' ? undefined : Number(fromH),
|
45
|
-
maxHeight: !height || toH === 'Infinity' ? undefined : Number(toH)
|
46
|
-
};
|
47
|
-
};
|
48
|
-
export const isUnistylesMq = mq => IS_UNISTYLES_REGEX.test(mq);
|
49
|
-
export const isValidMq = parsedMQ => {
|
50
|
-
const isWidthValid = parsedMQ.minWidth === undefined || parsedMQ.maxWidth === undefined || parsedMQ.minWidth <= parsedMQ.maxWidth;
|
51
|
-
const isHeightValid = parsedMQ.minHeight === undefined || parsedMQ.maxHeight === undefined || parsedMQ.minHeight <= parsedMQ.maxHeight;
|
52
|
-
return isWidthValid && isHeightValid;
|
53
|
-
};
|
54
35
|
//# sourceMappingURL=mq.js.map
|
package/lib/module/mq.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["UnistylesRuntime","
|
1
|
+
{"version":3,"names":["UnistylesRuntime","getMQValue","value","breakpoints","mq","only","width","wMin","wMax","Number","POSITIVE_INFINITY","height","hMin","hMax","and"],"sourceRoot":"../../src","sources":["mq.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,SAAS;AAsB1C,MAAMC,UAAU,GAAIC,KAAwB,IAAK;EAC7C,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC3B,OAAOA,KAAK;EAChB;EAEA,IAAIA,KAAK,KAAK,IAAI,EAAE;IAChB,OAAO,CAAC;EACZ;EAEA,MAAMC,WAAW,GAAGH,gBAAgB,CAACG,WAAW;EAEhD,OAAOA,WAAW,CAACD,KAAK,CAAC,IAAI,CAAC;AAClC,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAME,EAAa,GAAG;EACzBC,IAAI,EAAE;IACFC,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,MAAM,CAACC,iBAAiB,KAAM,MAAMT,UAAU,CAACM,IAAI,CAAC,KAAKN,UAAU,CAACO,IAAI,CAAC,GAAyB;IACvJG,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGJ,MAAM,CAACC,iBAAiB,KAAM,MAAMT,UAAU,CAACW,IAAI,CAAC,KAAKX,UAAU,CAACY,IAAI,CAAC;EACnI,CAAC;EACDP,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,MAAM,CAACC,iBAAiB,MAAM;IAC/EI,GAAG,EAAE;MACDH,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGJ,MAAM,CAACC,iBAAiB,KACzE,MAAMT,UAAU,CAACM,IAAI,CAAC,KAAKN,UAAU,CAACO,IAAI,CAAC,OAAOP,UAAU,CAACW,IAAI,CAAC,KAAKX,UAAU,CAACY,IAAI,CAAC;IAChG;EACJ,CAAC,CAAC;EACFF,MAAM,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGJ,MAAM,CAACC,iBAAiB,MAAM;IAChFI,GAAG,EAAE;MACDR,KAAK,EAAEA,CAACC,IAAuB,GAAG,CAAC,EAAEC,IAAa,GAAGC,MAAM,CAACC,iBAAiB,KACxE,MAAMT,UAAU,CAACM,IAAI,CAAC,KAAKN,UAAU,CAACO,IAAI,CAAC,OAAOP,UAAU,CAACW,IAAI,CAAC,KAAKX,UAAU,CAACY,IAAI,CAAC;IAChG;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
|
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
import React from 'react';
|
4
4
|
import { StyleSheet } from 'react-native';
|
5
|
-
import
|
5
|
+
import * as unistyles from '../web/services';
|
6
6
|
import { error, isServer } from '../web/utils';
|
7
7
|
import { serialize } from './serialize';
|
8
8
|
import { DefaultServerUnistylesSettings } from './types';
|
@@ -16,8 +16,8 @@ export const getServerUnistyles = ({
|
|
16
16
|
|
17
17
|
// @ts-ignore
|
18
18
|
const rnwStyle = includeRNWStyles ? StyleSheet?.getSheet().textContent ?? '' : null;
|
19
|
-
const css =
|
20
|
-
const state =
|
19
|
+
const css = unistyles.services.registry.css.getStyles();
|
20
|
+
const state = unistyles.services.registry.css.getState();
|
21
21
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
22
22
|
children: [rnwStyle && /*#__PURE__*/_jsx("style", {
|
23
23
|
id: "rnw-style",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","
|
1
|
+
{"version":3,"names":["React","StyleSheet","unistyles","error","isServer","serialize","DefaultServerUnistylesSettings","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","getServerUnistyles","includeRNWStyles","rnwStyle","getSheet","textContent","css","services","registry","getStyles","state","getState","children","id","defer","dangerouslySetInnerHTML","__html"],"sourceRoot":"../../../src","sources":["server/getServerUnistyles.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAO,KAAKC,SAAS,MAAM,iBAAiB;AAC5C,SAASC,KAAK,EAAEC,QAAQ,QAAQ,cAAc;AAC9C,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,8BAA8B,QAAsC,SAAS;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtF,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,gBAAgB,GAAG;AAA8B,CAAC,GAAGR,8BAA8B,KAAK;EACzH,IAAI,CAACF,QAAQ,CAAC,CAAC,EAAE;IACb,MAAMD,KAAK,CAAC,iDAAiD,CAAC;EAClE;;EAEA;EACA,MAAMY,QAAuB,GAAGD,gBAAgB,GAAIb,UAAU,EAAEe,QAAQ,CAAC,CAAC,CAACC,WAAW,IAAI,EAAE,GAAI,IAAI;EACpG,MAAMC,GAAG,GAAGhB,SAAS,CAACiB,QAAQ,CAACC,QAAQ,CAACF,GAAG,CAACG,SAAS,CAAC,CAAC;EACvD,MAAMC,KAAK,GAAGpB,SAAS,CAACiB,QAAQ,CAACC,QAAQ,CAACF,GAAG,CAACK,QAAQ,CAAC,CAAC;EAExD,oBACIX,KAAA,CAAAF,SAAA;IAAAc,QAAA,GACKT,QAAQ,iBAAIP,IAAA;MAAOiB,EAAE,EAAC,WAAW;MAAAD,QAAA,EAAET;IAAQ,CAAQ,CAAC,eACrDP,IAAA;MAAOiB,EAAE,EAAC,eAAe;MAAAD,QAAA,EAAEN;IAAG,CAAQ,CAAC,eAEvCV,IAAA;MAAQiB,EAAE,EAAC,kBAAkB;MAACC,KAAK;MAACC,uBAAuB,EAAE;QAAEC,MAAM,EAAE,gCAAgCvB,SAAS,CAACiB,KAAK,CAAC;MAAE;IAAE,CAAE,CAAC;EAAA,CAChI,CAAC;AAEX,CAAC","ignoreList":[]}
|
@@ -1,12 +1,12 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
import
|
3
|
+
import * as unistyles from '../web/services';
|
4
4
|
import { error, isServer } from '../web/utils';
|
5
5
|
export const hydrateServerUnistyles = () => {
|
6
6
|
if (isServer()) {
|
7
7
|
throw error('Server styles should only be hydrated on the client');
|
8
8
|
}
|
9
|
-
|
9
|
+
unistyles.services.registry.css.hydrate(window.__UNISTYLES_STATE__);
|
10
10
|
document.querySelector('#unistyles-script')?.remove();
|
11
11
|
};
|
12
12
|
//# sourceMappingURL=hydrateServerUnistyles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["
|
1
|
+
{"version":3,"names":["unistyles","error","isServer","hydrateServerUnistyles","services","registry","css","hydrate","window","__UNISTYLES_STATE__","document","querySelector","remove"],"sourceRoot":"../../../src","sources":["server/hydrateServerUnistyles.ts"],"mappings":";;AAAA,OAAO,KAAKA,SAAS,MAAM,iBAAiB;AAC5C,SAASC,KAAK,EAAEC,QAAQ,QAAQ,cAAc;AAS9C,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACxC,IAAID,QAAQ,CAAC,CAAC,EAAE;IACZ,MAAMD,KAAK,CAAC,qDAAqD,CAAC;EACtE;EAEAD,SAAS,CAACI,QAAQ,CAACC,QAAQ,CAACC,GAAG,CAACC,OAAO,CAACC,MAAM,CAACC,mBAAmB,CAAC;EACnEC,QAAQ,CAACC,aAAa,CAAC,mBAAmB,CAAC,EAAEC,MAAM,CAAC,CAAC;AACzD,CAAC","ignoreList":[]}
|
@@ -1,11 +1,11 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
import
|
3
|
+
import * as unistyles from '../web/services';
|
4
4
|
import { error, isServer } from '../web/utils';
|
5
5
|
export const resetServerUnistyles = () => {
|
6
6
|
if (!isServer()) {
|
7
7
|
throw error('Server styles should only be reset on the server');
|
8
8
|
}
|
9
|
-
|
9
|
+
unistyles.services.registry.reset();
|
10
10
|
};
|
11
11
|
//# sourceMappingURL=resetServerUnistyles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["
|
1
|
+
{"version":3,"names":["unistyles","error","isServer","resetServerUnistyles","services","registry","reset"],"sourceRoot":"../../../src","sources":["server/resetServerUnistyles.ts"],"mappings":";;AAAA,OAAO,KAAKA,SAAS,MAAM,iBAAiB;AAC5C,SAASC,KAAK,EAAEC,QAAQ,QAAQ,cAAc;AAE9C,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACtC,IAAI,CAACD,QAAQ,CAAC,CAAC,EAAE;IACb,MAAMD,KAAK,CAAC,kDAAkD,CAAC;EACnE;EAEAD,SAAS,CAACI,QAAQ,CAACC,QAAQ,CAACC,KAAK,CAAC,CAAC;AACvC,CAAC","ignoreList":[]}
|
@@ -16,6 +16,7 @@ export let UnistyleDependency = /*#__PURE__*/function (UnistyleDependency) {
|
|
16
16
|
UnistyleDependency[UnistyleDependency["StatusBar"] = 12] = "StatusBar";
|
17
17
|
UnistyleDependency[UnistyleDependency["NavigationBar"] = 13] = "NavigationBar";
|
18
18
|
UnistyleDependency[UnistyleDependency["Ime"] = 14] = "Ime";
|
19
|
+
UnistyleDependency[UnistyleDependency["Rtl"] = 15] = "Rtl";
|
19
20
|
return UnistyleDependency;
|
20
21
|
}({});
|
21
22
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"names":["UnistyleDependency"],"sourceRoot":"../../../../src","sources":["specs/NativePlatform/NativePlatform.nitro.ts"],"mappings":";;AAMA,WAAYA,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA;;
|
1
|
+
{"version":3,"names":["UnistyleDependency"],"sourceRoot":"../../../../src","sources":["specs/NativePlatform/NativePlatform.nitro.ts"],"mappings":";;AAMA,WAAYA,kBAAkB,0BAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAlBA,kBAAkB,CAAlBA,kBAAkB;EAAA,OAAlBA,kBAAkB;AAAA;;AAiC9B;AACA","ignoreList":[]}
|