@builder.io/mitosis 0.5.35 → 0.5.37

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

@@ -405,15 +405,34 @@ const mapBoundStyles = (bindings) => {
             }
         }
         else {
-            bindings[`style.${key}`] = {
-                code: parsed[key],
-                bindingType: 'expression',
-                type: 'single',
-            };
+            if (isGlobalStyle(key)) {
+                console.warn(`The following bound styles are not supported by Builder JSON and have been removed:
+  "${key}": ${parsed[key]}
+          `);
+            }
+            else {
+                bindings[`style.${key}`] = {
+                    code: parsed[key],
+                    bindingType: 'expression',
+                    type: 'single',
+                };
+            }
         }
     }
     delete bindings['style'];
 };
+function isGlobalStyle(key) {
+    // These are mapped to their respective responsiveStyle and support bindings
+    if (/max-width: (.*?)px/gm.exec(key)) {
+        return false;
+    }
+    return (
+    // pseudo class
+    key.startsWith('&:') ||
+        key.startsWith(':') ||
+        // @ rules
+        key.startsWith('@'));
+}
 const blockToBuilder = (json, options = {}, _internalOptions = {}) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     const mapper = !_internalOptions.skipMapper && componentMappers[json.name];

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

@@ -912,6 +912,8 @@ function convertExportDefaultToReturn(code) {
     try {
         const { types } = babel;
         const body = (0, parsers_1.parseCode)(code);
+        if (body.length === 0)
+            return code;
         const newBody = body.slice();
         for (let i = 0; i < body.length; i++) {
             const statement = body[i];

package/dist/src/parsers/jsx/element-parser.js

@@ -273,11 +273,9 @@ const jsxElementToJson = (node) => {
                 // <Foo myProp={"hello"} />
                 memo.properties[key] = expression.value;
             }
-            else if (types.isArrowFunctionExpression(expression)) {
+            else if (key.startsWith('on') && types.isArrowFunctionExpression(expression)) {
                 // <Foo myProp={() => {}} />
-                const args = key.startsWith('on')
-                    ? expression.params.map((node) => node === null || node === void 0 ? void 0 : node.name)
-                    : [];
+                const args = expression.params.map((node) => node === null || node === void 0 ? void 0 : node.name);
                 memo.bindings[key] = (0, bindings_1.createSingleBinding)({
                     code: (0, generator_1.default)(expression.body, { compact: true }).code,
                     async: expression.async === true ? true : undefined,

package/package.json

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