react-native-unistyles 1.3.0 → 1.4.0

package/src/utils/mq.ts

@@ -1,57 +0,0 @@
-import type { Nullable } from '../types'
-import type { UnistylesBreakpoints } from '../global'
-import { unistyles } from '../core'
-
-type MQValue = keyof UnistylesBreakpoints | number
-
-type MQHandler = {
-    only: {
-        width(wMin?: Nullable<MQValue>, wMax?: MQValue): symbol,
-        height(hMin?: Nullable<MQValue>, hMax?: MQValue): symbol,
-    },
-    width(wMin?: Nullable<MQValue>, wMax?: MQValue): {
-        and: {
-            height(hMin?: Nullable<MQValue>, hMax?: MQValue): symbol
-        }
-    },
-    height(hMin?: Nullable<MQValue>, hMax?: MQValue): {
-        and: {
-            width(wMin?: Nullable<MQValue>, wMax?: MQValue): symbol
-        }
-    }
-}
-
-const getMQValue = (value: Nullable<MQValue>) => {
-    if (typeof value === 'number') {
-        return value
-    }
-
-    if (value === null) {
-        return 0
-    }
-
-    return unistyles.registry.breakpoints[value] ?? 0
-}
-
-/**
- * Utility to create cross-platform media queries
- * @returns - JavaScript symbol to be used in your stylesheet
- */
-export const mq: MQHandler = {
-    only: {
-        width: (wMin: Nullable<MQValue> = 0, wMax: MQValue = Infinity) => (`:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]` as unknown as symbol),
-        height: (hMin: Nullable<MQValue> = 0, hMax: MQValue = Infinity) => (`:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]` as unknown as symbol)
-    },
-    width: (wMin: Nullable<MQValue> = 0, wMax: MQValue = Infinity) => ({
-        and: {
-            height: (hMin: Nullable<MQValue> = 0, hMax: MQValue = Infinity) =>
-                (`:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]` as unknown as symbol)
-        }
-    }),
-    height: (hMin: Nullable<MQValue> = 0, hMax: MQValue = Infinity) => ({
-        and: {
-            width: (wMin: Nullable<MQValue> = 0, wMax: MQValue = Infinity) =>
-                (`:w[${getMQValue(wMin)}, ${getMQValue(wMax)}]:h[${getMQValue(hMin)}, ${getMQValue(hMax)}]` as unknown as symbol)
-        }
-    })
-}

package/src/utils/mqParser.ts

@@ -1,99 +0,0 @@
-import type { Optional, RNValue, ScreenSize } from '../types'
-
-const IS_UNISTYLES_REGEX = /:([hw])\[(\d+)(?:,\s*(\d+|Infinity))?]/
-const UNISTYLES_WIDTH_REGEX = /:(w)\[(\d+)(?:,\s*(\d+|Infinity))?]/
-const UNISTYLES_HEIGHT_REGEX = /:(h)\[(\d+)(?:,\s*(\d+|Infinity))?]/
-
-type ParsedMqDimension = {
-    from: number,
-    to: number
-}
-
-export type UnistylesParsedMq = {
-    width?: ParsedMqDimension,
-    height?: ParsedMqDimension
-}
-
-export const parseMq = (mq: string): UnistylesParsedMq => {
-    const [, width, fromW, toW] = UNISTYLES_WIDTH_REGEX.exec(mq) || []
-    const [, height, fromH, toH] = UNISTYLES_HEIGHT_REGEX.exec(mq) || []
-
-    return {
-        width: width ? {
-            from: Number(fromW),
-            to: Number(toW)
-        } : undefined,
-        height: height ? {
-            from: Number(fromH),
-            to: Number(toH)
-        } : undefined
-    }
-}
-
-export const isUnistylesMq = (mq: string) => IS_UNISTYLES_REGEX.test(mq)
-
-export const isValidMq = (parsedMq: UnistylesParsedMq) => {
-    const { width, height } = parsedMq
-
-    if (width && height) {
-        return width.from <= width.to && height.from <= height.to
-    }
-
-    if (width) {
-        return width.from <= width.to
-    }
-
-    if (height) {
-        return height.from <= height.to
-    }
-
-    return false
-}
-
-export const isWithinTheWidthAndHeight = (parsedMq: UnistylesParsedMq, screenSize: ScreenSize): boolean => {
-    const { width, height } = parsedMq
-
-    if (width && height) {
-        return isWithinTheWidth(width, screenSize.width) && isWithinTheHeight(height, screenSize.height)
-    }
-
-    if (width) {
-        return isWithinTheWidth(width, screenSize.width)
-    }
-
-    if (height) {
-        return isWithinTheHeight(height, screenSize.height)
-    }
-
-    return false
-}
-
-const isWithinTheWidth = (width: UnistylesParsedMq['width'], screenWidth: number): boolean => {
-    const { from, to } = width as ParsedMqDimension
-
-    return screenWidth >= from && screenWidth <= to
-}
-
-const isWithinTheHeight = (height: UnistylesParsedMq['height'], screenHeight: number): boolean => {
-    const { from, to } = height as ParsedMqDimension
-
-    return screenHeight >= from && screenHeight <= to
-}
-
-export const getKeyForUnistylesMediaQuery = (mediaQueries: Array<[string, RNValue]>, screenSize: ScreenSize): Optional<string> => {
-    const mq = mediaQueries.find(([key]) => {
-        if (!isUnistylesMq(key as string)) {
-            return false
-        }
-
-        const parsedMq = parseMq(key as string)
-
-        if (!isValidMq(parsedMq)) {
-            return false
-        }
-
-        return isWithinTheWidthAndHeight(parsedMq, screenSize)
-    })
-
-    return mq?.at(0) as Optional<string>
-}

package/src/utils/withPlugins.ts

@@ -1,13 +0,0 @@
-import type { RNStyle } from '../types'
-import { unistyles } from '../core'
-
-export const withPlugins = (
-    key: string,
-    style: RNStyle
-) => unistyles.registry.plugins.reduce((acc, plugin) => {
-    if (plugin.onParsedStyle) {
-        return plugin.onParsedStyle(key, acc, unistyles.runtime)
-    }
-
-    return acc
-}, style)