react-native-unistyles 3.3.0 → 3.5.0

package/src/types/stylesheet.ts

@@ -18,9 +18,9 @@ export type UnistyleImage = Omit<ImageStyle, NestedKeys>
 type UnistyleNestedStyles = {
     shadowOffset?: ToDeepUnistyles<ShadowOffset>
     textShadowOffset?: ToDeepUnistyles<ShadowOffset>
-    transform?: Array<ToDeepUnistyles<TransformStyles>>
-    boxShadow?: Array<ToDeepUnistyles<BoxShadowValue>> | string
-    filter?: Array<ToDeepUnistyles<FilterFunction>> | string
+    transform?: ReadonlyArray<ToDeepUnistyles<TransformStyles>>
+    boxShadow?: ReadonlyArray<ToDeepUnistyles<BoxShadowValue>> | string
+    filter?: ReadonlyArray<ToDeepUnistyles<FilterFunction>> | string
 }
 
 type VariantsObject = {

package/src/web/convert/object/boxShadow.ts

@@ -17,7 +17,7 @@ export const getBoxShadow = (boxShadow: Array<BoxShadowValue>) => {
         const value = shadow[key as keyof BoxShadowValue]
 
         // Breakpoints
-        if (typeof value === 'object') {
+        if (value !== null && typeof value === 'object') {
             Object.keys(value).forEach((breakpoint) => breakpoints.add(breakpoint))
         }
     })
@@ -41,7 +41,7 @@ export const getBoxShadow = (boxShadow: Array<BoxShadowValue>) => {
                 const [key] = Object.keys(shadow)
                 const value = shadow[key as keyof BoxShadowValue]
 
-                if (typeof value === 'object' && keyInObject(value, breakpoint)) {
+                if (value !== null && typeof value === 'object' && keyInObject(value, breakpoint)) {
                     return [key, value[breakpoint]]
                 }
 

package/src/web/index.ts

@@ -26,7 +26,8 @@ export const StyleSheet = {
         bottom: 0,
     },
     compose: (a: object, b: object) => RNStyleSheet.compose(a, b),
-    flatten: (...styles: Array<object>) => RNStyleSheet.flatten(...styles),
+    flatten: (...styles: Array<object>) =>
+        (RNStyleSheet.flatten as unknown as (...styles: Array<object>) => object)(...styles),
     hairlineWidth: 1,
 } as unknown as typeof NativeStyleSheet
 

package/src/web/registry.ts

@@ -90,6 +90,9 @@ export class UnistylesRegistry {
         stylesCounter.delete(ref)
 
         if (stylesCounter.size === 0) {
+            // Safe to drop now: connect creates a new Set and the cleanup below only checks the DOM
+            this.stylesCounter.delete(hash)
+
             // Move this to the end of the event loop so the element is removed from the DOM
             return Promise.resolve().then(() => {
                 // Check if element is still in the DOM