@builder.io/mitosis 0.11.0 → 0.11.1

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/package.json

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