@builder.io/mitosis 0.4.0 → 0.4.2

package/dist/src/parsers/jsx/hooks/use-target.js

@@ -27,9 +27,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getUseTargetStatements = exports.getIdFromMatch = exports.USE_TARGET_MAGIC_REGEX = exports.USE_TARGET_MAGIC_STRING = exports.getMagicString = exports.getTargetId = void 0;
-var babel = __importStar(require("@babel/core"));
-var generator_1 = __importDefault(require("@babel/generator"));
-var TARGETS = {
+const babel = __importStar(require("@babel/core"));
+const generator_1 = __importDefault(require("@babel/generator"));
+const TARGETS = {
     alpine: null,
     angular: null,
     customElement: null,
@@ -52,26 +52,26 @@ var TARGETS = {
     rsc: null,
     taro: null,
 };
-var types = babel.types;
-var getTargetId = function (component) {
-    var latestId = Object.keys(component.targetBlocks || {}).length;
-    var blockId = (latestId + 1).toString();
+const { types } = babel;
+const getTargetId = (component) => {
+    const latestId = Object.keys(component.targetBlocks || {}).length;
+    const blockId = (latestId + 1).toString();
     return blockId;
 };
 exports.getTargetId = getTargetId;
-var getMagicString = function (targetId) { return [exports.USE_TARGET_MAGIC_STRING, targetId].join(''); };
+const getMagicString = (targetId) => [exports.USE_TARGET_MAGIC_STRING, targetId].join('');
 exports.getMagicString = getMagicString;
 exports.USE_TARGET_MAGIC_STRING = 'USE_TARGET_BLOCK_';
 // check for uuid.v4() format
-var idRegex = /\d*/;
-var REGEX_BLOCK_NAME = 'blockId';
+const idRegex = /\d*/;
+const REGEX_BLOCK_NAME = 'blockId';
 exports.USE_TARGET_MAGIC_REGEX = new RegExp(
 // make sure to capture the id of the target block
-"[\"']".concat(exports.USE_TARGET_MAGIC_STRING, "(?<").concat(REGEX_BLOCK_NAME, ">").concat(idRegex.source, ")[\"']"), 'g');
-var getIdFromMatch = function (match) {
+`["']${exports.USE_TARGET_MAGIC_STRING}\(?<${REGEX_BLOCK_NAME}>${idRegex.source}\)["']`, 'g');
+const getIdFromMatch = (match) => {
     var _a;
-    var USE_TARGET_MAGIC_REGEX_WITHOUT_G = new RegExp("[\"']".concat(exports.USE_TARGET_MAGIC_STRING, "(?<").concat(REGEX_BLOCK_NAME, ">").concat(idRegex.source, ")[\"']"));
-    var result = match.match(USE_TARGET_MAGIC_REGEX_WITHOUT_G);
+    const USE_TARGET_MAGIC_REGEX_WITHOUT_G = new RegExp(`["']${exports.USE_TARGET_MAGIC_STRING}\(?<${REGEX_BLOCK_NAME}>${idRegex.source}\)["']`);
+    const result = match.match(USE_TARGET_MAGIC_REGEX_WITHOUT_G);
     if (!result)
         return undefined;
     return (_a = result.groups) === null || _a === void 0 ? void 0 : _a[REGEX_BLOCK_NAME];
@@ -80,18 +80,18 @@ exports.getIdFromMatch = getIdFromMatch;
 /**
  * This function finds `useTarget()` and converts it our JSON representation
  */
-var getUseTargetStatements = function (path) {
-    var useTargetHook = path.node;
-    var obj = useTargetHook.arguments[0];
+const getUseTargetStatements = (path) => {
+    const useTargetHook = path.node;
+    const obj = useTargetHook.arguments[0];
     if (!types.isObjectExpression(obj))
         return undefined;
-    var isInlinedCodeInsideFunctionBody = types.isExpressionStatement(path.parent) && types.isBlockStatement(path.parentPath.parent);
-    var targetBlock = {
+    const isInlinedCodeInsideFunctionBody = types.isExpressionStatement(path.parent) && types.isBlockStatement(path.parentPath.parent);
+    const targetBlock = {
         settings: {
             requiresDefault: !isInlinedCodeInsideFunctionBody,
         },
     };
-    obj.properties.forEach(function (prop) {
+    obj.properties.forEach((prop) => {
         if (!types.isObjectProperty(prop)) {
             throw new Error('ERROR Parsing `useTarget()`: properties cannot be spread or references');
         }
@@ -101,19 +101,19 @@ var getUseTargetStatements = function (path) {
         if (!Object.keys(TARGETS).concat('default').includes(prop.key.name)) {
             throw new Error('ERROR Parsing `useTarget()`: Invalid target: ' + prop.key.name);
         }
-        var keyName = prop.key.name;
-        var targetCode = prop.value;
+        const keyName = prop.key.name;
+        const targetCode = prop.value;
         if (isInlinedCodeInsideFunctionBody) {
             if (!(types.isArrowFunctionExpression(targetCode) || types.isFunctionExpression(targetCode)))
                 return undefined;
-            var body = targetCode.body;
+            const body = targetCode.body;
             if (types.isBlockStatement(body)) {
-                var code_1 = '';
-                body.body.forEach(function (statement) {
-                    code_1 += (0, generator_1.default)(statement).code + '\n';
+                let code = '';
+                body.body.forEach((statement) => {
+                    code += (0, generator_1.default)(statement).code + '\n';
                 });
                 targetBlock[keyName] = {
-                    code: code_1,
+                    code,
                 };
             }
             else {

package/dist/src/parsers/jsx/imports.js

@@ -22,29 +22,19 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.handleImportDeclaration = void 0;
-var babel = __importStar(require("@babel/core"));
-var mitosis_imports_1 = require("../../helpers/mitosis-imports");
-var types = babel.types;
-var handleImportDeclaration = function (_a) {
-    var options = _a.options, path = _a.path, context = _a.context;
+const babel = __importStar(require("@babel/core"));
+const mitosis_imports_1 = require("../../helpers/mitosis-imports");
+const { types } = babel;
+const handleImportDeclaration = ({ options, path, context, }) => {
     // @builder.io/mitosis or React imports compile away
-    var customPackages = (options === null || options === void 0 ? void 0 : options.compileAwayPackages) || [];
-    if (__spreadArray(['react', '@builder.io/mitosis', '@emotion/react'], customPackages, true).includes(path.node.source.value)) {
+    const customPackages = (options === null || options === void 0 ? void 0 : options.compileAwayPackages) || [];
+    if (['react', '@builder.io/mitosis', '@emotion/react', ...customPackages].includes(path.node.source.value)) {
         path.remove();
         return;
     }
-    var importObject = (0, mitosis_imports_1.mapImportDeclarationToMitosisImport)(path.node);
+    const importObject = (0, mitosis_imports_1.mapImportDeclarationToMitosisImport)(path.node);
     context.builder.component.imports.push(importObject);
     path.remove();
 };

package/dist/src/parsers/jsx/jsx.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -38,37 +27,37 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseJsx = void 0;
-var filter_empty_text_nodes_1 = require("../../helpers/filter-empty-text-nodes");
-var traverse_nodes_1 = require("../../helpers/traverse-nodes");
-var babel = __importStar(require("@babel/core"));
-var generator_1 = __importDefault(require("@babel/generator"));
-var plugin_syntax_typescript_1 = __importDefault(require("@babel/plugin-syntax-typescript"));
-var preset_typescript_1 = __importDefault(require("@babel/preset-typescript"));
-var function_1 = require("fp-ts/lib/function");
-var hooks_1 = require("../../constants/hooks");
-var create_mitosis_component_1 = require("../../helpers/create-mitosis-component");
-var json_1 = require("../../helpers/json");
-var replace_new_lines_in_strings_1 = require("../../helpers/replace-new-lines-in-strings");
-var signals_1 = require("../../helpers/signals");
-var ast_1 = require("./ast");
-var component_types_1 = require("./component-types");
-var context_1 = require("./context");
-var element_parser_1 = require("./element-parser");
-var exports_1 = require("./exports");
-var function_parser_1 = require("./function-parser");
-var helpers_1 = require("./helpers");
-var hooks_2 = require("./hooks");
-var use_target_1 = require("./hooks/use-target");
-var imports_1 = require("./imports");
-var props_1 = require("./props");
-var props_types_1 = require("./props-types");
-var signals_2 = require("./signals");
-var state_1 = require("./state");
-var types = babel.types;
-var typescriptBabelPreset = [preset_typescript_1.default, { isTSX: true, allExtensions: true }];
-var beforeParse = function (path) {
+const filter_empty_text_nodes_1 = require("../../helpers/filter-empty-text-nodes");
+const traverse_nodes_1 = require("../../helpers/traverse-nodes");
+const babel = __importStar(require("@babel/core"));
+const generator_1 = __importDefault(require("@babel/generator"));
+const plugin_syntax_typescript_1 = __importDefault(require("@babel/plugin-syntax-typescript"));
+const preset_typescript_1 = __importDefault(require("@babel/preset-typescript"));
+const function_1 = require("fp-ts/lib/function");
+const hooks_1 = require("../../constants/hooks");
+const create_mitosis_component_1 = require("../../helpers/create-mitosis-component");
+const json_1 = require("../../helpers/json");
+const replace_new_lines_in_strings_1 = require("../../helpers/replace-new-lines-in-strings");
+const signals_1 = require("../../helpers/signals");
+const ast_1 = require("./ast");
+const component_types_1 = require("./component-types");
+const context_1 = require("./context");
+const element_parser_1 = require("./element-parser");
+const exports_1 = require("./exports");
+const function_parser_1 = require("./function-parser");
+const helpers_1 = require("./helpers");
+const hooks_2 = require("./hooks");
+const use_target_1 = require("./hooks/use-target");
+const imports_1 = require("./imports");
+const props_1 = require("./props");
+const props_types_1 = require("./props-types");
+const signals_2 = require("./signals");
+const state_1 = require("./state");
+const { types } = babel;
+const typescriptBabelPreset = [preset_typescript_1.default, { isTSX: true, allExtensions: true }];
+const beforeParse = (path) => {
     path.traverse({
-        FunctionDeclaration: function (path) {
+        FunctionDeclaration(path) {
             (0, props_1.undoPropsDestructure)(path);
         },
     });
@@ -80,12 +69,14 @@ var beforeParse = function (path) {
  * @param jsx string representation of the Mitosis component
  * @returns A JSON representation of the Mitosis component
  */
-function parseJsx(jsx, _options) {
+function parseJsx(jsx, _options = {}) {
     var _a;
-    if (_options === void 0) { _options = {}; }
-    var subComponentFunctions = [];
-    var options = __assign({ typescript: false }, _options);
-    var jsxToUse = options.typescript
+    let subComponentFunctions = [];
+    const options = {
+        typescript: false,
+        ..._options,
+    };
+    const jsxToUse = options.typescript
         ? jsx
         : // strip typescript types by running through babel's TS preset.
             (_a = babel.transform(jsx, {
@@ -93,20 +84,20 @@ function parseJsx(jsx, _options) {
                 babelrc: false,
                 presets: [typescriptBabelPreset],
             })) === null || _a === void 0 ? void 0 : _a.code;
-    var output = babel.transform(jsxToUse, {
+    const output = babel.transform(jsxToUse, {
         configFile: false,
         babelrc: false,
         comments: false,
         plugins: [
             [plugin_syntax_typescript_1.default, { isTSX: true }],
-            function () { return ({
+            () => ({
                 visitor: {
-                    JSXExpressionContainer: function (path, context) {
+                    JSXExpressionContainer(path, context) {
                         if (types.isJSXEmptyExpression(path.node.expression)) {
                             path.remove();
                         }
                     },
-                    Program: function (path, context) {
+                    Program(path, context) {
                         if (context.builder) {
                             return;
                         }
@@ -114,81 +105,81 @@ function parseJsx(jsx, _options) {
                         context.builder = {
                             component: (0, create_mitosis_component_1.createMitosisComponent)(),
                         };
-                        var keepStatements = path.node.body.filter(function (statement) { return (0, helpers_1.isImportOrDefaultExport)(statement) || (0, component_types_1.isTypeOrInterface)(statement); });
+                        const keepStatements = path.node.body.filter((statement) => (0, helpers_1.isImportOrDefaultExport)(statement) || (0, component_types_1.isTypeOrInterface)(statement));
                         context.builder.component.exports = (0, exports_1.generateExports)(path);
                         subComponentFunctions = path.node.body
-                            .filter(function (node) {
-                            return !types.isExportDefaultDeclaration(node) && types.isFunctionDeclaration(node);
-                        })
-                            .map(function (node) { return "export default ".concat((0, generator_1.default)(node).code); });
-                        var preComponentCode = (0, function_1.pipe)(path.node.body.filter(function (statement) { return !(0, helpers_1.isImportOrDefaultExport)(statement); }), (0, hooks_2.collectModuleScopeHooks)(context.builder.component, options), types.program, generator_1.default, function (generatorResult) { return generatorResult.code; });
+                            .filter((node) => !types.isExportDefaultDeclaration(node) && types.isFunctionDeclaration(node))
+                            .map((node) => `export default ${(0, generator_1.default)(node).code}`);
+                        const preComponentCode = (0, function_1.pipe)(path.node.body.filter((statement) => !(0, helpers_1.isImportOrDefaultExport)(statement)), (0, hooks_2.collectModuleScopeHooks)(context.builder.component, options), types.program, generator_1.default, (generatorResult) => generatorResult.code);
                         // TODO: support multiple? e.g. for others to add imports?
                         context.builder.component.hooks.preComponent = { code: preComponentCode };
                         path.replaceWith(types.program(keepStatements));
                     },
-                    FunctionDeclaration: function (path, context) {
-                        var node = path.node;
+                    FunctionDeclaration(path, context) {
+                        const { node } = path;
                         if (types.isIdentifier(node.id)) {
-                            var name_1 = node.id.name;
-                            if (name_1[0].toUpperCase() === name_1[0]) {
+                            const name = node.id.name;
+                            if (name[0].toUpperCase() === name[0]) {
                                 path.traverse({
                                     /**
                                      * Plugin to find all `useTarget()` assignment calls inside of the component function body
                                      * and replace them with a magic string.
                                      */
-                                    CallExpression: function (path) {
-                                        var _a;
+                                    CallExpression(path) {
                                         if (!types.isCallExpression(path.node))
                                             return;
                                         if (!types.isIdentifier(path.node.callee))
                                             return;
                                         if (path.node.callee.name !== hooks_1.HOOKS.TARGET)
                                             return;
-                                        var targetBlock = (0, use_target_1.getUseTargetStatements)(path);
+                                        const targetBlock = (0, use_target_1.getUseTargetStatements)(path);
                                         if (!targetBlock)
                                             return;
-                                        var blockId = (0, use_target_1.getTargetId)(context.builder.component);
+                                        const blockId = (0, use_target_1.getTargetId)(context.builder.component);
                                         // replace the useTarget() call with a magic string
                                         path.replaceWith(types.stringLiteral((0, use_target_1.getMagicString)(blockId)));
                                         // store the target block in the component
-                                        context.builder.component.targetBlocks = __assign(__assign({}, context.builder.component.targetBlocks), (_a = {}, _a[blockId] = targetBlock, _a));
+                                        context.builder.component.targetBlocks = {
+                                            ...context.builder.component.targetBlocks,
+                                            [blockId]: targetBlock,
+                                        };
                                     },
                                 });
                                 path.replaceWith((0, ast_1.jsonToAst)((0, function_parser_1.componentFunctionToJson)(node, context)));
                             }
                         }
                     },
-                    ImportDeclaration: function (path, context) {
-                        (0, imports_1.handleImportDeclaration)({ options: options, path: path, context: context });
+                    ImportDeclaration(path, context) {
+                        (0, imports_1.handleImportDeclaration)({ options, path, context });
                     },
-                    ExportDefaultDeclaration: function (path) {
+                    ExportDefaultDeclaration(path) {
                         path.replaceWith(path.node.declaration);
                     },
-                    JSXElement: function (path) {
-                        var node = path.node;
+                    JSXElement(path) {
+                        const { node } = path;
                         path.replaceWith((0, ast_1.jsonToAst)((0, element_parser_1.jsxElementToJson)(node)));
                     },
-                    ExportNamedDeclaration: function (path, context) {
-                        var node = path.node;
+                    ExportNamedDeclaration(path, context) {
+                        const { node } = path;
                         if (babel.types.isTSInterfaceDeclaration(node.declaration) ||
                             babel.types.isTSTypeAliasDeclaration(node.declaration)) {
                             (0, component_types_1.collectTypes)(path, context);
                         }
                     },
-                    TSTypeAliasDeclaration: function (path, context) {
+                    TSTypeAliasDeclaration(path, context) {
                         (0, component_types_1.collectTypes)(path, context);
                     },
-                    TSInterfaceDeclaration: function (path, context) {
+                    TSInterfaceDeclaration(path, context) {
                         (0, component_types_1.collectTypes)(path, context);
                     },
                 },
-            }); },
+            }),
         ],
     });
     if (!output || !output.code) {
         throw new Error('Could not parse JSX');
     }
-    var stringifiedMitosisComponent = (0, replace_new_lines_in_strings_1.stripNewlinesInStrings)(output.code
+    const stringifiedMitosisComponent = (0, replace_new_lines_in_strings_1.stripNewlinesInStrings)(output.code
         .trim()
         // Occasional issues where comments get kicked to the top. Full fix should strip these sooner
         .replace(/^\/\*[\s\S]*?\*\/\s*/, '')
@@ -197,46 +188,56 @@ function parseJsx(jsx, _options) {
         .replace(/\n"/g, '"')
         .replace(/^\({/, '{')
         .replace(/}\);$/, '}'));
-    var mitosisComponent = (0, json_1.tryParseJson)(stringifiedMitosisComponent);
+    const mitosisComponent = (0, json_1.tryParseJson)(stringifiedMitosisComponent);
     (0, state_1.mapStateIdentifiers)(mitosisComponent);
     (0, context_1.extractContextComponents)(mitosisComponent);
-    mitosisComponent.subComponents = subComponentFunctions.map(function (item) { return parseJsx(item, options); });
-    var signalTypeImportName = (0, signals_1.getSignalImportName)(jsxToUse);
+    mitosisComponent.subComponents = subComponentFunctions.map((item) => parseJsx(item, options));
+    const signalTypeImportName = (0, signals_1.getSignalImportName)(jsxToUse);
     if (signalTypeImportName) {
-        mitosisComponent.signals = { signalTypeImportName: signalTypeImportName };
+        mitosisComponent.signals = { signalTypeImportName };
     }
     if (options.tsProject && options.filePath) {
         // identify optional props.
-        var optionalProps = (0, props_types_1.findOptionalProps)({
+        const optionalProps = (0, props_types_1.findOptionalProps)({
             project: options.tsProject.project,
             filePath: options.filePath,
         });
-        optionalProps.forEach(function (prop) {
+        optionalProps.forEach((prop) => {
             var _a;
-            var _b;
-            mitosisComponent.props = __assign(__assign({}, mitosisComponent.props), (_a = {}, _a[prop] = __assign(__assign({}, (_b = mitosisComponent.props) === null || _b === void 0 ? void 0 : _b[prop]), { optional: true }), _a));
+            mitosisComponent.props = {
+                ...mitosisComponent.props,
+                [prop]: {
+                    ...(_a = mitosisComponent.props) === null || _a === void 0 ? void 0 : _a[prop],
+                    optional: true,
+                },
+            };
         });
-        var reactiveValues = (0, signals_2.findSignals)({
+        const reactiveValues = (0, signals_2.findSignals)({
             filePath: options.filePath,
             project: options.tsProject.project,
         });
-        reactiveValues.props.forEach(function (prop) {
+        reactiveValues.props.forEach((prop) => {
             var _a;
-            var _b;
-            mitosisComponent.props = __assign(__assign({}, mitosisComponent.props), (_a = {}, _a[prop] = __assign(__assign({}, (_b = mitosisComponent.props) === null || _b === void 0 ? void 0 : _b[prop]), { propertyType: 'reactive' }), _a));
+            mitosisComponent.props = {
+                ...mitosisComponent.props,
+                [prop]: {
+                    ...(_a = mitosisComponent.props) === null || _a === void 0 ? void 0 : _a[prop],
+                    propertyType: 'reactive',
+                },
+            };
         });
-        reactiveValues.state.forEach(function (state) {
+        reactiveValues.state.forEach((state) => {
             if (!mitosisComponent.state[state])
                 return;
             mitosisComponent.state[state].propertyType = 'reactive';
         });
-        reactiveValues.context.forEach(function (context) {
+        reactiveValues.context.forEach((context) => {
             if (!mitosisComponent.context.get[context])
                 return;
             mitosisComponent.context.get[context].type = 'reactive';
         });
     }
-    (0, traverse_nodes_1.traverseNodes)(mitosisComponent, function (node) {
+    (0, traverse_nodes_1.traverseNodes)(mitosisComponent, (node) => {
         node.children = node.children.filter(filter_empty_text_nodes_1.filterEmptyTextNodes);
     });
     return mitosisComponent;

package/dist/src/parsers/jsx/props-types.js

@@ -1,24 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.findOptionalProps = void 0;
-var ts_morph_1 = require("ts-morph");
-var typescript_project_1 = require("../../helpers/typescript-project");
-var findOptionalProps = function (args) {
-    var ast = args.project.getSourceFileOrThrow(args.filePath);
+const ts_morph_1 = require("ts-morph");
+const typescript_project_1 = require("../../helpers/typescript-project");
+const findOptionalProps = (args) => {
+    const ast = args.project.getSourceFileOrThrow(args.filePath);
     if (ast === undefined) {
         throw new Error('Could not find AST. Please provide either `code` or `filePath` configs.');
     }
-    var propsSymbol = (0, typescript_project_1.getPropsSymbol)(ast);
+    const propsSymbol = (0, typescript_project_1.getPropsSymbol)(ast);
     if (!propsSymbol)
         return [];
     return propsSymbol
         .getDeclarations()[0]
         .getType()
         .getProperties()
-        .map(function (p) { return p.getDeclarations()[0]; })
-        .filter(function (k) {
-        return ts_morph_1.PropertySignature.isPropertySignature(k) && k.hasQuestionToken();
-    })
-        .map(function (k) { return k.getName(); });
+        .map((p) => p.getDeclarations()[0])
+        .filter((k) => ts_morph_1.PropertySignature.isPropertySignature(k) && k.hasQuestionToken())
+        .map((k) => k.getName());
 };
 exports.findOptionalProps = findOptionalProps;

package/dist/src/parsers/jsx/props.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -35,34 +24,37 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.undoPropsDestructure = void 0;
-var babel = __importStar(require("@babel/core"));
-var types = babel.types;
+const babel = __importStar(require("@babel/core"));
+const { types } = babel;
 function undoPropsDestructure(path) {
-    var node = path.node;
+    const { node } = path;
     if (node.params.length && types.isObjectPattern(node.params[0])) {
-        var param = node.params[0];
-        var propsMap_1 = param.properties.reduce(function (pre, cur) {
+        const param = node.params[0];
+        const propsMap = param.properties.reduce((pre, cur) => {
             if (types.isObjectProperty(cur) &&
                 types.isIdentifier(cur.key) &&
                 types.isIdentifier(cur.value)) {
-                pre[cur.value.name] = "props.".concat(cur.key.name);
+                pre[cur.value.name] = `props.${cur.key.name}`;
                 return pre;
             }
             return pre;
         }, {});
         if (param.typeAnnotation) {
             node.params = [
-                __assign(__assign({}, babel.types.identifier('props')), { typeAnnotation: param.typeAnnotation }),
+                {
+                    ...babel.types.identifier('props'),
+                    typeAnnotation: param.typeAnnotation,
+                },
             ];
             path.replaceWith(node);
         }
         path.traverse({
-            JSXExpressionContainer: function (path) {
-                var node = path.node;
+            JSXExpressionContainer(path) {
+                const { node } = path;
                 if (types.isIdentifier(node.expression)) {
-                    var name_1 = node.expression.name;
-                    if (propsMap_1[name_1]) {
-                        path.replaceWith(babel.types.jsxExpressionContainer(babel.types.identifier(propsMap_1[name_1])));
+                    const { name } = node.expression;
+                    if (propsMap[name]) {
+                        path.replaceWith(babel.types.jsxExpressionContainer(babel.types.identifier(propsMap[name])));
                     }
                 }
             },