@builder.io/mitosis 0.0.56-57 → 0.0.56-58

package/dist/src/__tests__/qwik/convert-method-to-function.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/__tests__/qwik/convert-method-to-function.test.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var convert_method_to_function_1 = require("../../generators/qwik/convert-method-to-function");
+describe('convertMethodToFunction', function () {
+    var methodMap = {
+        methodA: 'method',
+        getterB: 'getter',
+        getCssFromFont: 'method',
+    };
+    var lexicalArgs = ['props', 'state'];
+    describe('rewrite', function () {
+        test('method', function () {
+            expect((0, convert_method_to_function_1.convertMethodToFunction)('this.methodA(123)', methodMap, lexicalArgs)).toEqual('methodA(props,state,123)');
+        });
+        test('getter', function () {
+            expect((0, convert_method_to_function_1.convertMethodToFunction)('this.getterB', methodMap, lexicalArgs)).toEqual('getterB(props,state)');
+        });
+        test('method binding', function () {
+            expect((0, convert_method_to_function_1.convertMethodToFunction)('this.methodA', methodMap, lexicalArgs)).toEqual('methodA.bind(null,props,state)');
+        });
+        test('handle comments', function () {
+            expect((0, convert_method_to_function_1.convertMethodToFunction)('//\nreturn this.getterB;', methodMap, lexicalArgs)).toEqual('//\nreturn getterB(props,state);');
+        });
+        test('braces', function () {
+            var code = 'getFontCss({}: {}) { this.getCssFromFont(font) }';
+            expect((0, convert_method_to_function_1.convertMethodToFunction)(code, methodMap, lexicalArgs)).toEqual('getFontCss({}: {}) { getCssFromFont(props,state,font) }');
+        });
+    });
+    describe('string', function () {
+        test('should not rewrite string', function () {
+            expect((0, convert_method_to_function_1.convertMethodToFunction)('"this.getterB"', methodMap, lexicalArgs)).toEqual('"this.getterB"');
+        });
+        test('should rewrite template string', function () {
+            expect((0, convert_method_to_function_1.convertMethodToFunction)('`${this.getterB}this.getterB`', methodMap, lexicalArgs)).toEqual('`${getterB(props,state)}this.getterB`');
+        });
+    });
+});

package/dist/src/__tests__/react.test.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var __1 = require("..");
 var react_1 = require("../generators/react");
 var shared_1 = require("./shared");
+describe('Preact', function () {
+    (0, shared_1.runTestsForTarget)('react', (0, react_1.componentToReact)({ preact: true }));
+});
 var stamped = require('./data/blocks/stamped-io.raw');
 describe('React', function () {
     (0, shared_1.runTestsForTarget)('react', (0, react_1.componentToReact)());

package/dist/src/helpers/styles/helpers.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="lodash" />
 import * as CSS from 'csstype';
 import { MitosisNode } from '../../types/mitosis-node';
 import { MitosisComponent } from '../../types/mitosis-component';
@@ -19,8 +20,8 @@ export declare const hasStyle: (component: MitosisComponent) => boolean;
 export declare type StyleMap = {
     [className: string]: CSS.Properties | StyleMap;
 };
-export declare const getNestedSelectors: (map: StyleMap) => import("lodash").Dictionary<StyleMap | CSS.Properties<0 | (string & {}), string & {}>>;
-export declare const getStylesOnly: (map: StyleMap) => import("lodash").Dictionary<StyleMap | CSS.Properties<0 | (string & {}), string & {}>>;
+export declare const getNestedSelectors: (map: StyleMap) => import("lodash").Dictionary<CSS.Properties<0 | (string & {}), string & {}> | StyleMap>;
+export declare const getStylesOnly: (map: StyleMap) => import("lodash").Dictionary<CSS.Properties<0 | (string & {}), string & {}> | StyleMap>;
 /**
  * { 'my-class': { display: 'block', '&.foo': { display: 'none' } }}
  */

package/dist/src/targets.js

@@ -37,5 +37,5 @@ exports.targets = {
     stencil: stencil_1.componentToStencil,
     qwik: qwik_1.componentToQwik,
     marko: marko_1.componentToMarko,
-    preact: react_2.componentToPreact
+    preact: react_2.componentToPreact,
 };