rn-css 1.6.6 → 1.6.7

package/dist/styleComponent.js

@@ -30,12 +30,7 @@ const styled = (Component) => {
             // Build the css string with the context
             const css = react_1.default.useMemo(() => buildCSSString(chunks, functs, props, shared), [props, shared]);
             // Store the style in RN format
-            const [rnStyle, setRNStyle] = react_1.default.useState(() => (0, cssToRN_1.default)(css));
-            react_1.default.useEffect(() => {
-                // Try to load an existing style from the style map or save it for next time
-                const style = (0, cssToRN_1.default)(css);
-                setRNStyle(style);
-            }, [css]);
+            const rnStyle = react_1.default.useMemo(() => (0, cssToRN_1.default)(css), [css]);
             const { needsLayout, needsHover } = react_1.default.useMemo(() => ({
                 // needsFontSize: !!css.match(/\b(\d+)(\.\d+)?em\b/)
                 // needsScreenSize: !!cssString.current.match(/\b(\d+)(\.\d+)?v([hw]|min|max)\b/) || !!rnStyle.media,
@@ -83,10 +78,10 @@ const styled = (Component) => {
             }, [em, mediaQuery, tempStyle]);
             const units = react_1.default.useMemo(() => ({ ...baseUnits, em }), [baseUnits, em]);
             const styleConvertedFromCSS = react_1.default.useMemo(() => (0, convertStyle_1.default)(finalStyle, units), [finalStyle, units]);
-            const style = react_1.default.useMemo(() => react_native_1.StyleSheet.flatten([styleConvertedFromCSS, props.style]), [props.style, styleConvertedFromCSS]);
+            const style = react_1.default.useMemo(() => [styleConvertedFromCSS, props.style], [props.style, styleConvertedFromCSS]);
             const newProps = react_1.default.useMemo(() => {
                 const newProps = { style, onMouseEnter, onMouseLeave, onLayout };
-                if (style.textOverflow === 'ellipsis')
+                if (react_native_1.StyleSheet.flatten(style).textOverflow === 'ellipsis')
                     Object.assign(newProps, { numberOfLines: 1 });
                 return newProps;
             }, [onLayout, onMouseEnter, onMouseLeave, style]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-css",
-  "version": "1.6.6",
+  "version": "1.6.7",
   "scripts": {
     "test": "jest",
     "prepare": "tsc",

package/src/styleComponent.tsx

@@ -37,12 +37,7 @@ const styled = <Props, >(Component: React.ComponentType<Props>) => {
       // Build the css string with the context
       const css = React.useMemo(() => buildCSSString(chunks, functs, props, shared), [props, shared])
       // Store the style in RN format
-      const [rnStyle, setRNStyle] = React.useState<Style>(() => cssToStyle(css))
-      React.useEffect(() => {
-        // Try to load an existing style from the style map or save it for next time
-        const style = cssToStyle(css)
-        setRNStyle(style)
-      }, [css])
+      const rnStyle = React.useMemo(() => cssToStyle(css), [css])
 
       const { needsLayout, needsHover } = React.useMemo(() => ({
         // needsFontSize: !!css.match(/\b(\d+)(\.\d+)?em\b/)
@@ -95,10 +90,10 @@ const styled = <Props, >(Component: React.ComponentType<Props>) => {
       const units = React.useMemo<Units>(() => ({ ...baseUnits, em }), [baseUnits, em])
 
       const styleConvertedFromCSS = React.useMemo(() => convertStyle(finalStyle, units), [finalStyle, units])
-      const style: StyleProp<any> = React.useMemo(() => StyleSheet.flatten([styleConvertedFromCSS, props.style]), [props.style, styleConvertedFromCSS])
+      const style: StyleProp<any> = React.useMemo(() => [styleConvertedFromCSS, props.style], [props.style, styleConvertedFromCSS])
       const newProps = React.useMemo(() => {
         const newProps: OptionalProps = { style, onMouseEnter, onMouseLeave, onLayout }
-        if (style.textOverflow === 'ellipsis') Object.assign(newProps, { numberOfLines: 1 })
+        if (StyleSheet.flatten(style).textOverflow === 'ellipsis') Object.assign(newProps, { numberOfLines: 1 })
         return newProps
       }, [onLayout, onMouseEnter, onMouseLeave, style])