@builder.io/mitosis 0.11.1 → 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/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.1",
+  "version": "0.11.2",
   "homepage": "https://github.com/BuilderIO/mitosis",
   "main": "./dist/src/index.js",
   "exports": {