react-native-unistyles 3.0.0-alpha.42 → 3.0.0-alpha.44

package/src/components/Pressable.web.tsx

@@ -9,9 +9,11 @@ type WebPressableState = {
     focused: boolean
 }
 
+type WebPressableStyle = ((state: WebPressableState) => ViewStyle) | ViewStyle
+
 type PressableProps = Props & {
     variants?: Record<string, string | boolean>
-    style?: ((state: WebPressableState) => ViewStyle) | ViewStyle,
+    style?: WebPressableStyle,
 }
 
 const initialState: WebPressableState = {
@@ -29,8 +31,46 @@ const events = {
     'blur': { focused: false }
 } satisfies Partial<Record<keyof HTMLElementEventMap, Partial<WebPressableState>>>
 
+type UpdateStylesProps = {
+    ref: View | null,
+    style: WebPressableStyle,
+    variants?: Record<string, string | boolean>,
+    state: WebPressableState
+}
+
+const isFunctionWithBoundArgs = (fn: any): fn is Function & { getBoundArgs: Function } => {
+    return typeof fn === 'function' && 'getBoundArgs' in fn
+}
+
+const extractFunctionArgs = (styleResult: any) => {
+    return isFunctionWithBoundArgs(styleResult)
+        ? [styleResult.getBoundArgs()]
+        : Array.isArray(styleResult)
+            ? styleResult.map(style => isFunctionWithBoundArgs(style) ? style.getBoundArgs() : [])
+            : []
+}
+
+const extractStyleResult = (style: any) => {
+    return typeof style === 'function'
+        ? [style()]
+        : Array.isArray(style)
+            ? style.map(style => typeof style === 'function' ? style() : style)
+            : [style]
+}
+
+const updateStyles = ({ ref, style, variants, state }: UpdateStylesProps) => {
+    const styleResult = typeof style === 'function'
+        ? style(state)
+        : style
+    const fnArgs = extractFunctionArgs(styleResult)
+    const extractedResult = extractStyleResult(styleResult)
+
+    // @ts-expect-error - this is hidden from TS
+    UnistylesShadowRegistry.add(ref, extractedResult, variants, fnArgs)
+}
+
 export const Pressable = forwardRef<View, PressableProps>(({ variants, style, ...props }, passedRef) => {
-    const storedRef = useRef<View | null>()
+    const storedRef = useRef<View | null>(null)
     const state = useRef<WebPressableState>(initialState)
     const styleRef = useRef(style)
 
@@ -42,19 +82,12 @@ export const Pressable = forwardRef<View, PressableProps>(({ variants, style, ..
         const handler = (newState: Partial<WebPressableState>) => () => {
             state.current = { ...state.current, ...newState }
 
-            const styleResult = typeof styleRef.current === 'function'
-                ? styleRef.current(state.current)
-                : styleRef.current
-            const fnArgs = typeof styleResult === 'function'
-                // @ts-expect-error - this is hidden from TS
-                ? styleResult.getBoundArgs()
-                : []
-            const extractedResult = typeof styleResult === 'function'
-                ? (styleResult as Function)()
-                : styleResult
-
-            // @ts-expect-error - this is hidden from TS
-            UnistylesShadowRegistry.add(storedRef.current, [extractedResult], variants, [fnArgs])
+            updateStyles({
+                ref: storedRef.current,
+                style: styleRef.current as WebPressableStyle,
+                variants,
+                state: state.current
+            })
         }
 
         if (!storedRef.current) {
@@ -80,23 +113,16 @@ export const Pressable = forwardRef<View, PressableProps>(({ variants, style, ..
             {...props}
             ref={ref => {
                 storedRef.current = ref
-                const styleResult = typeof style === 'function'
-                    ? style(initialState)
-                    : style
-                const fnArgs = typeof styleResult === 'function'
-                    // @ts-expect-error - this is hidden from TS
-                    ? styleResult.getBoundArgs()
-                    : []
-                const extractedResult = typeof styleResult === 'function'
-                    ? (styleResult as Function)()
-                    : styleResult
+                updateStyles({
+                    ref,
+                    style: style as WebPressableStyle,
+                    variants,
+                    state: initialState
+                })
 
                 if (typeof passedRef === 'object' && passedRef !== null) {
                     passedRef.current = ref
                 }
-
-                // @ts-expect-error - this is hidden from TS
-                UnistylesShadowRegistry.add(ref, [extractedResult], variants, [fnArgs])
             }}
         />
     )

package/src/web/create.ts

@@ -3,7 +3,7 @@ import type { StyleSheetWithSuperPowers, StyleSheet } from '../types/stylesheet'
 import { assignSecrets, reduceObject, getStyles, error } from './utils'
 import { deepMergeObjects } from '../utils'
 import { UnistylesRuntime } from './runtime'
-import { createUseVariants, getVariants } from './variants'
+import { getVariants } from './variants'
 
 export const create = (stylesheet: StyleSheetWithSuperPowers<StyleSheet>, id?: string) => {
     if (!id) {
@@ -46,7 +46,12 @@ export const create = (stylesheet: StyleSheetWithSuperPowers<StyleSheet>, id?: s
     }) as ReactNativeStyleSheet<StyleSheet>
 
     // Inject useVariants hook to styles
-    createUseVariants(styles, newVariants => Object.entries(newVariants).forEach(([key, value]) => selectedVariants.set(key, value)))
+    Object.defineProperty(styles, 'useVariants', {
+        value: (variants: Record<string, string | boolean>) => {
+            Object.entries(variants).forEach(([key, value]) => selectedVariants.set(key, value))
+        },
+        configurable: false,
+    })
 
     return styles
 }

package/src/web/shadowRegistry.ts

@@ -21,17 +21,15 @@ class UnistylesShadowRegistryBuilder {
     private hashMap = new Map<HTMLElement, string>()
     private classNamesMap = new Map<HTMLElement, Array<string>>()
 
-    add = (ref: any, _style: Array<Style>, _variants: Record<string, any> | undefined, _args: Array<Array<any>>) => {
-        // Style is not provided
-        if (!_style) {
+    add = (ref: any, styles: Array<Style>, _variants: Record<string, any> | undefined, _args: Array<Array<any>>) => {
+        // Styles are not provided
+        if (!styles) {
             return
         }
 
         // Ref is unmounted, remove style tags from the document
         if (ref === null) {
-            const secrets = extractSecrets(_style)
-
-            secrets.forEach(({ __uni__refs }) => {
+            extractSecrets(styles).forEach(({ __uni__refs }) => {
                 __uni__refs.forEach(ref => {
                     if (isInDocument(ref)) {
                         return
@@ -55,56 +53,58 @@ class UnistylesShadowRegistryBuilder {
             return
         }
 
-        const styles = _style.filter(style => Object.keys(style ?? {}).some(key => key.startsWith('__uni__')))
-
-        // No unistyles
-        if (styles.length === 0) {
-            return
-        }
+        const parsedStyles = styles.flatMap((style, styleIndex) => {
+            const secrets = extractSecrets(style)
 
-        const parsedStyles = styles.flatMap((style, styleIndex) => extractSecrets(style).map(secret => {
-            const { __uni__key, __uni__stylesheet, __uni__variants, __uni__args = [], __uni__refs } = secret
-            const newComputedStylesheet = UnistylesRegistry.getComputedStylesheet(__uni__stylesheet)
-            const style = newComputedStylesheet[__uni__key] as (UnistylesValues | ((...args: any) => UnistylesValues))
-            const variants = _variants && Object.keys(_variants).length > 0 ? _variants : __uni__variants
-            const args = _args[styleIndex] ? _args[styleIndex] : __uni__args
-            const result = typeof style === 'function'
-                ? style(...args)
-                : style
-            const { variantsResult } = Object.fromEntries(getVariants({ variantsResult: result }, variants))
-            const resultWithVariants = deepMergeObjects(result, variantsResult ?? {})
-            const dependencies = extractUnistyleDependencies(resultWithVariants)
-
-            if (typeof __uni__stylesheet === 'function') {
-                // Add dependencies from dynamic styles to stylesheet
-                UnistylesRegistry.addDependenciesToStylesheet(__uni__stylesheet, dependencies)
+            // Regular style
+            if (secrets.length === 0) {
+                return style as UnistylesValues
             }
 
-            __uni__refs.add(ref)
+            return secrets.map(secret => {
+                const { __uni__key, __uni__stylesheet, __uni__variants, __uni__args = [], __uni__refs } = secret
+                const newComputedStylesheet = UnistylesRegistry.getComputedStylesheet(__uni__stylesheet)
+                const style = newComputedStylesheet[__uni__key] as (UnistylesValues | ((...args: any) => UnistylesValues))
+                const variants = _variants && Object.keys(_variants).length > 0 ? _variants : __uni__variants
+                const args = _args[styleIndex] && _args[styleIndex].length > 0 ? _args[styleIndex] : __uni__args
+                const result = typeof style === 'function'
+                    ? style(...args)
+                    : style
+                const { variantsResult } = Object.fromEntries(getVariants({ variantsResult: result }, variants))
+                const resultWithVariants = deepMergeObjects(result, variantsResult ?? {})
+                const dependencies = extractUnistyleDependencies(resultWithVariants)
+    
+                if (typeof __uni__stylesheet === 'function') {
+                    // Add dependencies from dynamic styles to stylesheet
+                    UnistylesRegistry.addDependenciesToStylesheet(__uni__stylesheet, dependencies)
+                }
 
-            const dispose = UnistylesListener.addListeners(extractUnistyleDependencies(resultWithVariants), () => {
-                const hash = this.hashMap.get(ref)
+                __uni__refs.add(ref)
 
-                // Dispose listener if there is no hash
-                if (!hash) {
-                    dispose()
+                const dispose = UnistylesListener.addListeners(extractUnistyleDependencies(resultWithVariants), () => {
+                    const hash = this.hashMap.get(ref)
 
-                    return
-                }
+                    // Dispose listener if there is no hash
+                    if (!hash) {
+                        dispose()
 
-                const newComputedStyleSheet = UnistylesRegistry.getComputedStylesheet(__uni__stylesheet)
-                const newValue = newComputedStyleSheet[__uni__key] as (UnistylesValues | ((...args: any) => UnistylesValues))
-                const result = typeof newValue === 'function'
-                    ? newValue(...args)
-                    : newValue
-                const { variantsResult } = Object.fromEntries(getVariants({ variantsResult: result }, variants))
-                const resultWithVariants = deepMergeObjects(result, variantsResult ?? {})
+                        return
+                    }
 
-                UnistylesRegistry.applyStyles(hash, convertUnistyles(resultWithVariants))
-            })
+                    const newComputedStyleSheet = UnistylesRegistry.getComputedStylesheet(__uni__stylesheet)
+                    const newValue = newComputedStyleSheet[__uni__key] as (UnistylesValues | ((...args: any) => UnistylesValues))
+                    const result = typeof newValue === 'function'
+                        ? newValue(...args)
+                        : newValue
+                    const { variantsResult } = Object.fromEntries(getVariants({ variantsResult: result }, variants))
+                    const resultWithVariants = deepMergeObjects(result, variantsResult ?? {})
+
+                    UnistylesRegistry.applyStyles(hash, convertUnistyles(resultWithVariants))
+                })
 
-            return resultWithVariants as UnistylesValues
-        }))
+                return resultWithVariants as UnistylesValues
+            })
+        })
         const combinedStyles = deepMergeObjects(...parsedStyles)
         const oldStyles = this.resultsMap.get(ref)
 

package/src/web/{variants/getVariants.ts → variants.ts}

@@ -1,5 +1,5 @@
-import type { ReactNativeStyleSheet, StyleSheet } from '../../types'
-import { deepMergeObjects } from '../../utils'
+import type { ReactNativeStyleSheet, StyleSheet } from '../types'
+import { deepMergeObjects } from '../utils'
 
 type StylesWithVariants = {
     variants: Record<string, any>,

package/lib/commonjs/web/variants/getVariants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","hasVariants","value","getVariants","styles","selectedVariants","Object","entries","filter","_key","variants","keys","some","variant","map","key","compoundVariants","variantStyles","flatMap","selectedVariant","selectedVariantStyles","default","compoundVariantStyles","compoundVariant","conditions","String","mergedVariantStyles","deepMergeObjects","exports"],"sourceRoot":"../../../../src","sources":["web/variants/getVariants.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAQA,MAAMC,WAAW,GAAsBC,KAAkB,IAAgD,UAAU,IAAIA,KAAK,CAAC,CAAC,CAAC;AAExH,MAAMC,WAAW,GAAGA,CAACC,MAAyC,EAAEC,gBAAqC,KAAK;EAC7G,OAAOC,MAAM,CAACC,OAAO,CAACH,MAAM,CAAC,CACxBI,MAAM,CAACP,WAAW,CAAC,CACnBO,MAAM,CAAC,CAAC,CAACC,IAAI,EAAE;IAAEC;EAAS,CAAC,CAAC,KAAKJ,MAAM,CAACK,IAAI,CAACD,QAAQ,CAAC,CAACE,IAAI,CAACC,OAAO,IAAIA,OAAO,IAAIH,QAAQ,CAAC,CAAC,CAC5FI,GAAG,CAAC,CAAC,CAACC,GAAG,EAAE;IAAEL,QAAQ;IAAEM,gBAAgB,GAAG;EAAG,CAAC,CAAC,KAAK;IACjD,MAAMC,aAAa,GAAGX,MAAM,CAACC,OAAO,CAACG,QAAQ,CAAC,CAACQ,OAAO,CAAC,CAAC,CAACL,OAAO,EAAET,MAAM,CAAC,KAAK;MAC1E,MAAMe,eAAe,GAAGd,gBAAgB,CAACQ,OAAO,CAAC;MACjD,MAAMO,qBAAqB,GAAGhB,MAAM,CAACe,eAAe,CAAC,IAAIf,MAAM,CAACiB,OAAO;MAEvE,IAAI,CAACD,qBAAqB,EAAE;QACxB,OAAO,EAAE;MACb;MAEA,OAAOA,qBAAqB;IAChC,CAAC,CAAC;IAEF,MAAME,qBAAqB,GAAGN,gBAAgB,CAACE,OAAO,CAACK,eAAe,IAAI;MACtE,MAAM;QAAEnB,MAAM;QAAE,GAAGoB;MAAW,CAAC,GAAGD,eAAe;MAEjD,IAAIjB,MAAM,CAACC,OAAO,CAACiB,UAAU,CAAC,CAACZ,IAAI,CAAC,CAAC,CAACC,OAAO,EAAEX,KAAK,CAAC,KAAKuB,MAAM,CAACpB,gBAAgB,CAACQ,OAAO,CAAC,CAAC,KAAKY,MAAM,CAACvB,KAAK,CAAC,CAAC,EAAE;QAC5G,OAAO,EAAE;MACb;MAEA,OAAOE,MAAM;IACjB,CAAC,CAAC;IAEF,MAAMsB,mBAAmB,GAAG,IAAAC,uBAAgB,EAAC,GAAGV,aAAa,EAAE,GAAGK,qBAAqB,CAAC;IAExF,OAAO,CAACP,GAAG,EAAEW,mBAAmB,CAAC;EACrC,CAAC,CAAC;AACV,CAAC;AAAAE,OAAA,CAAAzB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/commonjs/web/variants/index.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _useVariants = require("./useVariants");
-Object.keys(_useVariants).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useVariants[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useVariants[key];
-    }
-  });
-});
-var _getVariants = require("./getVariants");
-Object.keys(_getVariants).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _getVariants[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _getVariants[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/lib/commonjs/web/variants/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_useVariants","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_getVariants"],"sourceRoot":"../../../../src","sources":["web/variants/index.ts"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,YAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,YAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,YAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,YAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/web/variants/useVariants.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createUseVariants = void 0;
-var _react = require("react");
-var _utils = require("../utils");
-var _getVariants = require("./getVariants");
-const createUseVariants = (styles, setSelectedVariants) => {
-  const useVariants = selectedVariants => {
-    const [selectedVariantStylesMap] = (0, _react.useState)(() => new Map());
-    const lastSelectedVariantsRef = (0, _react.useRef)();
-    // Variable that determines if variants have changed, and we need to recalculate styles
-    const variantsChanged = !(0, _utils.equal)(lastSelectedVariantsRef.current, selectedVariants);
-    if (variantsChanged) {
-      lastSelectedVariantsRef.current = selectedVariants;
-      setSelectedVariants(selectedVariants);
-    }
-    const combinedVariantStyles = (0, _react.useMemo)(() => {
-      const result = (0, _getVariants.getVariants)(styles, selectedVariants);
-      result.forEach(([key, value]) => {
-        selectedVariantStylesMap.set(key, value);
-      });
-      return result;
-    }, [lastSelectedVariantsRef.current]);
-    combinedVariantStyles.forEach(([key]) => {
-      const styleEntry = styles[key];
-      if (!styleEntry) {
-        return;
-      }
-      const selectedVariantStyles = selectedVariantStylesMap.get(key);
-      Object.defineProperties(styleEntry, (0, _utils.reduceObject)(selectedVariantStyles ?? {}, value => ({
-        value,
-        enumerable: false,
-        configurable: true
-      })));
-
-      // Add __uni__variants to static styles
-      Object.keys(styleEntry).forEach(key => {
-        if (!key.startsWith('__uni__secrets__')) {
-          return;
-        }
-        const secret = (0, _utils.keyInObject)(styleEntry, key) ? styleEntry[key] : undefined;
-        if (!secret) {
-          return;
-        }
-        Object.defineProperty(secret, '__uni__variants', {
-          value: selectedVariants
-        });
-      });
-    });
-  };
-  Object.defineProperty(styles, 'useVariants', {
-    value: useVariants
-  });
-};
-exports.createUseVariants = createUseVariants;
-//# sourceMappingURL=useVariants.js.map

package/lib/commonjs/web/variants/useVariants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_utils","_getVariants","createUseVariants","styles","setSelectedVariants","useVariants","selectedVariants","selectedVariantStylesMap","useState","Map","lastSelectedVariantsRef","useRef","variantsChanged","equal","current","combinedVariantStyles","useMemo","result","getVariants","forEach","key","value","set","styleEntry","selectedVariantStyles","get","Object","defineProperties","reduceObject","enumerable","configurable","keys","startsWith","secret","keyInObject","undefined","defineProperty","exports"],"sourceRoot":"../../../../src","sources":["web/variants/useVariants.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAGA,CAACC,MAAyC,EAAEC,mBAA4D,KAAK;EAC1I,MAAMC,WAAW,GAAIC,gBAAqC,IAAK;IAC3D,MAAM,CAACC,wBAAwB,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAIC,GAAG,CAA8B,CAAC,CAAC;IACzF,MAAMC,uBAAuB,GAAG,IAAAC,aAAM,EAAsB,CAAC;IAC7D;IACA,MAAMC,eAAe,GAAG,CAAC,IAAAC,YAAK,EAACH,uBAAuB,CAACI,OAAO,EAAER,gBAAgB,CAAC;IAEjF,IAAIM,eAAe,EAAE;MACjBF,uBAAuB,CAACI,OAAO,GAAGR,gBAAgB;MAClDF,mBAAmB,CAACE,gBAAgB,CAAC;IACzC;IAEA,MAAMS,qBAAqB,GAAG,IAAAC,cAAO,EAAC,MAAM;MACxC,MAAMC,MAAM,GAAG,IAAAC,wBAAW,EAACf,MAAM,EAAEG,gBAAgB,CAAC;MAEpDW,MAAM,CAACE,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;QAC7Bd,wBAAwB,CAACe,GAAG,CAACF,GAAG,EAAEC,KAAK,CAAC;MAC5C,CAAC,CAAC;MAEF,OAAOJ,MAAM;IACjB,CAAC,EAAE,CAACP,uBAAuB,CAACI,OAAO,CAAC,CAAC;IAErCC,qBAAqB,CAACI,OAAO,CAAC,CAAC,CAACC,GAAG,CAAC,KAAK;MACrC,MAAMG,UAAU,GAAGpB,MAAM,CAACiB,GAAG,CAAC;MAE9B,IAAI,CAACG,UAAU,EAAE;QACb;MACJ;MAEA,MAAMC,qBAAqB,GAAGjB,wBAAwB,CAACkB,GAAG,CAACL,GAAG,CAAC;MAE/DM,MAAM,CAACC,gBAAgB,CAACJ,UAAU,EAAE,IAAAK,mBAAY,EAACJ,qBAAqB,IAAI,CAAC,CAAC,EAAEH,KAAK,KAAK;QACpFA,KAAK;QACLQ,UAAU,EAAE,KAAK;QACjBC,YAAY,EAAE;MAClB,CAAC,CAAC,CAAC,CAAC;;MAEJ;MACAJ,MAAM,CAACK,IAAI,CAACR,UAAU,CAAC,CAACJ,OAAO,CAACC,GAAG,IAAI;QACnC,IAAI,CAACA,GAAG,CAACY,UAAU,CAAC,kBAAkB,CAAC,EAAE;UACrC;QACJ;QAEA,MAAMC,MAAM,GAAG,IAAAC,kBAAW,EAACX,UAAU,EAAEH,GAAG,CAAC,GAAGG,UAAU,CAACH,GAAG,CAAC,GAAGe,SAAS;QAEzE,IAAI,CAACF,MAAM,EAAE;UACT;QACJ;QAEAP,MAAM,CAACU,cAAc,CAACH,MAAM,EAAE,iBAAiB,EAAE;UAC7CZ,KAAK,EAAEf;QACX,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EAEDoB,MAAM,CAACU,cAAc,CAACjC,MAAM,EAAE,aAAa,EAAE;IACzCkB,KAAK,EAAEhB;EACX,CAAC,CAAC;AACN,CAAC;AAAAgC,OAAA,CAAAnC,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/lib/module/web/variants/getVariants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["deepMergeObjects","hasVariants","value","getVariants","styles","selectedVariants","Object","entries","filter","_key","variants","keys","some","variant","map","key","compoundVariants","variantStyles","flatMap","selectedVariant","selectedVariantStyles","default","compoundVariantStyles","compoundVariant","conditions","String","mergedVariantStyles"],"sourceRoot":"../../../../src","sources":["web/variants/getVariants.ts"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,aAAa;AAQ9C,MAAMC,WAAW,GAAsBC,KAAkB,IAAgD,UAAU,IAAIA,KAAK,CAAC,CAAC,CAAC;AAE/H,OAAO,MAAMC,WAAW,GAAGA,CAACC,MAAyC,EAAEC,gBAAqC,KAAK;EAC7G,OAAOC,MAAM,CAACC,OAAO,CAACH,MAAM,CAAC,CACxBI,MAAM,CAACP,WAAW,CAAC,CACnBO,MAAM,CAAC,CAAC,CAACC,IAAI,EAAE;IAAEC;EAAS,CAAC,CAAC,KAAKJ,MAAM,CAACK,IAAI,CAACD,QAAQ,CAAC,CAACE,IAAI,CAACC,OAAO,IAAIA,OAAO,IAAIH,QAAQ,CAAC,CAAC,CAC5FI,GAAG,CAAC,CAAC,CAACC,GAAG,EAAE;IAAEL,QAAQ;IAAEM,gBAAgB,GAAG;EAAG,CAAC,CAAC,KAAK;IACjD,MAAMC,aAAa,GAAGX,MAAM,CAACC,OAAO,CAACG,QAAQ,CAAC,CAACQ,OAAO,CAAC,CAAC,CAACL,OAAO,EAAET,MAAM,CAAC,KAAK;MAC1E,MAAMe,eAAe,GAAGd,gBAAgB,CAACQ,OAAO,CAAC;MACjD,MAAMO,qBAAqB,GAAGhB,MAAM,CAACe,eAAe,CAAC,IAAIf,MAAM,CAACiB,OAAO;MAEvE,IAAI,CAACD,qBAAqB,EAAE;QACxB,OAAO,EAAE;MACb;MAEA,OAAOA,qBAAqB;IAChC,CAAC,CAAC;IAEF,MAAME,qBAAqB,GAAGN,gBAAgB,CAACE,OAAO,CAACK,eAAe,IAAI;MACtE,MAAM;QAAEnB,MAAM;QAAE,GAAGoB;MAAW,CAAC,GAAGD,eAAe;MAEjD,IAAIjB,MAAM,CAACC,OAAO,CAACiB,UAAU,CAAC,CAACZ,IAAI,CAAC,CAAC,CAACC,OAAO,EAAEX,KAAK,CAAC,KAAKuB,MAAM,CAACpB,gBAAgB,CAACQ,OAAO,CAAC,CAAC,KAAKY,MAAM,CAACvB,KAAK,CAAC,CAAC,EAAE;QAC5G,OAAO,EAAE;MACb;MAEA,OAAOE,MAAM;IACjB,CAAC,CAAC;IAEF,MAAMsB,mBAAmB,GAAG1B,gBAAgB,CAAC,GAAGiB,aAAa,EAAE,GAAGK,qBAAqB,CAAC;IAExF,OAAO,CAACP,GAAG,EAAEW,mBAAmB,CAAC;EACrC,CAAC,CAAC;AACV,CAAC","ignoreList":[]}

package/lib/module/web/variants/index.js

@@ -1,5 +0,0 @@
-"use strict";
-
-export * from './useVariants';
-export * from './getVariants';
-//# sourceMappingURL=index.js.map

package/lib/module/web/variants/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["web/variants/index.ts"],"mappings":";;AAAA,cAAc,eAAe;AAC7B,cAAc,eAAe","ignoreList":[]}

package/lib/module/web/variants/useVariants.js

@@ -1,54 +0,0 @@
-"use strict";
-
-import { useMemo, useRef, useState } from 'react';
-import { equal, keyInObject, reduceObject } from '../utils';
-import { getVariants } from './getVariants';
-export const createUseVariants = (styles, setSelectedVariants) => {
-  const useVariants = selectedVariants => {
-    const [selectedVariantStylesMap] = useState(() => new Map());
-    const lastSelectedVariantsRef = useRef();
-    // Variable that determines if variants have changed, and we need to recalculate styles
-    const variantsChanged = !equal(lastSelectedVariantsRef.current, selectedVariants);
-    if (variantsChanged) {
-      lastSelectedVariantsRef.current = selectedVariants;
-      setSelectedVariants(selectedVariants);
-    }
-    const combinedVariantStyles = useMemo(() => {
-      const result = getVariants(styles, selectedVariants);
-      result.forEach(([key, value]) => {
-        selectedVariantStylesMap.set(key, value);
-      });
-      return result;
-    }, [lastSelectedVariantsRef.current]);
-    combinedVariantStyles.forEach(([key]) => {
-      const styleEntry = styles[key];
-      if (!styleEntry) {
-        return;
-      }
-      const selectedVariantStyles = selectedVariantStylesMap.get(key);
-      Object.defineProperties(styleEntry, reduceObject(selectedVariantStyles ?? {}, value => ({
-        value,
-        enumerable: false,
-        configurable: true
-      })));
-
-      // Add __uni__variants to static styles
-      Object.keys(styleEntry).forEach(key => {
-        if (!key.startsWith('__uni__secrets__')) {
-          return;
-        }
-        const secret = keyInObject(styleEntry, key) ? styleEntry[key] : undefined;
-        if (!secret) {
-          return;
-        }
-        Object.defineProperty(secret, '__uni__variants', {
-          value: selectedVariants
-        });
-      });
-    });
-  };
-  Object.defineProperty(styles, 'useVariants', {
-    value: useVariants
-  });
-};
-//# sourceMappingURL=useVariants.js.map

package/lib/module/web/variants/useVariants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useMemo","useRef","useState","equal","keyInObject","reduceObject","getVariants","createUseVariants","styles","setSelectedVariants","useVariants","selectedVariants","selectedVariantStylesMap","Map","lastSelectedVariantsRef","variantsChanged","current","combinedVariantStyles","result","forEach","key","value","set","styleEntry","selectedVariantStyles","get","Object","defineProperties","enumerable","configurable","keys","startsWith","secret","undefined","defineProperty"],"sourceRoot":"../../../../src","sources":["web/variants/useVariants.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAEjD,SAASC,KAAK,EAAEC,WAAW,EAAEC,YAAY,QAAQ,UAAU;AAC3D,SAASC,WAAW,QAAQ,eAAe;AAE3C,OAAO,MAAMC,iBAAiB,GAAGA,CAACC,MAAyC,EAAEC,mBAA4D,KAAK;EAC1I,MAAMC,WAAW,GAAIC,gBAAqC,IAAK;IAC3D,MAAM,CAACC,wBAAwB,CAAC,GAAGV,QAAQ,CAAC,MAAM,IAAIW,GAAG,CAA8B,CAAC,CAAC;IACzF,MAAMC,uBAAuB,GAAGb,MAAM,CAAsB,CAAC;IAC7D;IACA,MAAMc,eAAe,GAAG,CAACZ,KAAK,CAACW,uBAAuB,CAACE,OAAO,EAAEL,gBAAgB,CAAC;IAEjF,IAAII,eAAe,EAAE;MACjBD,uBAAuB,CAACE,OAAO,GAAGL,gBAAgB;MAClDF,mBAAmB,CAACE,gBAAgB,CAAC;IACzC;IAEA,MAAMM,qBAAqB,GAAGjB,OAAO,CAAC,MAAM;MACxC,MAAMkB,MAAM,GAAGZ,WAAW,CAACE,MAAM,EAAEG,gBAAgB,CAAC;MAEpDO,MAAM,CAACC,OAAO,CAAC,CAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,KAAK;QAC7BT,wBAAwB,CAACU,GAAG,CAACF,GAAG,EAAEC,KAAK,CAAC;MAC5C,CAAC,CAAC;MAEF,OAAOH,MAAM;IACjB,CAAC,EAAE,CAACJ,uBAAuB,CAACE,OAAO,CAAC,CAAC;IAErCC,qBAAqB,CAACE,OAAO,CAAC,CAAC,CAACC,GAAG,CAAC,KAAK;MACrC,MAAMG,UAAU,GAAGf,MAAM,CAACY,GAAG,CAAC;MAE9B,IAAI,CAACG,UAAU,EAAE;QACb;MACJ;MAEA,MAAMC,qBAAqB,GAAGZ,wBAAwB,CAACa,GAAG,CAACL,GAAG,CAAC;MAE/DM,MAAM,CAACC,gBAAgB,CAACJ,UAAU,EAAElB,YAAY,CAACmB,qBAAqB,IAAI,CAAC,CAAC,EAAEH,KAAK,KAAK;QACpFA,KAAK;QACLO,UAAU,EAAE,KAAK;QACjBC,YAAY,EAAE;MAClB,CAAC,CAAC,CAAC,CAAC;;MAEJ;MACAH,MAAM,CAACI,IAAI,CAACP,UAAU,CAAC,CAACJ,OAAO,CAACC,GAAG,IAAI;QACnC,IAAI,CAACA,GAAG,CAACW,UAAU,CAAC,kBAAkB,CAAC,EAAE;UACrC;QACJ;QAEA,MAAMC,MAAM,GAAG5B,WAAW,CAACmB,UAAU,EAAEH,GAAG,CAAC,GAAGG,UAAU,CAACH,GAAG,CAAC,GAAGa,SAAS;QAEzE,IAAI,CAACD,MAAM,EAAE;UACT;QACJ;QAEAN,MAAM,CAACQ,cAAc,CAACF,MAAM,EAAE,iBAAiB,EAAE;UAC7CX,KAAK,EAAEV;QACX,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EAEDe,MAAM,CAACQ,cAAc,CAAC1B,MAAM,EAAE,aAAa,EAAE;IACzCa,KAAK,EAAEX;EACX,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/lib/typescript/src/web/variants/getVariants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getVariants.d.ts","sourceRoot":"","sources":["../../../../../src/web/variants/getVariants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAWpE,eAAO,MAAM,WAAW,WAAY,qBAAqB,CAAC,UAAU,CAAC,oBAAoB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,+BA8B3G,CAAA"}

package/lib/typescript/src/web/variants/index.d.ts

@@ -1,3 +0,0 @@
-export * from './useVariants';
-export * from './getVariants';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/web/variants/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/web/variants/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA"}

package/lib/typescript/src/web/variants/useVariants.d.ts

@@ -1,3 +0,0 @@
-import type { ReactNativeStyleSheet, StyleSheet } from '../../types';
-export declare const createUseVariants: (styles: ReactNativeStyleSheet<StyleSheet>, setSelectedVariants: (variants: Record<string, any>) => void) => void;
-//# sourceMappingURL=useVariants.d.ts.map

package/lib/typescript/src/web/variants/useVariants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useVariants.d.ts","sourceRoot":"","sources":["../../../../../src/web/variants/useVariants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIpE,eAAO,MAAM,iBAAiB,WAAY,qBAAqB,CAAC,UAAU,CAAC,uBAAuB,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,SA2DxI,CAAA"}

package/src/web/variants/index.ts

@@ -1,2 +0,0 @@
-export * from './useVariants'
-export * from './getVariants'

package/src/web/variants/useVariants.ts

@@ -1,65 +0,0 @@
-import { useMemo, useRef, useState } from 'react'
-import type { ReactNativeStyleSheet, StyleSheet } from '../../types'
-import { equal, keyInObject, reduceObject } from '../utils'
-import { getVariants } from './getVariants'
-
-export const createUseVariants = (styles: ReactNativeStyleSheet<StyleSheet>, setSelectedVariants: (variants: Record<string, any>) => void) => {
-    const useVariants = (selectedVariants: Record<string, any>) => {
-        const [selectedVariantStylesMap] = useState(() => new Map<string, Record<string, any>>())
-        const lastSelectedVariantsRef = useRef<Record<string, any>>()
-        // Variable that determines if variants have changed, and we need to recalculate styles
-        const variantsChanged = !equal(lastSelectedVariantsRef.current, selectedVariants)
-
-        if (variantsChanged) {
-            lastSelectedVariantsRef.current = selectedVariants
-            setSelectedVariants(selectedVariants)
-        }
-
-        const combinedVariantStyles = useMemo(() => {
-            const result = getVariants(styles, selectedVariants)
-
-            result.forEach(([key, value]) => {
-                selectedVariantStylesMap.set(key, value)
-            })
-
-            return result
-        }, [lastSelectedVariantsRef.current])
-
-        combinedVariantStyles.forEach(([key]) => {
-            const styleEntry = styles[key]
-
-            if (!styleEntry) {
-                return
-            }
-
-            const selectedVariantStyles = selectedVariantStylesMap.get(key)
-
-            Object.defineProperties(styleEntry, reduceObject(selectedVariantStyles ?? {}, value => ({
-                value,
-                enumerable: false,
-                configurable: true
-            })))
-
-            // Add __uni__variants to static styles
-            Object.keys(styleEntry).forEach(key => {
-                if (!key.startsWith('__uni__secrets__')) {
-                    return
-                }
-
-                const secret = keyInObject(styleEntry, key) ? styleEntry[key] : undefined
-
-                if (!secret) {
-                    return
-                }
-
-                Object.defineProperty(secret, '__uni__variants', {
-                    value: selectedVariants
-                })
-            })
-        })
-    }
-
-    Object.defineProperty(styles, 'useVariants', {
-        value: useVariants
-    })
-}