@builder.io/mitosis 0.5.33 → 0.5.35

package/dist/src/generators/react/blocks.js

@@ -131,8 +131,13 @@ const BINDING_MAPPERS = {
         }
         return [ref, value];
     },
-    innerHTML(_key, value) {
-        return ['dangerouslySetInnerHTML', `{__html: ${value.replace(/\s+/g, ' ')}}`];
+    innerHTML(_key, value, _options, isProperty) {
+        const wrapChar = isProperty ? '"' : '';
+        let useValue = value.replace(/\s+/g, ' ');
+        if (isProperty) {
+            useValue = value.replace(/"/g, '\\"');
+        }
+        return ['dangerouslySetInnerHTML', `{__html: ${wrapChar}${useValue}${wrapChar}}`];
     },
     ...ATTTRIBUTE_MAPPERS,
 };
@@ -196,7 +201,7 @@ const blockToReact = (json, options, component, insideJsx, parentSlots = []) =>
         else if (BINDING_MAPPERS[key]) {
             const mapper = BINDING_MAPPERS[key];
             if (typeof mapper === 'function') {
-                const [newKey, newValue] = mapper(key, value, options);
+                const [newKey, newValue] = mapper(key, value, options, true);
                 str += ` ${newKey}={${newValue}} `;
             }
             else {

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

@@ -371,7 +371,7 @@ const componentMappers = {
                  * If width if undefined, do not create a binding otherwise its JSX will
                  * be <Column width={} /> which is not valid due to the empty expression.
                  */
-                ...(col.width !== undefined && {
+                ...(col.width != null && {
                     bindings: {
                         width: { code: col.width.toString() },
                     },

package/dist/src/plugins/compile-away-builder-components.js

@@ -171,7 +171,10 @@ exports.components = {
         if ((_a = node === null || node === void 0 ? void 0 : node.bindings) === null || _a === void 0 ? void 0 : _a.code) {
             bindings.innerHTML = node.bindings.code;
         }
-        return wrapOutput(node, (0, create_mitosis_node_1.createMitosisNode)({
+        return wrapOutput({
+            ...node,
+            properties: (0, lodash_1.omit)(node.properties, 'code'),
+        }, (0, create_mitosis_node_1.createMitosisNode)({
             name: node.properties.builderTag || 'div',
             properties: {
                 innerHTML: node.properties.code || '',

package/package.json

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