@builder.io/mitosis 0.11.0 → 0.11.2

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

@@ -583,6 +583,12 @@ const blockToBuilder = (json, options = {}, _internalOptions = {}) => {
             responsiveStyles,
         }),
         layerName: json.properties.$name,
+        ...(json.properties['data-builder-layerLocked'] !== undefined && {
+            layerLocked: json.properties['data-builder-layerLocked'] === 'true',
+        }),
+        ...(json.properties['data-builder-groupLocked'] !== undefined && {
+            groupLocked: json.properties['data-builder-groupLocked'] === 'true',
+        }),
         ...(thisIsComponent && {
             component: {
                 name: mapComponentName(json.name),

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

@@ -380,7 +380,7 @@ const _componentToReact = (json, options, isSubComponent = false) => {
     ${componentBody}
   }${isForwardRef ? ')' : ''}
 
-    ${reactNativeStyles
+    ${reactNativeStyles && Object.keys(reactNativeStyles).length > 0
         ? `const styles = StyleSheet.create(${json5_1.default.stringify(reactNativeStyles)});`
         : ''}
 

package/dist/src/generators/react/helpers/state.js

@@ -10,12 +10,11 @@ const get_state_object_string_1 = require("../../../helpers/get-state-object-str
 const get_typed_function_1 = require("../../../helpers/get-typed-function");
 const is_mitosis_node_1 = require("../../../helpers/is-mitosis-node");
 const patterns_1 = require("../../../helpers/patterns");
-const helpers_1 = require("../../../helpers/styles/helpers");
 const transform_state_setters_1 = require("../../../helpers/transform-state-setters");
 const core_1 = require("@babel/core");
 const function_1 = require("fp-ts/lib/function");
 const legacy_1 = __importDefault(require("neotraverse/legacy"));
-const helpers_2 = require("../helpers");
+const helpers_1 = require("../helpers");
 /**
  * Removes all `this.` references.
  */
@@ -25,7 +24,7 @@ const stripThisRefs = (str, options) => {
     }
     return str.replace(/this\.([a-zA-Z_\$0-9]+)/g, '$1');
 };
-const processHookCode = ({ str, options }) => (0, helpers_2.processBinding)((0, exports.updateStateSettersInCode)(str, options), options);
+const processHookCode = ({ str, options }) => (0, helpers_1.processBinding)((0, exports.updateStateSettersInCode)(str, options), options);
 exports.processHookCode = processHookCode;
 const valueMapper = (options) => (val) => {
     const x = (0, exports.processHookCode)({ str: val, options });
@@ -150,9 +149,6 @@ const getDefaultImport = (options, json) => {
                 });
             }
         });
-        if ((0, helpers_1.hasCss)(json)) {
-            namesUsed.add('StyleSheet');
-        }
         (0, legacy_1.default)(json).forEach((node) => {
             var _a, _b, _c, _d;
             if (!(0, is_mitosis_node_1.isMitosisNode)(node)) {
@@ -162,6 +158,9 @@ const getDefaultImport = (options, json) => {
             if (((_a = node.properties._text) === null || _a === void 0 ? void 0 : _a.trim().length) || ((_d = (_c = (_b = node.bindings._text) === null || _b === void 0 ? void 0 : _b.code) === null || _c === void 0 ? void 0 : _c.trim()) === null || _d === void 0 ? void 0 : _d.length)) {
                 namesUsed.add('Text');
             }
+            if (node.properties.style || node.bindings.style) {
+                namesUsed.add('StyleSheet');
+            }
             if (node.name === 'TouchableOpacity' &&
                 ('href' in node.bindings || 'href' in node.properties)) {
                 namesUsed.add('Linking');

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

@@ -498,6 +498,14 @@ const componentMappers = {
         if (block.layerName) {
             properties.$name = block.layerName;
         }
+        // Add data attributes for Builder layer properties
+        const dataAttributes = {};
+        if (block.layerLocked !== undefined) {
+            dataAttributes['data-builder-layerLocked'] = String(block.layerLocked);
+        }
+        if (block.groupLocked !== undefined) {
+            dataAttributes['data-builder-groupLocked'] = String(block.groupLocked);
+        }
         const innerBindings = {};
         const componentOptionsText = blockBindings['component.options.text'];
         if (componentOptionsText) {
@@ -522,7 +530,10 @@ const componentMappers = {
             return (0, create_mitosis_node_1.createMitosisNode)({
                 name: block.tagName || 'div',
                 bindings,
-                properties,
+                properties: {
+                    ...properties,
+                    ...dataAttributes,
+                },
                 meta: (0, exports.getMetaFromBlock)(block, options),
                 ...(Object.keys(localizedValues).length && { localizedValues }),
                 children: [
@@ -546,6 +557,7 @@ const componentMappers = {
                 }
                 : {}),
             ...properties,
+            ...dataAttributes,
         };
         const finalTagname = block.tagName || (assumeLink ? 'a' : 'div');
         if ((block.tagName && block.tagName !== 'div') ||
@@ -817,6 +829,14 @@ const builderElementToMitosisNode = (block, options, _internalOptions = {}) => {
             bindings[useKey] = (0, bindings_1.createSingleBinding)({ code: value });
         }
     }
+    // Add data attributes for Builder layer properties
+    const dataAttributes = {};
+    if (block.layerLocked !== undefined) {
+        dataAttributes['data-builder-layerLocked'] = String(block.layerLocked);
+    }
+    if (block.groupLocked !== undefined) {
+        dataAttributes['data-builder-groupLocked'] = String(block.groupLocked);
+    }
     const node = (0, create_mitosis_node_1.createMitosisNode)({
         name: ((_r = (_q = block.component) === null || _q === void 0 ? void 0 : _q.name) === null || _r === void 0 ? void 0 : _r.replace(/[^a-z0-9]/gi, '')) ||
             block.tagName ||
@@ -825,6 +845,7 @@ const builderElementToMitosisNode = (block, options, _internalOptions = {}) => {
             ...(block.component && includeSpecialBindings && { $tagName: block.tagName }),
             ...(block.class && { class: block.class }),
             ...properties,
+            ...dataAttributes,
         },
         bindings: {
             ...bindings,

package/package.json

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