react-native-unistyles 3.0.0-alpha.35 → 3.0.0-alpha.37

package/lib/typescript/src/web/convert/shadow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadow.d.ts","sourceRoot":"","sources":["../../../../../src/web/convert/shadow.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,qBAAsB,aAAa,CAAC,MAAM,CAAC,UAAU,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAAe,GAAG,CAAC,MAAM,CAAC,SAiE5H,CAAA"}

package/lib/typescript/src/web/convert/textShadow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"textShadow.d.ts","sourceRoot":"","sources":["../../../../../src/web/convert/textShadow.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,kBAAkB,WAAY,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;;CAoD7D,CAAA"}

package/lib/typescript/src/web/convert/transform.d.ts

@@ -1,4 +0,0 @@
-type Transforms = Array<Record<string, any>>;
-export declare const getTransformStyle: (transforms: Transforms) => Record<string, any>;
-export {};
-//# sourceMappingURL=transform.d.ts.map

package/lib/typescript/src/web/convert/transform.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/web/convert/transform.ts"],"names":[],"mappings":"AAGA,KAAK,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;AAmC5C,eAAO,MAAM,iBAAiB,eAAgB,UAAU,wBAiDvD,CAAA"}

package/src/web/convert/shadow.ts

@@ -1,68 +0,0 @@
-import type { ShadowOffset } from './types'
-
-export const validateShadow = (shadowProperties: ReadonlyArray<string>, styles: Record<string, any>, breakpoints: Set<string>) => {
-    // Collect breakpoints
-    shadowProperties.forEach(key => {
-        const value = styles[key]
-
-        if (typeof value !== 'object') {
-            return
-        }
-
-        if (key === 'shadowOffset' || key === 'textShadowOffset') {
-            const { width, height } = value as ShadowOffset
-
-            // If shadowOffset.width has breakpoints
-            if (typeof width === 'object') {
-                Object.keys(width).forEach(breakpoint => breakpoints.add(breakpoint))
-            }
-
-            // If shadowOffset.height has breakpoints
-            if (typeof height === 'object') {
-                Object.keys(height).forEach(breakpoint => breakpoints.add(breakpoint))
-            }
-
-            return
-        }
-
-        // Collect regular breakpoints
-        Object.keys(value).forEach(breakpoint => breakpoints.add(breakpoint))
-    })
-
-    // Validate if all breakpoints are present
-    shadowProperties.forEach(key => {
-        const value = styles[key]
-
-        if (typeof value !== 'object') {
-            return
-        }
-
-        if (key === 'shadowOffset' || key === 'textShadowOffset') {
-            const { width, height } = value as ShadowOffset
-
-            if (typeof width === 'object') {
-                const missingBreakpoints = Array.from(breakpoints).filter(breakpoint => !(breakpoint in width))
-
-                if (missingBreakpoints.length) {
-                    throw `missing breakpoints in ${key}.width: ${missingBreakpoints.join(', ')}`
-                }
-            }
-
-            if (typeof height === 'object') {
-                const missingBreakpoints = Array.from(breakpoints).filter(breakpoint => !(breakpoint in height))
-
-                if (missingBreakpoints.length) {
-                    throw `missing breakpoints in ${key}.height: ${missingBreakpoints.join(', ')}`
-                }
-            }
-
-            return
-        }
-
-        const missingBreakpoints = Array.from(breakpoints).filter(breakpoint => !(breakpoint in value))
-
-        if (missingBreakpoints.length) {
-            throw `missing breakpoints in ${key}: ${missingBreakpoints.join(', ')}`
-        }
-    })
-}

package/src/web/convert/transform.ts

@@ -1,88 +0,0 @@
-import { deepMergeObjects, keyInObject } from '../utils'
-import { normalizeNumericValue } from './utils'
-
-type Transforms = Array<Record<string, any>>
-
-const normalizeTransform = (key: string, value: any) => {
-    if (key.includes('scale')) {
-        return value
-    }
-
-    if (typeof value === 'number') {
-        return normalizeNumericValue(value)
-    }
-
-    return value
-}
-
-const createTransformValue = (transforms: Transforms) => transforms
-    .map(transform => {
-        const [key] = Object.keys(transform)
-
-        if (!key) {
-            return undefined
-        }
-
-        const value = transform[key]
-
-        switch(key) {
-            case 'matrix':
-            case 'matrix3d':
-                return `${key}(${(value as Array<number>).join(',')})`
-            default:
-                return `${key}(${normalizeTransform(key, value)})`
-        }
-    })
-    .filter(Boolean)
-    .join(' ')
-
-export const getTransformStyle = (transforms: Transforms) => {
-    const breakpoints = new Set<string>()
-    const normalTransforms: Transforms = []
-
-    transforms.forEach(transform => {
-        const [property] = Object.keys(transform)
-
-        if (!property) {
-            return
-        }
-
-        const value = transform[property]
-
-        if (typeof value === 'object' && !Array.isArray(value)) {
-            Object.keys(value).forEach(breakpoint => breakpoints.add(breakpoint))
-
-            return
-        }
-
-        normalTransforms.push(transform)
-    })
-
-    const breakpointTransforms = Array.from(breakpoints).flatMap(breakpoint => {
-        const transformsPerBreakpoint = transforms.flatMap(transform => {
-            const [property] = Object.keys(transform)
-
-            if (!property) {
-                return []
-            }
-
-            const value = transform[property]
-
-            if (typeof value === 'object' && !Array.isArray(value)) {
-                return keyInObject(value, breakpoint) ? [{ [property]: value[breakpoint] }] : []
-            }
-
-            return []
-        })
-
-        return [{
-            [breakpoint]: {
-                transform: createTransformValue(transformsPerBreakpoint)
-            }
-        }]
-    })
-
-    return deepMergeObjects<Record<string, any>>({
-        transform: createTransformValue(normalTransforms)
-    }, ...breakpointTransforms)
-}