react-native-unistyles 3.0.0-nightly-20250609 → 3.0.0-nightly-20250616
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -8
- package/Unistyles.podspec +12 -1
- package/android/src/main/cxx/NativeUnistylesModule.cpp +2 -1
- package/android/src/main/cxx/NativeUnistylesModule.h +4 -0
- package/android/src/main/java/com/unistyles/UnistylesModule.kt +7 -0
- package/cxx/core/UnistylesRegistry.cpp +7 -6
- package/cxx/core/UnistylesRegistry.h +2 -1
- package/ios/UnistylesModuleOnLoad.mm +5 -0
- package/lib/commonjs/components/ScopedTheme.js +6 -2
- package/lib/commonjs/components/ScopedTheme.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.js +9 -3
- package/lib/commonjs/core/withUnistyles/withUnistyles.js.map +1 -1
- package/lib/commonjs/core/withUnistyles/withUnistyles.native.js +9 -3
- package/lib/commonjs/core/withUnistyles/withUnistyles.native.js.map +1 -1
- package/lib/commonjs/reanimated/index.js +7 -0
- package/lib/commonjs/reanimated/index.js.map +1 -1
- package/lib/commonjs/reanimated/variant/index.js +17 -0
- package/lib/commonjs/reanimated/variant/index.js.map +1 -0
- package/lib/commonjs/reanimated/variant/types.js +2 -0
- package/lib/commonjs/reanimated/variant/types.js.map +1 -0
- package/lib/commonjs/reanimated/variant/useAnimatedVariantColor.js +38 -0
- package/lib/commonjs/reanimated/variant/useAnimatedVariantColor.js.map +1 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.js +66 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.js.map +1 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.native.js +39 -0
- package/lib/commonjs/reanimated/variant/useUpdateVariantColor.native.js.map +1 -0
- package/lib/commonjs/web/convert/pseudo.js +13 -3
- package/lib/commonjs/web/convert/pseudo.js.map +1 -1
- package/lib/commonjs/web/create.js +1 -1
- package/lib/commonjs/web/create.js.map +1 -1
- package/lib/commonjs/web/css/core.js +3 -1
- package/lib/commonjs/web/css/core.js.map +1 -1
- package/lib/commonjs/web/shadowRegistry.js +3 -2
- package/lib/commonjs/web/shadowRegistry.js.map +1 -1
- package/lib/commonjs/web/types.js.map +1 -1
- package/lib/commonjs/web/utils/unistyle.js +13 -1
- package/lib/commonjs/web/utils/unistyle.js.map +1 -1
- package/lib/module/components/ScopedTheme.js +6 -2
- package/lib/module/components/ScopedTheme.js.map +1 -1
- package/lib/module/core/withUnistyles/withUnistyles.js +9 -3
- package/lib/module/core/withUnistyles/withUnistyles.js.map +1 -1
- package/lib/module/core/withUnistyles/withUnistyles.native.js +9 -3
- package/lib/module/core/withUnistyles/withUnistyles.native.js.map +1 -1
- package/lib/module/reanimated/index.js +1 -0
- package/lib/module/reanimated/index.js.map +1 -1
- package/lib/module/reanimated/variant/index.js +4 -0
- package/lib/module/reanimated/variant/index.js.map +1 -0
- package/lib/module/reanimated/variant/types.js +2 -0
- package/lib/module/reanimated/variant/types.js.map +1 -0
- package/lib/module/reanimated/variant/useAnimatedVariantColor.js +33 -0
- package/lib/module/reanimated/variant/useAnimatedVariantColor.js.map +1 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.js +61 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.js.map +1 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.native.js +34 -0
- package/lib/module/reanimated/variant/useUpdateVariantColor.native.js.map +1 -0
- package/lib/module/web/convert/pseudo.js +10 -2
- package/lib/module/web/convert/pseudo.js.map +1 -1
- package/lib/module/web/create.js +1 -1
- package/lib/module/web/create.js.map +1 -1
- package/lib/module/web/css/core.js +3 -1
- package/lib/module/web/css/core.js.map +1 -1
- package/lib/module/web/shadowRegistry.js +3 -2
- package/lib/module/web/shadowRegistry.js.map +1 -1
- package/lib/module/web/types.js.map +1 -1
- package/lib/module/web/utils/unistyle.js +12 -1
- package/lib/module/web/utils/unistyle.js.map +1 -1
- package/lib/typescript/src/components/ScopedTheme.d.ts.map +1 -1
- package/lib/typescript/src/core/withUnistyles/types.d.ts +3 -1
- package/lib/typescript/src/core/withUnistyles/types.d.ts.map +1 -1
- package/lib/typescript/src/core/withUnistyles/withUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/core/withUnistyles/withUnistyles.native.d.ts.map +1 -1
- package/lib/typescript/src/reanimated/index.d.ts +1 -0
- package/lib/typescript/src/reanimated/index.d.ts.map +1 -1
- package/lib/typescript/src/reanimated/variant/index.d.ts +2 -0
- package/lib/typescript/src/reanimated/variant/index.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/types.d.ts +10 -0
- package/lib/typescript/src/reanimated/variant/types.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/useAnimatedVariantColor.d.ts +3 -0
- package/lib/typescript/src/reanimated/variant/useAnimatedVariantColor.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.d.ts +6 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.d.ts.map +1 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.native.d.ts +6 -0
- package/lib/typescript/src/reanimated/variant/useUpdateVariantColor.native.d.ts.map +1 -0
- package/lib/typescript/src/web/convert/pseudo.d.ts +6 -3
- package/lib/typescript/src/web/convert/pseudo.d.ts.map +1 -1
- package/lib/typescript/src/web/css/core.d.ts.map +1 -1
- package/lib/typescript/src/web/shadowRegistry.d.ts +1 -0
- package/lib/typescript/src/web/shadowRegistry.d.ts.map +1 -1
- package/lib/typescript/src/web/types.d.ts +4 -1
- package/lib/typescript/src/web/types.d.ts.map +1 -1
- package/lib/typescript/src/web/utils/unistyle.d.ts +4 -1
- package/lib/typescript/src/web/utils/unistyle.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ScopedTheme.tsx +7 -2
- package/src/core/withUnistyles/types.ts +1 -1
- package/src/core/withUnistyles/withUnistyles.native.tsx +10 -3
- package/src/core/withUnistyles/withUnistyles.tsx +11 -8
- package/src/reanimated/index.ts +1 -0
- package/src/reanimated/variant/index.ts +1 -0
- package/src/reanimated/variant/types.ts +14 -0
- package/src/reanimated/variant/useAnimatedVariantColor.ts +38 -0
- package/src/reanimated/variant/useUpdateVariantColor.native.ts +38 -0
- package/src/reanimated/variant/useUpdateVariantColor.ts +81 -0
- package/src/web/convert/pseudo.ts +23 -52
- package/src/web/create.ts +1 -1
- package/src/web/css/core.ts +3 -1
- package/src/web/shadowRegistry.ts +2 -2
- package/src/web/types.ts +4 -1
- package/src/web/utils/unistyle.ts +18 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_pseudo","require","_utils","convertToCSS","hash","value","state","Object","entries","forEach","styleKey","styleValue","isStylePseudoClass","isPseudoClass","pseudoClassName","slice","pseudoStyleKey","pseudoStyleValue","allBreakpoints","keys","breakpointStyleKey","breakpointStyleValue","mediaQuery","getMediaQuery","set","className","propertyKey","filter","_","map","key","exports"],"sourceRoot":"../../../../src","sources":["web/css/core.ts"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGO,MAAME,YAAY,GAAGA,CAACC,IAAY,EAAEC,KAA0B,EAAEC,KAAe,KAAK;EACvFC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,QAAQ,EAAEC,UAAU,CAAC,KAAK;IACtD,IAAID,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;MACrB,MAAME,kBAAkB,GAAG,IAAAC,qBAAa,EAACH,QAAQ,CAAC;MAClD,MAAMI,eAAe,GAAG,GAAGV,IAAI,GAAGQ,kBAAkB,GAAG,GAAG,GAAG,IAAI,GAAGF,QAAQ,CAACK,KAAK,CAAC,CAAC,CAAC,EAAE;MAEvFR,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACO,cAAc,EAAEC,gBAAgB,CAAC,KAAK;QACvE,IAAI,OAAOA,gBAAgB,KAAK,QAAQ,IAAIA,gBAAgB,KAAK,IAAI,EAAE;UACnE,MAAMC,cAAc,GAAGX,MAAM,CAACY,IAAI,CAACR,UAAU,CAAC;UAC9CJ,MAAM,CAACC,OAAO,CAACS,gBAAgB,CAAC,CAACR,OAAO,CAAC,CAAC,CAACW,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;YACrF,MAAMC,UAAU,GAAG,IAAAC,oBAAa,EAACP,cAAc,EAAEE,cAAc,CAAC;YAEhEZ,KAAK,CAACkB,GAAG,CAAC;cACNF,UAAU;cACVG,SAAS,EAAEX,eAAe;cAC1BY,WAAW,EAAEN,kBAAkB;cAC/Bf,KAAK,EAAEgB;YACX,CAAC,CAAC;UACN,CAAC,CAAC;UAEF;QACJ;QAEAf,KAAK,CAACkB,GAAG,CAAC;UACNC,SAAS,EAAEX,eAAe;UAC1BY,WAAW,EAAEV,cAAc;UAC3BX,KAAK,EAAEY;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEA,IAAI,OAAON,UAAU,KAAK,QAAQ,EAAE;MAChCJ,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACW,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;QAC/E,MAAMH,cAAc,GAAGX,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CACvCsB,MAAM,CAAC,CAAC,CAACC,CAAC,EAAEvB,KAAK,CAAC,KAAK;UACpB,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,EAAE;YAC7C,OAAO,KAAK;UAChB;UAEA,OAAOe,kBAAkB,IAAIf,KAAK;QACtC,CAAC,CAAC,CACDwB,GAAG,CAAC,CAAC,CAACC,GAAG,CAAC,KAAKA,GAAG,CAAC;QACxB,MAAMR,UAAU,GAAG,IAAAC,oBAAa,EAACb,QAAQ,EAAEQ,cAAc,CAAC;QAE1DZ,KAAK,CAACkB,GAAG,CAAC;UACNF,UAAU;UACVG,SAAS,EAAErB,IAAI;UACfsB,WAAW,EAAEN,kBAAkB;UAC/Bf,KAAK,EAAEgB;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEAf,KAAK,CAACkB,GAAG,CAAC;MACNC,SAAS,EAAErB,IAAI;MACfsB,WAAW,EAAEhB,QAAQ;MACrBL,KAAK,EAAEM;IACX,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC;AAAAoB,OAAA,CAAA5B,YAAA,GAAAA,YAAA","ignoreList":[]}
|
|
@@ -52,7 +52,7 @@ class UnistylesShadowRegistry {
|
|
|
52
52
|
__uni__key,
|
|
53
53
|
__uni__stylesheet,
|
|
54
54
|
__uni__args = [],
|
|
55
|
-
|
|
55
|
+
__stylesheetVariants: variants
|
|
56
56
|
} = secrets;
|
|
57
57
|
const newComputedStylesheet = this.services.registry.getComputedStylesheet(__uni__stylesheet, scopedTheme);
|
|
58
58
|
const style = newComputedStylesheet[__uni__key];
|
|
@@ -91,7 +91,8 @@ class UnistylesShadowRegistry {
|
|
|
91
91
|
const hashClassname = forChild ? hash.replace(' > *', '') : hash;
|
|
92
92
|
return {
|
|
93
93
|
injectedClassName,
|
|
94
|
-
hash: hashClassname
|
|
94
|
+
hash: hashClassname,
|
|
95
|
+
parsedStyles
|
|
95
96
|
};
|
|
96
97
|
};
|
|
97
98
|
setScopedTheme = theme => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_NativePlatform","require","_utils","_utils2","_variants","UnistylesShadowRegistry","name","__type","equals","toString","dispose","scopedTheme","undefined","disposeMap","Map","constructor","services","add","ref","hash","isServer","HTMLElement","registry","connect","addStyles","unistyles","forChild","firstStyle","isGeneratedUnistyle","getParsedStyles","allStyles","map","unistyle","secrets","extractSecrets","Object","keys","length","__uni__key","__uni__stylesheet","__uni__args","
|
|
1
|
+
{"version":3,"names":["_NativePlatform","require","_utils","_utils2","_variants","UnistylesShadowRegistry","name","__type","equals","toString","dispose","scopedTheme","undefined","disposeMap","Map","constructor","services","add","ref","hash","isServer","HTMLElement","registry","connect","addStyles","unistyles","forChild","firstStyle","isGeneratedUnistyle","getParsedStyles","allStyles","map","unistyle","secrets","extractSecrets","Object","keys","length","__uni__key","__uni__stylesheet","__uni__args","__stylesheetVariants","variants","newComputedStylesheet","getComputedStylesheet","style","result","variantsResult","getVariants","resultWithVariants","deepMergeObjects","dependencies","extractUnistyleDependencies","addDependenciesToStylesheet","_web","parsedStyles","existingHash","injectedClassNames","_classNames","injectedClassName","Array","isArray","join","filteredDependencies","state","CSSVars","filter","dependency","UnistyleDependency","Theme","set","listener","addListeners","applyStyles","hashClassname","replace","setScopedTheme","theme","getScopedTheme","remove","then","removed","get","delete","flush","exports"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["UNI_GENERATED_KEYS","exports"],"sourceRoot":"../../../src","sources":["web/types.ts"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"names":["UNI_GENERATED_KEYS","exports"],"sourceRoot":"../../../src","sources":["web/types.ts"],"mappings":";;;;;;AAeO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,mBAAmB,CAAU","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.schemeToTheme = exports.removeInlineStyles = exports.isGeneratedUnistyle = exports.getMediaQuery = exports.extractUnistyleDependencies = exports.extractSecrets = exports.convertTheme = exports.checkForProp = exports.checkForAnimated = exports.assignSecrets = void 0;
|
|
6
|
+
exports.schemeToTheme = exports.removeInlineStyles = exports.isGeneratedUnistyle = exports.getMediaQuery = exports.getClosestBreakpointValue = exports.extractUnistyleDependencies = exports.extractSecrets = exports.convertTheme = exports.checkForProp = exports.checkForAnimated = exports.assignSecrets = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _types = require("../../specs/types");
|
|
9
9
|
var _utils = require("../../utils");
|
|
@@ -123,4 +123,16 @@ const convertTheme = (key, value, prev = '-') => {
|
|
|
123
123
|
return [key, value];
|
|
124
124
|
};
|
|
125
125
|
exports.convertTheme = convertTheme;
|
|
126
|
+
const getClosestBreakpointValue = (runtime, values) => {
|
|
127
|
+
const breakpoints = runtime.breakpoints;
|
|
128
|
+
const breakpointValues = Object.entries(values)
|
|
129
|
+
// Filter out non-breakpoint values
|
|
130
|
+
.filter(pair => pair[0] in breakpoints)
|
|
131
|
+
// Sort in descending order
|
|
132
|
+
.sort(([a], [b]) => (breakpoints[b] ?? 0) - (breakpoints[a] ?? 0));
|
|
133
|
+
// Get breakpoint value with highest priority
|
|
134
|
+
const [_, currentBreakpointValue] = breakpointValues.find(([key]) => (0, _utils.isDefined)(runtime.breakpoint) && (breakpoints[key] ?? 0) <= (breakpoints[runtime.breakpoint] ?? 0)) ?? [];
|
|
135
|
+
return currentBreakpointValue;
|
|
136
|
+
};
|
|
137
|
+
exports.getClosestBreakpointValue = getClosestBreakpointValue;
|
|
126
138
|
//# sourceMappingURL=unistyle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_types","_utils","unistyles","_interopRequireWildcard","_types2","_common","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","schemeToTheme","scheme","ColorScheme","Dark","Light","exports","assignSecrets","object","secrets","secretsId","Math","random","toString","slice","defineProperties","reduceObject","secret","value","enumerable","configurable","extractSecrets","undefined","entries","find","key","startsWith","getOwnPropertyDescriptors","removeInlineStyles","values","returnValue","getMediaQuery","query","allBreakpoints","Orientation","includes","isUnistylesMq","minWidth","maxWidth","minHeight","maxHeight","parseMq","queries","filter","Boolean","join","breakpointValue","services","runtime","breakpoints","nextBreakpoint","b","map","sort","a","extractUnistyleDependencies","dependencies","keyInObject","uni__dependencies","Array","isArray","checkForProp","prop","some","nestedValue","_web","checkForAnimated","objectValues","Animated","Node","length","keys","isGeneratedUnistyle","every","UNI_GENERATED_KEYS","convertTheme","prev","fromEntries","nestedKey","hyphenate"],"sourceRoot":"../../../../src","sources":["web/utils/unistyle.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_types","_utils","unistyles","_interopRequireWildcard","_types2","_common","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","schemeToTheme","scheme","ColorScheme","Dark","Light","exports","assignSecrets","object","secrets","secretsId","Math","random","toString","slice","defineProperties","reduceObject","secret","value","enumerable","configurable","extractSecrets","undefined","entries","find","key","startsWith","getOwnPropertyDescriptors","removeInlineStyles","values","returnValue","getMediaQuery","query","allBreakpoints","Orientation","includes","isUnistylesMq","minWidth","maxWidth","minHeight","maxHeight","parseMq","queries","filter","Boolean","join","breakpointValue","services","runtime","breakpoints","nextBreakpoint","b","map","sort","a","extractUnistyleDependencies","dependencies","keyInObject","uni__dependencies","Array","isArray","checkForProp","prop","some","nestedValue","_web","checkForAnimated","objectValues","Animated","Node","length","keys","isGeneratedUnistyle","every","UNI_GENERATED_KEYS","convertTheme","prev","fromEntries","nestedKey","hyphenate","getClosestBreakpointValue","breakpointValues","pair","_","currentBreakpointValue","isDefined","breakpoint"],"sourceRoot":"../../../../src","sources":["web/utils/unistyle.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,8 +10,12 @@ export const ScopedTheme = ({
|
|
|
10
10
|
children,
|
|
11
11
|
invertedAdaptive
|
|
12
12
|
}) => {
|
|
13
|
-
const
|
|
14
|
-
|
|
13
|
+
const hasAdaptiveThemes = UnistylesRuntime.hasAdaptiveThemes;
|
|
14
|
+
const isAdaptiveTheme = invertedAdaptive && hasAdaptiveThemes;
|
|
15
|
+
if (invertedAdaptive && !hasAdaptiveThemes) {
|
|
16
|
+
return children;
|
|
17
|
+
}
|
|
18
|
+
if (!invertedAdaptive && !name) {
|
|
15
19
|
if (__DEV__) {
|
|
16
20
|
console.error('ScopedTheme: name or invertedAdaptive must be provided');
|
|
17
21
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","UnistylesRuntime","UnistylesShadowRegistry","AdaptiveTheme","NamedTheme","jsx","_jsx","ScopedTheme","name","children","invertedAdaptive","
|
|
1
|
+
{"version":3,"names":["React","UnistylesRuntime","UnistylesShadowRegistry","AdaptiveTheme","NamedTheme","jsx","_jsx","ScopedTheme","name","children","invertedAdaptive","hasAdaptiveThemes","isAdaptiveTheme","__DEV__","console","error","previousScopedTheme","getScopedTheme"],"sourceRoot":"../../../src","sources":["components/ScopedTheme.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,EAAEC,uBAAuB,QAAQ,UAAU;AACpE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAUzC,OAAO,MAAMC,WAAyE,GAAGA,CAAC;EACtFC,IAAI;EACJC,QAAQ;EACRC;AACJ,CAAC,KAAK;EACF,MAAMC,iBAAiB,GAAGV,gBAAgB,CAACU,iBAAiB;EAC5D,MAAMC,eAAe,GAAGF,gBAAgB,IAAIC,iBAAiB;EAE7D,IAAID,gBAAgB,IAAI,CAACC,iBAAiB,EAAE;IACxC,OAAOF,QAAQ;EACnB;EAEA,IAAI,CAACC,gBAAgB,IAAI,CAACF,IAAI,EAAE;IAC5B,IAAIK,OAAO,EAAE;MACTC,OAAO,CAACC,KAAK,CAAC,wDAAwD,CAAC;IAC3E;IAEA,OAAO,IAAI;EACf;EAEA,MAAMC,mBAAmB,GAAGd,uBAAuB,CAACe,cAAc,CAAC,CAAC;EAEpE,OAAOL,eAAe,gBAEdN,IAAA,CAACH,aAAa;IAACa,mBAAmB,EAAEA,mBAAoB;IAAAP,QAAA,EACnDA;EAAQ,CACE,CAAC,gBAGhBH,IAAA,CAACF,UAAU;IACPI,IAAI,EAAEA,IAA8B;IACpCQ,mBAAmB,EAAEA,mBAAoB;IAAAP,QAAA,EAExCA;EAAQ,CACD,CACf;AAET,CAAC","ignoreList":[]}
|
|
@@ -19,8 +19,14 @@ export const withUnistyles = (Component, mappings) => {
|
|
|
19
19
|
proxifiedRuntime,
|
|
20
20
|
proxifiedTheme
|
|
21
21
|
} = useProxifiedUnistyles();
|
|
22
|
-
const
|
|
23
|
-
|
|
22
|
+
const {
|
|
23
|
+
key: mappingsKey,
|
|
24
|
+
...mappingsProps
|
|
25
|
+
} = mappings ? mappings(proxifiedTheme, proxifiedRuntime) : {};
|
|
26
|
+
const {
|
|
27
|
+
key: uniPropsKey,
|
|
28
|
+
...unistyleProps
|
|
29
|
+
} = narrowedProps.uniProps ? narrowedProps.uniProps(proxifiedTheme, proxifiedRuntime) : {};
|
|
24
30
|
const emptyStyles = narrowedProps.style ? Object.fromEntries(Object.entries(Object.getOwnPropertyDescriptors(narrowedProps.style)).filter(([key]) => !key.startsWith("unistyles") && !key.startsWith("_")).map(([key]) => [key, undefined])) : undefined;
|
|
25
31
|
const combinedProps = {
|
|
26
32
|
...deepMergeObjects(mappingsProps, unistyleProps, props),
|
|
@@ -47,7 +53,7 @@ export const withUnistyles = (Component, mappings) => {
|
|
|
47
53
|
children: /*#__PURE__*/_jsx(NativeComponent, {
|
|
48
54
|
...combinedProps,
|
|
49
55
|
ref: ref
|
|
50
|
-
})
|
|
56
|
+
}, uniPropsKey || mappingsKey)
|
|
51
57
|
});
|
|
52
58
|
});
|
|
53
59
|
};
|
|
@@ -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","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","deepMergeObjects","getClassName","useProxifiedUnistyles","maybeWarnAboutMultipleUnistyles","jsx","_jsx","withUnistyles","Component","mappings","props","ref","narrowedProps","styleClassNames","style","contentContainerStyleClassNames","contentContainerStyle","proxifiedRuntime","proxifiedTheme","key","mappingsKey","mappingsProps","uniPropsKey","unistyleProps","uniProps","emptyStyles","Object","fromEntries","entries","getOwnPropertyDescriptors","filter","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,MAAM;MAAEgB,GAAG,EAAEC,WAAW;MAAE,GAAGC;IAAc,CAAC,GAAGZ,QAAQ,GAAGA,QAAQ,CAACS,cAAc,EAAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACzG,MAAM;MAAEE,GAAG,EAAEG,WAAW;MAAE,GAAGC;IAAc,CAAC,GAAGX,aAAa,CAACY,QAAQ,GAAGZ,aAAa,CAACY,QAAQ,CAACN,cAAc,EAAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAErI,MAAMQ,WAAW,GAAGb,aAAa,CAACE,KAAK,GACjCY,MAAM,CAACC,WAAW,CAChBD,MAAM,CAACE,OAAO,CAACF,MAAM,CAACG,yBAAyB,CAACjB,aAAa,CAACE,KAAK,CAAC,CAAC,CAChEgB,MAAM,CAAC,CAAC,CAACX,GAAG,CAAC,KAAK,CAACA,GAAG,CAACY,UAAU,CAAC,WAAW,CAAC,IAAI,CAACZ,GAAG,CAACY,UAAU,CAAC,GAAG,CAAC,CAAC,CACvEC,GAAG,CAAC,CAAC,CAACb,GAAG,CAAC,KAAK,CAACA,GAAG,EAAEc,SAAS,CAAC,CACxC,CAAC,GACCA,SAAS;IAEf,MAAMC,aAAa,GAAG;MAClB,GAAGjC,gBAAgB,CAACoB,aAAa,EAAEE,aAAa,EAAEb,KAAK,CAAC;MACxD,IAAGE,aAAa,CAACE,KAAK,GAAG;QACrB;QACAA,KAAK,EAAEW;MACX,CAAC,GAAG,CAAC,CAAC;MACN,IAAGb,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,CAAC2B,WAAW,IAAI3B,SAAS,CAAC4B,IAAI,IAAI,SAAS,GAAG,CAAC;IAC9H;IACAhC,+BAA+B,CAACQ,aAAa,CAACI,qBAAqB,EAAE,iBAAiBR,SAAS,CAAC2B,WAAW,IAAI3B,SAAS,CAAC4B,IAAI,IAAI,SAAS,GAAG,CAAC;IAE9I,MAAMC,eAAe,GAAG7B,SAA0B;IAClD,MAAM,CAAC8B,UAAU,CAAC,GAAGzB,eAAe,IAAI,EAAE;IAE1C,oBACIP,IAAA;MACIiC,SAAS,EAAED,UAAU,EAAEE,IAAK;MAC5B1B,KAAK,EAAE;QAAE2B,OAAO,EAAE;MAAW,CAAE;MAAAC,QAAA,eAE/BpC,IAAA,CAAC+B,eAAe;QAAA,GAERH,aAAa;QACjBvB,GAAG,EAAEA;MAAI,GAFJW,WAAW,IAAIF,WAGvB;IAAC,CACD,CAAC;EAEd,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
|
|
@@ -44,8 +44,14 @@ export const withUnistyles = (Component, mappings) => {
|
|
|
44
44
|
const contentContainerStyleSecrets = getSecrets(narrowedProps.contentContainerStyle);
|
|
45
45
|
addDependencies(Array.from(new Set([...styleSecrets.dependencies, ...contentContainerStyleSecrets.dependencies])));
|
|
46
46
|
}, [narrowedProps.style, narrowedProps.contentContainerStyle]);
|
|
47
|
-
const
|
|
48
|
-
|
|
47
|
+
const {
|
|
48
|
+
key: mappingsKey,
|
|
49
|
+
...mappingsProps
|
|
50
|
+
} = mappings ? mappings(proxifiedTheme, proxifiedRuntime) : {};
|
|
51
|
+
const {
|
|
52
|
+
key: uniPropsKey,
|
|
53
|
+
...unistyleProps
|
|
54
|
+
} = narrowedProps.uniProps ? narrowedProps.uniProps(proxifiedTheme, proxifiedRuntime) : {};
|
|
49
55
|
const styleSecrets = getSecrets(narrowedProps.style);
|
|
50
56
|
const contentContainerStyleSecrets = getSecrets(narrowedProps.contentContainerStyle);
|
|
51
57
|
const finalProps = {
|
|
@@ -60,7 +66,7 @@ export const withUnistyles = (Component, mappings) => {
|
|
|
60
66
|
return /*#__PURE__*/_jsx(NativeComponent, {
|
|
61
67
|
...finalProps,
|
|
62
68
|
ref: ref
|
|
63
|
-
});
|
|
69
|
+
}, uniPropsKey || mappingsKey);
|
|
64
70
|
});
|
|
65
71
|
};
|
|
66
72
|
//# sourceMappingURL=withUnistyles.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useEffect","useRef","UnistylesShadowRegistry","deepMergeObjects","useProxifiedUnistyles","maybeWarnAboutMultipleUnistyles","jsx","_jsx","withUnistyles","Component","mappings","getSecrets","styleProps","styles","Array","isArray","flat","secrets","filter","Boolean","reduce","acc","style","unistyleKey","Object","keys","find","key","startsWith","concat","uni__getStyles","uni__dependencies","secret","assign","dependencies","flatMap","props","ref","narrowedProps","NativeComponent","displayName","name","contentContainerStyle","scopedTheme","getScopedTheme","proxifiedRuntime","proxifiedTheme","addDependencies","current","styleSecrets","contentContainerStyleSecrets","from","Set","mappingsProps","unistyleProps","uniProps","finalProps"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAsBC,MAAM,QAAQ,OAAO;AAChF,SAAkCC,uBAAuB,QAAQ,aAAa;AAE9E,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,SAASC,qBAAqB,QAAQ,0BAA0B;AAChE,SAASC,+BAA+B,QAAQ,SAAS;;AAGzD;;AAEA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAaA,OAAO,MAAMC,aAAa,GAAGA,CAAkEC,SAAqB,EAAEC,QAA8B,KAAK;
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useEffect","useRef","UnistylesShadowRegistry","deepMergeObjects","useProxifiedUnistyles","maybeWarnAboutMultipleUnistyles","jsx","_jsx","withUnistyles","Component","mappings","getSecrets","styleProps","styles","Array","isArray","flat","secrets","filter","Boolean","reduce","acc","style","unistyleKey","Object","keys","find","key","startsWith","concat","uni__getStyles","uni__dependencies","secret","assign","dependencies","flatMap","props","ref","narrowedProps","NativeComponent","displayName","name","contentContainerStyle","scopedTheme","getScopedTheme","proxifiedRuntime","proxifiedTheme","addDependencies","current","styleSecrets","contentContainerStyleSecrets","from","Set","mappingsKey","mappingsProps","uniPropsKey","unistyleProps","uniProps","finalProps"],"sourceRoot":"../../../../src","sources":["core/withUnistyles/withUnistyles.native.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAsBC,MAAM,QAAQ,OAAO;AAChF,SAAkCC,uBAAuB,QAAQ,aAAa;AAE9E,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,SAASC,qBAAqB,QAAQ,0BAA0B;AAChE,SAASC,+BAA+B,QAAQ,SAAS;;AAGzD;;AAEA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAaA,OAAO,MAAMC,aAAa,GAAGA,CAAkEC,SAAqB,EAAEC,QAA8B,KAAK;EAMrJ,MAAMC,UAAU,GAAGA,CAACC,UAA+B,GAAG,CAAC,CAAC,KAAoB;IACxE,MAAMC,MAAM,GAAGC,KAAK,CAACC,OAAO,CAACH,UAAU,CAAC,GAClCA,UAAU,CAACI,IAAI,CAAC,CAAC,GACjB,CAACJ,UAAU,CAAC;IAElB,MAAMK,OAAgC,GAAGJ,MAAM,CAC1CK,MAAM,CAACC,OAAO,CAAC,CACfC,MAAM,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK;MACpB,MAAMC,WAAW,GAAGC,MAAM,CACrBC,IAAI,CAACH,KAAK,CAAC,CACXI,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,YAAY,CAAC,CAAC;MAE9C,OAAOP,GAAG,CAACQ,MAAM,CAAC,CACdN,WAAW,GACLD,KAAK,CAACC,WAAW,CAAC,GAClB;QACEO,cAAc,EAAEA,CAAA,KAAMR,KAAK;QAC3BS,iBAAiB,EAAE;MACvB,CAAC,CACR,CAAC;IACN,CAAC,EAAE,EAAE,CAAC;IAEV,OAAO;MACHlB,MAAM,EAAEI,OAAO,CAACG,MAAM,CAAC,CAACC,GAAG,EAAEW,MAAM,KAAKR,MAAM,CACzCS,MAAM,CAACZ,GAAG,EAAEW,MAAM,CAACF,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAwB,CAAC;MACrEI,YAAY,EAAEjB,OAAO,CAACkB,OAAO,CAACH,MAAM,IAAIA,MAAM,CAACD,iBAAiB;IACpE,CAAC;EACL,CAAC;EAED,oBAAOhC,UAAU,CAAsD,CAACqC,KAAK,EAAEC,GAAG,KAAK;IACnF,MAAMC,aAAa,GAAGF,KAA2B;IACjD,MAAMG,eAAe,GAAG9B,SAA0B;;IAElD;IACAJ,+BAA+B,CAACiC,aAAa,CAAChB,KAAK,EAAE,iBAAiBb,SAAS,CAAC+B,WAAW,IAAI/B,SAAS,CAACgC,IAAI,IAAI,SAAS,GAAG,CAAC;IAC9H;IACApC,+BAA+B,CAACiC,aAAa,CAACI,qBAAqB,EAAE,iBAAiBjC,SAAS,CAAC+B,WAAW,IAAI/B,SAAS,CAACgC,IAAI,IAAI,SAAS,GAAG,CAAC;IAE9I,MAAME,WAAW,GAAG1C,MAAM,CAACC,uBAAuB,CAAC0C,cAAc,CAAC,CAAmB,CAAC;IACtF,MAAM;MAAEC,gBAAgB;MAAEC,cAAc;MAAEC;IAAgB,CAAC,GAAG3C,qBAAqB,CAACuC,WAAW,CAACK,OAAO,CAAC;IAExGhD,SAAS,CAAC,MAAM;MACZ,MAAMiD,YAAY,GAAGtC,UAAU,CAAC2B,aAAa,CAAChB,KAAK,CAAC;MACpD,MAAM4B,4BAA4B,GAAGvC,UAAU,CAAC2B,aAAa,CAACI,qBAAqB,CAAC;MAEpFK,eAAe,CAACjC,KAAK,CAACqC,IAAI,CAAC,IAAIC,GAAG,CAAC,CAAC,GAAGH,YAAY,CAACf,YAAY,EAAE,GAAGgB,4BAA4B,CAAChB,YAAY,CAAC,CAAC,CAAC,CAAC;IACtH,CAAC,EAAE,CAACI,aAAa,CAAChB,KAAK,EAAEgB,aAAa,CAACI,qBAAqB,CAAC,CAAC;IAE9D,MAAM;MAAEf,GAAG,EAAE0B,WAAW;MAAE,GAAGC;IAAc,CAAC,GAAG5C,QAAQ,GAAGA,QAAQ,CAACoC,cAAc,EAAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACzG,MAAM;MAAElB,GAAG,EAAE4B,WAAW;MAAE,GAAGC;IAAc,CAAC,GAAGlB,aAAa,CAACmB,QAAQ,GAAGnB,aAAa,CAACmB,QAAQ,CAACX,cAAc,EAAED,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAErI,MAAMI,YAAY,GAAGtC,UAAU,CAAC2B,aAAa,CAAChB,KAAK,CAAC;IACpD,MAAM4B,4BAA4B,GAAGvC,UAAU,CAAC2B,aAAa,CAACI,qBAAqB,CAAC;IAEpF,MAAMgB,UAAU,GAAG;MACf,GAAGvD,gBAAgB,CAACmD,aAAa,EAAEE,aAAa,EAAEpB,KAAK,CAAC;MACxD,IAAGE,aAAa,CAAChB,KAAK,GAAG;QACrBA,KAAK,EAAE2B,YAAY,CAACpC;MACxB,CAAC,GAAG,CAAC,CAAC;MACN,IAAGyB,aAAa,CAACI,qBAAqB,GAAG;QACrCA,qBAAqB,EAAEQ,4BAA4B,CAACrC;MACxD,CAAC,GAAG,CAAC,CAAC;IACV,CAAQ;IAER,oBACIN,IAAA,CAACgC,eAAe;MAAA,GAERmB,UAAU;MACdrB,GAAG,EAAEA;IAAI,GAFJkB,WAAW,IAAIF,WAGvB,CAAC;EAEV,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useAnimatedTheme"],"sourceRoot":"../../../src","sources":["reanimated/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oBAAoB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["useAnimatedTheme","useAnimatedVariantColor"],"sourceRoot":"../../../src","sources":["reanimated/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,uBAAuB,QAAQ,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["reanimated/variant/index.ts"],"mappings":";;AAAA,cAAc,2BAA2B","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["reanimated/variant/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { interpolateColor, useDerivedValue, useSharedValue } from 'react-native-reanimated';
|
|
4
|
+
import { useUpdateVariantColor } from './useUpdateVariantColor';
|
|
5
|
+
export const useAnimatedVariantColor = (style, colorKey) => {
|
|
6
|
+
const secretKey = Object.keys(style).find(key => key.startsWith('unistyles_'));
|
|
7
|
+
// @ts-ignore this is hidden from TS
|
|
8
|
+
const hasVariants = style[secretKey]?.__stylesheetVariants;
|
|
9
|
+
if (!hasVariants || !colorKey.toLowerCase().includes('color')) {
|
|
10
|
+
throw new Error('useAnimatedVariantColor: Style was not created by Unistyles, does not have variants or has no color property');
|
|
11
|
+
}
|
|
12
|
+
const {
|
|
13
|
+
fromValue,
|
|
14
|
+
toValue
|
|
15
|
+
} = useUpdateVariantColor({
|
|
16
|
+
animateCallback: (from, to) => animate(from, to),
|
|
17
|
+
colorKey,
|
|
18
|
+
secretKey,
|
|
19
|
+
style
|
|
20
|
+
});
|
|
21
|
+
const progress = useSharedValue(1);
|
|
22
|
+
const animate = (from, to) => {
|
|
23
|
+
'worklet';
|
|
24
|
+
|
|
25
|
+
fromValue.set(from);
|
|
26
|
+
toValue.set(to);
|
|
27
|
+
};
|
|
28
|
+
const derivedColor = useDerivedValue(() => {
|
|
29
|
+
return interpolateColor(progress.value, [0, 1], [fromValue.get(), toValue.get()]);
|
|
30
|
+
});
|
|
31
|
+
return derivedColor;
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=useAnimatedVariantColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["interpolateColor","useDerivedValue","useSharedValue","useUpdateVariantColor","useAnimatedVariantColor","style","colorKey","secretKey","Object","keys","find","key","startsWith","hasVariants","__stylesheetVariants","toLowerCase","includes","Error","fromValue","toValue","animateCallback","from","to","animate","progress","set","derivedColor","value","get"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useAnimatedVariantColor.ts"],"mappings":";;AAAA,SAASA,gBAAgB,EAAEC,eAAe,EAAEC,cAAc,QAAQ,yBAAyB;AAE3F,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,OAAO,MAAMC,uBAAuB,GAAGA,CAAgCC,KAAQ,EAAEC,QAAsB,KAAK;EACxG,MAAMC,SAAS,GAAGC,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,CAACK,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACC,UAAU,CAAC,YAAY,CAAC,CAAC;EAC9E;EACA,MAAMC,WAAW,GAAGR,KAAK,CAACE,SAAS,CAAC,EAAEO,oBAAoB;EAE1D,IAAI,CAACD,WAAW,IAAI,CAACP,QAAQ,CAACS,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC,OAAO,CAAC,EAAE;IAC3D,MAAM,IAAIC,KAAK,CAAC,8GAA8G,CAAC;EACnI;EAEA,MAAM;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGhB,qBAAqB,CAAC;IACjDiB,eAAe,EAAEA,CAACC,IAAI,EAAEC,EAAE,KAAKC,OAAO,CAACF,IAAI,EAAEC,EAAE,CAAC;IAChDhB,QAAQ;IACRC,SAAS;IACTF;EACJ,CAAC,CAAC;EAEF,MAAMmB,QAAQ,GAAGtB,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMqB,OAAO,GAAGA,CAACF,IAAY,EAAEC,EAAU,KAAK;IAC1C,SAAS;;IAETJ,SAAS,CAACO,GAAG,CAACJ,IAAI,CAAC;IACnBF,OAAO,CAACM,GAAG,CAACH,EAAE,CAAC;EACnB,CAAC;EAED,MAAMI,YAAY,GAAGzB,eAAe,CAAC,MAAM;IACvC,OAAOD,gBAAgB,CACnBwB,QAAQ,CAACG,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACT,SAAS,CAACU,GAAG,CAAC,CAAC,EAAET,OAAO,CAACS,GAAG,CAAC,CAAC,CACnC,CAAC;EACL,CAAC,CAAC;EAEF,OAAOF,YAAY;AACvB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useCallback, useEffect, useLayoutEffect, useMemo, useState } from 'react';
|
|
4
|
+
import { runOnUI, useSharedValue } from 'react-native-reanimated';
|
|
5
|
+
import { UnistyleDependency } from '../../specs';
|
|
6
|
+
import { services } from '../../web/services';
|
|
7
|
+
import { getClosestBreakpointValue } from '../../web/utils';
|
|
8
|
+
export const useUpdateVariantColor = ({
|
|
9
|
+
animateCallback,
|
|
10
|
+
colorKey,
|
|
11
|
+
style
|
|
12
|
+
}) => {
|
|
13
|
+
const [dummyDiv] = useState(() => {
|
|
14
|
+
const div = document.createElement('div');
|
|
15
|
+
div.style.display = 'none';
|
|
16
|
+
document.body.appendChild(div);
|
|
17
|
+
return div;
|
|
18
|
+
});
|
|
19
|
+
const parsedStyles = useMemo(() => {
|
|
20
|
+
return services.shadowRegistry.addStyles([style]).parsedStyles;
|
|
21
|
+
}, [style]);
|
|
22
|
+
const getCurrentColor = useCallback(() => {
|
|
23
|
+
if (!parsedStyles) {
|
|
24
|
+
return 'rgb(0, 0, 0)';
|
|
25
|
+
}
|
|
26
|
+
const currentColor = parsedStyles[colorKey];
|
|
27
|
+
const currentColorVar = typeof currentColor === 'string' ? currentColor : getClosestBreakpointValue(services.runtime, currentColor) ?? 'rgb(0, 0, 0)';
|
|
28
|
+
if (currentColorVar.startsWith('var(--')) {
|
|
29
|
+
dummyDiv.style.color = currentColorVar;
|
|
30
|
+
return getComputedStyle(dummyDiv).color;
|
|
31
|
+
}
|
|
32
|
+
return currentColorVar;
|
|
33
|
+
}, [style, colorKey]);
|
|
34
|
+
const fromValue = useSharedValue(getCurrentColor());
|
|
35
|
+
const toValue = useSharedValue(getCurrentColor());
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
const dispose = services.listener.addListeners([UnistyleDependency.Theme], () => {
|
|
38
|
+
runOnUI(() => {
|
|
39
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
|
40
|
+
})();
|
|
41
|
+
});
|
|
42
|
+
return () => dispose();
|
|
43
|
+
}, [style, colorKey]);
|
|
44
|
+
useLayoutEffect(() => {
|
|
45
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
|
46
|
+
const colorStyle = parsedStyles?.[colorKey];
|
|
47
|
+
if (typeof colorStyle !== 'object' || colorStyle === null) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
const dispose = services.listener.addListeners([UnistyleDependency.Breakpoints], () => {
|
|
51
|
+
animateCallback?.(toValue.get(), getCurrentColor());
|
|
52
|
+
});
|
|
53
|
+
return () => dispose();
|
|
54
|
+
}, [style, colorKey]);
|
|
55
|
+
useEffect(() => () => dummyDiv.remove(), []);
|
|
56
|
+
return {
|
|
57
|
+
fromValue,
|
|
58
|
+
toValue
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
//# sourceMappingURL=useUpdateVariantColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useLayoutEffect","useMemo","useState","runOnUI","useSharedValue","UnistyleDependency","services","getClosestBreakpointValue","useUpdateVariantColor","animateCallback","colorKey","style","dummyDiv","div","document","createElement","display","body","appendChild","parsedStyles","shadowRegistry","addStyles","getCurrentColor","currentColor","currentColorVar","runtime","startsWith","color","getComputedStyle","fromValue","toValue","dispose","listener","addListeners","Theme","get","colorStyle","Breakpoints","remove"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useUpdateVariantColor.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect, useLayoutEffect } from 'react';
|
|
4
|
+
import { useSharedValue } from 'react-native-reanimated';
|
|
5
|
+
import { StyleSheet, UnistyleDependency } from '../../specs';
|
|
6
|
+
export const useUpdateVariantColor = ({
|
|
7
|
+
colorKey,
|
|
8
|
+
style,
|
|
9
|
+
secretKey
|
|
10
|
+
}) => {
|
|
11
|
+
const fromValue = useSharedValue(style[colorKey]);
|
|
12
|
+
const toValue = useSharedValue(style[colorKey]);
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
// @ts-ignore this is hidden from TS
|
|
15
|
+
const dispose = StyleSheet.addChangeListener(changedDependencies => {
|
|
16
|
+
if (changedDependencies.includes(UnistyleDependency.Theme) || changedDependencies.includes(UnistyleDependency.Breakpoints)) {
|
|
17
|
+
// @ts-ignore
|
|
18
|
+
const newStyles = style[secretKey]?.uni__getStyles();
|
|
19
|
+
fromValue.set(toValue.value);
|
|
20
|
+
toValue.set(newStyles[colorKey]);
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
return () => dispose();
|
|
24
|
+
}, [style, colorKey]);
|
|
25
|
+
useLayoutEffect(() => {
|
|
26
|
+
fromValue.set(toValue.value);
|
|
27
|
+
toValue.set(style[colorKey]);
|
|
28
|
+
}, [style, colorKey]);
|
|
29
|
+
return {
|
|
30
|
+
fromValue,
|
|
31
|
+
toValue
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=useUpdateVariantColor.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useLayoutEffect","useSharedValue","StyleSheet","UnistyleDependency","useUpdateVariantColor","colorKey","style","secretKey","fromValue","toValue","dispose","addChangeListener","changedDependencies","includes","Theme","Breakpoints","newStyles","uni__getStyles","set","value"],"sourceRoot":"../../../../src","sources":["reanimated/variant/useUpdateVariantColor.native.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,eAAe,QAAQ,OAAO;AAClD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,UAAU,EAAEC,kBAAkB,QAAQ,aAAa;AAG5D,OAAO,MAAMC,qBAAqB,GAAGA,CAAgC;EACjEC,QAAQ;EACRC,KAAK;EACLC;AAC4B,CAAC,KAAK;EAClC,MAAMC,SAAS,GAAGP,cAAc,CAASK,KAAK,CAACD,QAAQ,CAAC,CAAC;EACzD,MAAMI,OAAO,GAAGR,cAAc,CAASK,KAAK,CAACD,QAAQ,CAAC,CAAC;EAEvDN,SAAS,CAAC,MAAM;IACZ;IACA,MAAMW,OAAO,GAAGR,UAAU,CAACS,iBAAiB,CAACC,mBAAmB,IAAI;MAChE,IAAIA,mBAAmB,CAACC,QAAQ,CAACV,kBAAkB,CAACW,KAAK,CAAC,IAAIF,mBAAmB,CAACC,QAAQ,CAACV,kBAAkB,CAACY,WAAW,CAAC,EAAE;QACxH;QACA,MAAMC,SAAS,GAAGV,KAAK,CAACC,SAAS,CAAC,EAAEU,cAAc,CAAC,CAAC;QAEpDT,SAAS,CAACU,GAAG,CAACT,OAAO,CAACU,KAAK,CAAC;QAC5BV,OAAO,CAACS,GAAG,CAACF,SAAS,CAACX,QAAQ,CAAC,CAAC;MACpC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAMK,OAAO,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACJ,KAAK,EAAED,QAAQ,CAAC,CAAC;EAErBL,eAAe,CAAC,MAAM;IAClBQ,SAAS,CAACU,GAAG,CAACT,OAAO,CAACU,KAAK,CAAC;IAC5BV,OAAO,CAACS,GAAG,CAACZ,KAAK,CAACD,QAAQ,CAAC,CAAC;EAChC,CAAC,EAAE,CAACC,KAAK,EAAED,QAAQ,CAAC,CAAC;EAErB,OAAO;IACHG,SAAS;IACTC;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
// All non experimental pseudo clasess and elements
|
|
4
|
+
|
|
5
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes
|
|
6
|
+
const pseudoClasses = ['_active', '_any-link', '_autofill', '_buffering', '_checked', '_default', '_defined', '_dir(', '_disabled', '_empty', '_enabled', '_first', '_first-child', '_first-of-type', '_focus', '_focus-visible', '_focus-within', '_future', '_has-slotted', '_has(', '_host', '_host-context(', '_host(', '_hover', '_in-range', '_indeterminate', '_invalid', '_is(', '_lang(', '_last-child', '_last-of-type', '_left', '_link', '_modal', '_muted', '_not(', '_nth-child(', '_nth-last-child(', '_nth-last-of-type(', '_nth-of-type(', '_only-child', '_only-of-type', '_open', '_optional', '_out-of-range', '_past', '_paused', '_picture-in-picture', '_placeholder-shown', '_playing', '_popover-open', '_read-only', '_read-write', '_required', '_right', '_root', '_scope', '_seeking', '_stalled', '_state(', '_target', '_user-invalid', '_user-valid', '_valid', '_visited', '_volume-locked', '_where'];
|
|
7
|
+
|
|
8
|
+
// https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements
|
|
9
|
+
const pseudoElements = ['_after', '_backdrop', '_before', '_cue', '_details-content', '_file-selector-button', '_first-letter', '_first-line', '_grammar-error', '_highlight(', '_marker', '_part(', '_placeholder', '_selection', '_slotted(', '_spelling-error', '_target-text', '_view-transition', '_view-transition-group(', '_view-transition-image-pair(', '_view-transition-new(', '_view-transition-old('];
|
|
10
|
+
export const isPseudoClass = selector => pseudoClasses.some(pseudo => selector.startsWith(pseudo));
|
|
11
|
+
export const isPseudoElement = selector => pseudoElements.some(pseudo => selector.startsWith(pseudo));
|
|
12
|
+
export const isPseudo = selector => isPseudoClass(selector) || isPseudoElement(selector);
|
|
5
13
|
//# sourceMappingURL=pseudo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["pseudoClasses","pseudoElements","isPseudoClass","selector","some","pseudo","startsWith","isPseudoElement","isPseudo"],"sourceRoot":"../../../../src","sources":["web/convert/pseudo.ts"],"mappings":";;AAAA;;AAEA;AACA,MAAMA,aAAa,GAAG,CAClB,SAAS,EACT,WAAW,EACX,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,EACV,UAAU,EACV,OAAO,EACP,WAAW,EACX,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,SAAS,EACT,cAAc,EACd,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,MAAM,EACN,QAAQ,EACR,aAAa,EACb,eAAe,EACf,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,eAAe,EACf,OAAO,EACP,WAAW,EACX,eAAe,EACf,OAAO,EACP,SAAS,EACT,qBAAqB,EACrB,oBAAoB,EACpB,UAAU,EACV,eAAe,EACf,YAAY,EACZ,aAAa,EACb,WAAW,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,SAAS,EACT,eAAe,EACf,aAAa,EACb,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,QAAQ,CACF;;AAEV;AACA,MAAMC,cAAc,GAAG,CACnB,QAAQ,EACR,WAAW,EACX,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,uBAAuB,EACvB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,yBAAyB,EACzB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,CACjB;AAMV,OAAO,MAAMC,aAAa,GAAIC,QAAgB,IAAKH,aAAa,CAACI,IAAI,CAACC,MAAM,IAAIF,QAAQ,CAACG,UAAU,CAACD,MAAM,CAAC,CAAC;AAE5G,OAAO,MAAME,eAAe,GAAIJ,QAAgB,IAAKF,cAAc,CAACG,IAAI,CAACC,MAAM,IAAIF,QAAQ,CAACG,UAAU,CAACD,MAAM,CAAC,CAAC;AAE/G,OAAO,MAAMG,QAAQ,GAAIL,QAAgB,IAAKD,aAAa,CAACC,QAAQ,CAAC,IAAII,eAAe,CAACJ,QAAQ,CAAC","ignoreList":[]}
|
package/lib/module/web/create.js
CHANGED
|
@@ -17,7 +17,7 @@ export const create = (stylesheet, id) => {
|
|
|
17
17
|
__uni__key: key,
|
|
18
18
|
__uni__stylesheet: stylesheet,
|
|
19
19
|
__uni__args: args,
|
|
20
|
-
|
|
20
|
+
__stylesheetVariants: variants
|
|
21
21
|
});
|
|
22
22
|
const createStyleSheetStyles = variants => {
|
|
23
23
|
const stylesEntries = Object.entries(computedStylesheet).map(([key, value]) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["unistyles","assignSecrets","error","isServer","removeInlineStyles","create","stylesheet","id","services","state","isInitialized","config","window","__UNISTYLES_STATE__","init","computedStylesheet","registry","getComputedStylesheet","addSecrets","value","key","args","undefined","variants","__uni__key","__uni__stylesheet","__uni__args","
|
|
1
|
+
{"version":3,"names":["unistyles","assignSecrets","error","isServer","removeInlineStyles","create","stylesheet","id","services","state","isInitialized","config","window","__UNISTYLES_STATE__","init","computedStylesheet","registry","getComputedStylesheet","addSecrets","value","key","args","undefined","variants","__uni__key","__uni__stylesheet","__uni__args","__stylesheetVariants","createStyleSheetStyles","stylesEntries","Object","entries","map","result","fromEntries","concat","useVariants"],"sourceRoot":"../../../src","sources":["web/create.ts"],"mappings":";;AACA,OAAO,KAAKA,SAAS,MAAM,YAAY;AACvC,SAASC,aAAa,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,kBAAkB,QAAQ,SAAS;AAI5E,OAAO,MAAMC,MAAM,GAAGA,CAACC,UAAiD,EAAEC,EAAW,KAAK;EACtF,IAAI,CAACA,EAAE,EAAE;IACL,MAAML,KAAK,CAAC,uFAAuF,CAAC;EACxG;;EAEA;EACA,IAAI,CAACF,SAAS,CAACQ,QAAQ,CAACC,KAAK,CAACC,aAAa,IAAI,CAACP,QAAQ,CAAC,CAAC,EAAE;IACxD,MAAMQ,MAAM,GAAGC,MAAM,EAAEC,mBAAmB,EAAEF,MAAM;IAElDA,MAAM,IAAIX,SAAS,CAACQ,QAAQ,CAACC,KAAK,CAACK,IAAI,CAACH,MAAM,CAAC;EACnD;EAEA,MAAMI,kBAAkB,GAAGf,SAAS,CAACQ,QAAQ,CAACQ,QAAQ,CAACC,qBAAqB,CAACX,UAAU,CAAC;EACxF,MAAMY,UAAU,GAAGA,CAACC,KAAU,EAAEC,GAAW,EAAEC,IAAI,GAAGC,SAAmC,EAAEC,QAAQ,GAAG,CAAC,CAAa,KAAKtB,aAAa,CAACkB,KAAK,EAAE;IACxIK,UAAU,EAAEJ,GAAG;IACfK,iBAAiB,EAAEnB,UAAU;IAC7BoB,WAAW,EAAEL,IAAI;IACjBM,oBAAoB,EAAEJ;EAC1B,CAAC,CAAC;EAEF,MAAMK,sBAAsB,GAAIL,QAAmB,IAAK;IACpD,MAAMM,aAAa,GAAGC,MAAM,CAACC,OAAO,CAAChB,kBAAkB,CAAC,CAACiB,GAAG,CAAC,CAAC,CAACZ,GAAG,EAAED,KAAK,CAAC,KAAK;MAC3E,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE;QAC7B,OAAO,CAACC,GAAG,EAAE,CAAC,GAAGC,IAAgB,KAAK;UAClC,MAAMY,MAAM,GAAG7B,kBAAkB,CAACe,KAAK,CAAC,GAAGE,IAAI,CAAC,CAAC;UAEjD,OAAOH,UAAU,CAACe,MAAM,EAAEb,GAAG,EAAEC,IAAI,EAAEE,QAAQ,CAAC;QAClD,CAAC,CAAC;MACN;MAEA,OAAO,CAACH,GAAG,EAAEF,UAAU,CAACd,kBAAkB,CAACe,KAAK,CAAC,EAAEC,GAAG,EAAEE,SAAS,EAAEC,QAAQ,CAAC,CAAC;IACjF,CAAC,CAAC;IAEF,OAAOO,MAAM,CAACI,WAAW,CAACL,aAAa,CAACM,MAAM,CAAC,CAACC,WAAW,CAAC,CAAC,CAAC;EAClE,CAAC;EAED,MAAMA,WAAW,GAAG,CAAC,aAAa,EAAGb,QAAkB,IAAK;IACxD,OAAOK,sBAAsB,CAACL,QAAQ,CAAC;EAC3C,CAAC,CAAC;EAEF,OAAOK,sBAAsB,CAAC,CAAC;AACnC,CAAC","ignoreList":[]}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { isPseudoClass } from '../convert/pseudo';
|
|
3
4
|
import { getMediaQuery } from '../utils';
|
|
4
5
|
export const convertToCSS = (hash, value, state) => {
|
|
5
6
|
Object.entries(value).forEach(([styleKey, styleValue]) => {
|
|
6
7
|
if (styleKey[0] === '_') {
|
|
7
|
-
const
|
|
8
|
+
const isStylePseudoClass = isPseudoClass(styleKey);
|
|
9
|
+
const pseudoClassName = `${hash}${isStylePseudoClass ? ':' : '::'}${styleKey.slice(1)}`;
|
|
8
10
|
Object.entries(styleValue).forEach(([pseudoStyleKey, pseudoStyleValue]) => {
|
|
9
11
|
if (typeof pseudoStyleValue === 'object' && pseudoStyleValue !== null) {
|
|
10
12
|
const allBreakpoints = Object.keys(styleValue);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getMediaQuery","convertToCSS","hash","value","state","Object","entries","forEach","styleKey","styleValue","pseudoClassName","
|
|
1
|
+
{"version":3,"names":["isPseudoClass","getMediaQuery","convertToCSS","hash","value","state","Object","entries","forEach","styleKey","styleValue","isStylePseudoClass","pseudoClassName","slice","pseudoStyleKey","pseudoStyleValue","allBreakpoints","keys","breakpointStyleKey","breakpointStyleValue","mediaQuery","set","className","propertyKey","filter","_","map","key"],"sourceRoot":"../../../../src","sources":["web/css/core.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,mBAAmB;AACjD,SAASC,aAAa,QAAQ,UAAU;AAGxC,OAAO,MAAMC,YAAY,GAAGA,CAACC,IAAY,EAAEC,KAA0B,EAAEC,KAAe,KAAK;EACvFC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,QAAQ,EAAEC,UAAU,CAAC,KAAK;IACtD,IAAID,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;MACrB,MAAME,kBAAkB,GAAGX,aAAa,CAACS,QAAQ,CAAC;MAClD,MAAMG,eAAe,GAAG,GAAGT,IAAI,GAAGQ,kBAAkB,GAAG,GAAG,GAAG,IAAI,GAAGF,QAAQ,CAACI,KAAK,CAAC,CAAC,CAAC,EAAE;MAEvFP,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACM,cAAc,EAAEC,gBAAgB,CAAC,KAAK;QACvE,IAAI,OAAOA,gBAAgB,KAAK,QAAQ,IAAIA,gBAAgB,KAAK,IAAI,EAAE;UACnE,MAAMC,cAAc,GAAGV,MAAM,CAACW,IAAI,CAACP,UAAU,CAAC;UAC9CJ,MAAM,CAACC,OAAO,CAACQ,gBAAgB,CAAC,CAACP,OAAO,CAAC,CAAC,CAACU,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;YACrF,MAAMC,UAAU,GAAGnB,aAAa,CAACa,cAAc,EAAEE,cAAc,CAAC;YAEhEX,KAAK,CAACgB,GAAG,CAAC;cACND,UAAU;cACVE,SAAS,EAAEV,eAAe;cAC1BW,WAAW,EAAEL,kBAAkB;cAC/Bd,KAAK,EAAEe;YACX,CAAC,CAAC;UACN,CAAC,CAAC;UAEF;QACJ;QAEAd,KAAK,CAACgB,GAAG,CAAC;UACNC,SAAS,EAAEV,eAAe;UAC1BW,WAAW,EAAET,cAAc;UAC3BV,KAAK,EAAEW;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEA,IAAI,OAAOL,UAAU,KAAK,QAAQ,EAAE;MAChCJ,MAAM,CAACC,OAAO,CAACG,UAAU,CAAC,CAACF,OAAO,CAAC,CAAC,CAACU,kBAAkB,EAAEC,oBAAoB,CAAC,KAAK;QAC/E,MAAMH,cAAc,GAAGV,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CACvCoB,MAAM,CAAC,CAAC,CAACC,CAAC,EAAErB,KAAK,CAAC,KAAK;UACpB,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,EAAE;YAC7C,OAAO,KAAK;UAChB;UAEA,OAAOc,kBAAkB,IAAId,KAAK;QACtC,CAAC,CAAC,CACDsB,GAAG,CAAC,CAAC,CAACC,GAAG,CAAC,KAAKA,GAAG,CAAC;QACxB,MAAMP,UAAU,GAAGnB,aAAa,CAACQ,QAAQ,EAAEO,cAAc,CAAC;QAE1DX,KAAK,CAACgB,GAAG,CAAC;UACND,UAAU;UACVE,SAAS,EAAEnB,IAAI;UACfoB,WAAW,EAAEL,kBAAkB;UAC/Bd,KAAK,EAAEe;QACX,CAAC,CAAC;MACN,CAAC,CAAC;MAEF;IACJ;IAEAd,KAAK,CAACgB,GAAG,CAAC;MACNC,SAAS,EAAEnB,IAAI;MACfoB,WAAW,EAAEd,QAAQ;MACrBL,KAAK,EAAEM;IACX,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
|
|
@@ -48,7 +48,7 @@ export class UnistylesShadowRegistry {
|
|
|
48
48
|
__uni__key,
|
|
49
49
|
__uni__stylesheet,
|
|
50
50
|
__uni__args = [],
|
|
51
|
-
|
|
51
|
+
__stylesheetVariants: variants
|
|
52
52
|
} = secrets;
|
|
53
53
|
const newComputedStylesheet = this.services.registry.getComputedStylesheet(__uni__stylesheet, scopedTheme);
|
|
54
54
|
const style = newComputedStylesheet[__uni__key];
|
|
@@ -87,7 +87,8 @@ export class UnistylesShadowRegistry {
|
|
|
87
87
|
const hashClassname = forChild ? hash.replace(' > *', '') : hash;
|
|
88
88
|
return {
|
|
89
89
|
injectedClassName,
|
|
90
|
-
hash: hashClassname
|
|
90
|
+
hash: hashClassname,
|
|
91
|
+
parsedStyles
|
|
91
92
|
};
|
|
92
93
|
};
|
|
93
94
|
setScopedTheme = theme => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["UnistyleDependency","deepMergeObjects","extractSecrets","extractUnistyleDependencies","isGeneratedUnistyle","isServer","getVariants","UnistylesShadowRegistry","name","__type","equals","toString","dispose","scopedTheme","undefined","disposeMap","Map","constructor","services","add","ref","hash","HTMLElement","registry","connect","addStyles","unistyles","forChild","firstStyle","getParsedStyles","allStyles","map","unistyle","secrets","Object","keys","length","__uni__key","__uni__stylesheet","__uni__args","
|
|
1
|
+
{"version":3,"names":["UnistyleDependency","deepMergeObjects","extractSecrets","extractUnistyleDependencies","isGeneratedUnistyle","isServer","getVariants","UnistylesShadowRegistry","name","__type","equals","toString","dispose","scopedTheme","undefined","disposeMap","Map","constructor","services","add","ref","hash","HTMLElement","registry","connect","addStyles","unistyles","forChild","firstStyle","getParsedStyles","allStyles","map","unistyle","secrets","Object","keys","length","__uni__key","__uni__stylesheet","__uni__args","__stylesheetVariants","variants","newComputedStylesheet","getComputedStylesheet","style","result","variantsResult","resultWithVariants","dependencies","addDependenciesToStylesheet","_web","parsedStyles","existingHash","injectedClassNames","_classNames","injectedClassName","Array","isArray","join","filteredDependencies","state","CSSVars","filter","dependency","Theme","set","listener","addListeners","applyStyles","hashClassname","replace","setScopedTheme","theme","getScopedTheme","remove","then","removed","get","delete","flush"],"sourceRoot":"../../../src","sources":["web/shadowRegistry.ts"],"mappings":";;AAAA,SAASA,kBAAkB,QAAQ,8CAA8C;AAEjF,SAASC,gBAAgB,QAAQ,UAAU;AAE3C,SAASC,cAAc,EAAEC,2BAA2B,EAAEC,mBAAmB,EAAEC,QAAQ,QAAQ,SAAS;AACpG,SAASC,WAAW,QAAQ,YAAY;AAExC,OAAO,MAAMC,uBAAuB,CAAC;EACjC;EACAC,IAAI,GAAG,yBAAyB;EAChCC,MAAM,GAAG,KAAK;EACdC,MAAM,GAAGA,CAAA,KAAM,IAAI;EACnBC,QAAQ,GAAGA,CAAA,KAAM,yBAAyB;EAC1CC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;EAClB;;EAEQC,WAAW,GAA+BC,SAAS;EACnDC,UAAU,GAAG,IAAIC,GAAG,CAAuB,CAAC;EAEpDC,WAAWA,CAASC,QAA2B,EAAE;IAAA,KAA7BA,QAA2B,GAA3BA,QAA2B;EAAG;EAElDC,GAAG,GAAGA,CAACC,GAAQ,EAAEC,IAAa,KAAK;IAC/B,IAAIhB,QAAQ,CAAC,CAAC,IAAI,EAAEe,GAAG,YAAYE,WAAW,CAAC,IAAI,CAACD,IAAI,EAAE;MACtD;IACJ;IAEA,IAAI,CAACH,QAAQ,CAACK,QAAQ,CAACC,OAAO,CAACJ,GAAG,EAAEC,IAAI,CAAC;EAC7C,CAAC;EAEDI,SAAS,GAAGA,CAACC,SAAiC,EAAEC,QAAkB,KAAK;IACnE,MAAM,CAACC,UAAU,CAAC,GAAGF,SAAS;;IAE9B;IACA,IAAIE,UAAU,IAAIxB,mBAAmB,CAACwB,UAAU,CAAC,EAAE;MAC/C,OAAOA,UAAU;IACrB;IAEA,MAAMC,eAAe,GAAGA,CAAA,KAAM;MAC1B,MAAMC,SAAS,GAAGJ,SAAS,CAACK,GAAG,CAACC,QAAQ,IAAI;QACxC,MAAMC,OAAO,GAAG/B,cAAc,CAAC8B,QAAQ,CAAC;;QAExC;QACA,IAAI,CAACC,OAAO,EAAE;UACV,OAAOD,QAAQ;QACnB;;QAEA;QACA,IAAIE,MAAM,CAACC,IAAI,CAACF,OAAO,CAAC,CAACG,MAAM,KAAK,CAAC,EAAE;UACnC,OAAO,CAAC,CAAC;QACb;QAEA,MAAM;UAAEC,UAAU;UAAEC,iBAAiB;UAAEC,WAAW,GAAG,EAAE;UAAEC,oBAAoB,EAAEC;QAAS,CAAC,GAAGR,OAAO;QACnG,MAAMS,qBAAqB,GAAG,IAAI,CAACxB,QAAQ,CAACK,QAAQ,CAACoB,qBAAqB,CAACL,iBAAiB,EAAEzB,WAAW,CAAC;QAC1G,MAAM+B,KAAK,GAAGF,qBAAqB,CAACL,UAAU,CAA4D;QAC1G,MAAMQ,MAAM,GAAG,OAAOD,KAAK,KAAK,UAAU,GACpCA,KAAK,CAAC,GAAGL,WAAW,CAAC,GACrBK,KAAK;QACX,MAAME,cAAc,GAAGxC,WAAW,CAACuC,MAAM,EAAEJ,QAAQ,CAAC;QACpD,MAAMM,kBAAkB,GAAG9C,gBAAgB,CAAC4C,MAAM,EAAEC,cAAc,CAAC;QACnE,MAAME,YAAY,GAAG7C,2BAA2B,CAAC4C,kBAAkB,CAAC;QAEpE,IAAI,OAAOT,iBAAiB,KAAK,UAAU,EAAE;UACzC;UACA,IAAI,CAACpB,QAAQ,CAACK,QAAQ,CAAC0B,2BAA2B,CAACX,iBAAiB,EAAEU,YAAY,CAAC;QACvF;QAEA,OAAO;UACH,GAAGD,kBAAkB;UACrB,GAAGA,kBAAkB,CAACG;QAC1B,CAAC;MACL,CAAC,CAAC;MAEF,OAAOjD,gBAAgB,CAAC,GAAG6B,SAAS,CAAC;IACzC,CAAC;;IAED;IACA,MAAMjB,WAAW,GAAG,IAAI,CAACA,WAAW;IACpC,MAAMsC,YAAY,GAAGtB,eAAe,CAAC,CAAC;IACtC,MAAM;MAAER,IAAI;MAAE+B;IAAa,CAAC,GAAG,IAAI,CAAClC,QAAQ,CAACK,QAAQ,CAACJ,GAAG,CAACgC,YAAY,EAAExB,QAAQ,CAAC;IACjF,MAAM0B,kBAAkB,GAAGF,YAAY,EAAED,IAAI,EAAEI,WAAW,IAAI,EAAE;IAChE,MAAMC,iBAAiB,GAAGC,KAAK,CAACC,OAAO,CAACJ,kBAAkB,CAAC,GAAGA,kBAAkB,CAACK,IAAI,CAAC,GAAG,CAAC,GAAGL,kBAAkB;IAC/G,MAAML,YAAY,GAAG7C,2BAA2B,CAACgD,YAAY,CAAC;IAC9D,MAAMQ,oBAAoB,GAAG,IAAI,CAACzC,QAAQ,CAAC0C,KAAK,CAACC,OAAO,GAClDb,YAAY,CAACc,MAAM,CAACC,UAAU,IAAIA,UAAU,KAAK/D,kBAAkB,CAACgE,KAAK,CAAC,GAC1EhB,YAAY;IAElB,IAAI,CAACI,YAAY,EAAE;MACf,IAAI,CAACrC,UAAU,CAACkD,GAAG,CAAC5C,IAAI,EAAE,IAAI,CAACH,QAAQ,CAACgD,QAAQ,CAACC,YAAY,CAACR,oBAAoB,EAAE,MAAM;QACtF,IAAI,CAACzC,QAAQ,CAACK,QAAQ,CAAC6C,WAAW,CAAC/C,IAAI,EAAEQ,eAAe,CAAC,CAAC,CAAC;MAC/D,CAAC,CAAC,CAAC;IACP;IAEA,MAAMwC,aAAa,GAAG1C,QAAQ,GACxBN,IAAI,CAACiD,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,GACxBjD,IAAI;IAEV,OAAO;MAAEkC,iBAAiB;MAAElC,IAAI,EAAEgD,aAAa;MAAElB;IAAa,CAAC;EACnE,CAAC;EAEDoB,cAAc,GAAIC,KAAsB,IAAK;IACzC,IAAI,CAAC3D,WAAW,GAAG2D,KAAK;EAC5B,CAAC;EAEDC,cAAc,GAAGA,CAAA,KAAM,IAAI,CAAC5D,WAAW;EAEvC6D,MAAM,GAAGA,CAACtD,GAAQ,EAAEC,IAAa,KAAK;IAClC,IAAIhB,QAAQ,CAAC,CAAC,IAAI,EAAEe,GAAG,YAAYE,WAAW,CAAC,IAAI,CAACD,IAAI,EAAE;MACtD;IACJ;IAEA,IAAI,CAACH,QAAQ,CAACK,QAAQ,CAACmD,MAAM,CAACtD,GAAG,EAAEC,IAAI,CAAC,CACnCsD,IAAI,CAACC,OAAO,IAAI;MACb,IAAI,CAACA,OAAO,EAAE;QACV;MACJ;MAEA,IAAI,CAAC7D,UAAU,CAAC8D,GAAG,CAACxD,IAAI,CAAC,GAAG,CAAC;MAC7B,IAAI,CAACN,UAAU,CAAC+D,MAAM,CAACzD,IAAI,CAAC;IAChC,CAAC,CAAC;EACV,CAAC;EAED0D,KAAK,GAAGA,CAAA,KAAM,CAAC,CAAC;AACpB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["UNI_GENERATED_KEYS"],"sourceRoot":"../../../src","sources":["web/types.ts"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["UNI_GENERATED_KEYS"],"sourceRoot":"../../../src","sources":["web/types.ts"],"mappings":";;AAeA,OAAO,MAAMA,kBAAkB,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,mBAAmB,CAAU","ignoreList":[]}
|