@builder.io/mitosis 0.6.1 → 0.6.3

package/dist/src/generators/builder/generator.js

@@ -393,7 +393,7 @@ const mapBoundStyles = (bindings) => {
     if (!styles) {
         return;
     }
-    const { parsed } = parseJSObject(styles.code);
+    const { parsed, unparsed } = parseJSObject(styles.code);
     for (const key in parsed) {
         const mediaQueryMatch = key.match(media_sizes_1.mediaQueryRegex);
         if (mediaQueryMatch) {
@@ -424,6 +424,29 @@ const mapBoundStyles = (bindings) => {
         }
     }
     delete bindings['style'];
+    // unparsed data could be something else such as a function call
+    if (unparsed) {
+        try {
+            const ast = (0, parser_1.parseExpression)(`(${unparsed})`, {
+                plugins: ['jsx', 'typescript'],
+                sourceType: 'module',
+            });
+            // style={state.getStyles()}
+            if (ast.type === 'CallExpression') {
+                bindings['style'] = {
+                    code: unparsed,
+                    bindingType: 'expression',
+                    type: 'single',
+                };
+            }
+            else {
+                throw 'unsupported style';
+            }
+        }
+        catch (_a) {
+            console.warn(`The following bound styles are invalid and have been removed: ${unparsed}`);
+        }
+    }
 };
 function isGlobalStyle(key) {
     // These are mapped to their respective responsiveStyle and support bindings

package/dist/src/parsers/builder/builder.js

@@ -1112,16 +1112,13 @@ function mapBuilderBindingsToMitosisBindingWithCode(bindings) {
         });
     return result;
 }
-function removeFalsey(obj) {
-    return (0, lodash_1.omitBy)(obj, (value) => !value || value === '0' || value === '0px' || value === 'none' || value === '0%');
-}
 function combineStyles(parent, child) {
     const marginStyles = ['marginTop', 'marginBottom', 'marginLeft', 'marginRight'];
     const paddingStyles = ['paddingTop', 'paddingBottom', 'paddingLeft', 'paddingRight'];
     const distanceStylesToCombine = [...paddingStyles, ...marginStyles];
     const merged = {
-        ...(0, lodash_1.omit)(removeFalsey(child), distanceStylesToCombine),
-        ...removeFalsey(parent),
+        ...(0, lodash_1.omit)(child, distanceStylesToCombine),
+        ...parent,
     };
     for (const key of distanceStylesToCombine) {
         // Funky things happen if different alignment

package/package.json

@@ -22,7 +22,7 @@
     "name": "Builder.io",
     "url": "https://www.builder.io"
   },
-  "version": "0.6.1",
+  "version": "0.6.3",
   "homepage": "https://github.com/BuilderIO/mitosis",
   "main": "./dist/src/index.js",
   "exports": {