@vkontakte/vkui-codemods 1.1.0-beta.2 → 1.1.0

package/dist/transforms/v6/modal-card.js

@@ -5,32 +5,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parser = void 0;
 exports.default = transformer;
-var chalk_1 = __importDefault(require("chalk"));
-var codemod_helpers_1 = require("../../codemod-helpers");
-var report_1 = require("../../report");
+const chalk_1 = __importDefault(require("chalk"));
+const codemod_helpers_1 = require("../../codemod-helpers");
+const report_1 = require("../../report");
 exports.parser = 'tsx';
 function transformer(file, api, options) {
-    var alias = options.alias;
-    var j = api.jscodeshift;
-    var source = j(file.source);
-    var localNameModalCard = (0, codemod_helpers_1.getImportInfo)(j, file, 'ModalCard', alias).localName;
-    var localNameModalCardBase = (0, codemod_helpers_1.getImportInfo)(j, file, 'ModalCardBase', alias).localName;
-    var localNamesForChange = [];
+    const { alias } = options;
+    const j = api.jscodeshift;
+    const source = j(file.source);
+    const { localName: localNameModalCard } = (0, codemod_helpers_1.getImportInfo)(j, file, 'ModalCard', alias);
+    const { localName: localNameModalCardBase } = (0, codemod_helpers_1.getImportInfo)(j, file, 'ModalCardBase', alias);
+    const localNamesForChange = [];
     if (localNameModalCard) {
         localNamesForChange.push(localNameModalCard);
     }
     if (localNameModalCardBase) {
         localNamesForChange.push(localNameModalCardBase);
     }
-    var modalCards = source
+    const modalCards = source
         .find(j.JSXOpeningElement)
-        .filter(function (path) {
-        return path.value.name.type === 'JSXIdentifier' &&
-            localNamesForChange.includes(path.value.name.name);
-    });
-    modalCards.forEach(function (path) {
-        var headerAttribute = j(path).find(j.JSXAttribute, { name: { name: 'header' } });
-        var subheaderAttribute = j(path).find(j.JSXAttribute, { name: { name: 'subheader' } });
+        .filter((path) => path.value.name.type === 'JSXIdentifier' &&
+        localNamesForChange.includes(path.value.name.name));
+    modalCards.forEach((path) => {
+        const headerAttribute = j(path).find(j.JSXAttribute, { name: { name: 'header' } });
+        const subheaderAttribute = j(path).find(j.JSXAttribute, { name: { name: 'subheader' } });
         if (subheaderAttribute.length > 0) {
             if (path.node.attributes) {
                 path.node.attributes.push(j.jsxAttribute(j.jsxIdentifier('subheaderComponent'), j.stringLiteral('h5')));
@@ -43,7 +41,7 @@ function transformer(file, api, options) {
         }
     });
     if (modalCards.size() > 0) {
-        (0, report_1.report)(api, ": ".concat(chalk_1.default.white.bgBlue('ModalCard'), " and ").concat(chalk_1.default.white.bgBlue('ModalCardBase'), " might need 'Spacing' now. Manual changes required."));
+        (0, report_1.report)(api, `: ${chalk_1.default.white.bgBlue('ModalCard')} and ${chalk_1.default.white.bgBlue('ModalCardBase')} might need 'Spacing' now. Manual changes required.`);
     }
     return source.toSource();
 }

package/dist/transforms/v6/modal-page-header.js

@@ -2,25 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parser = void 0;
 exports.default = transformer;
-var codemod_helpers_1 = require("../../codemod-helpers");
+const codemod_helpers_1 = require("../../codemod-helpers");
 exports.parser = 'tsx';
 function transformer(file, api, options) {
-    var alias = options.alias;
-    var j = api.jscodeshift;
-    var source = j(file.source);
-    var localName = (0, codemod_helpers_1.getImportInfo)(j, file, 'ModalPageHeader', alias).localName;
+    const { alias } = options;
+    const j = api.jscodeshift;
+    const source = j(file.source);
+    const { localName } = (0, codemod_helpers_1.getImportInfo)(j, file, 'ModalPageHeader', alias);
     if (!localName) {
         return source.toSource();
     }
     source
-        .find(j.JSXOpeningElement, function (element) { return element.name.type === 'JSXIdentifier' && element.name.name === localName; })
-        .forEach(function (element) {
-        var attributes = element.value.attributes;
+        .find(j.JSXOpeningElement, (element) => element.name.type === 'JSXIdentifier' && element.name.name === localName)
+        .forEach((element) => {
+        const attributes = element.value.attributes;
         if (attributes) {
-            var getRefIndex = attributes.findIndex(function (attribute) { return attribute.type === 'JSXAttribute' && attribute.name.name === 'getRef'; });
-            var getRootRefIndex = attributes.findIndex(function (attribute) { return attribute.type === 'JSXAttribute' && attribute.name.name === 'getRootRef'; });
+            const getRefIndex = attributes.findIndex((attribute) => attribute.type === 'JSXAttribute' && attribute.name.name === 'getRef');
+            const getRootRefIndex = attributes.findIndex((attribute) => attribute.type === 'JSXAttribute' && attribute.name.name === 'getRootRef');
             if (getRefIndex !== -1 && getRootRefIndex === -1) {
-                var attribute = attributes[getRefIndex];
+                const attribute = attributes[getRefIndex];
                 if (attribute.type === 'JSXAttribute') {
                     attribute.name.name = 'getRootRef';
                 }

package/dist/transforms/v6/pagination.js

@@ -5,30 +5,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parser = void 0;
 exports.default = transformer;
-var chalk_1 = __importDefault(require("chalk"));
-var codemod_helpers_1 = require("../../codemod-helpers");
-var report_1 = require("../../report");
+const chalk_1 = __importDefault(require("chalk"));
+const codemod_helpers_1 = require("../../codemod-helpers");
+const report_1 = require("../../report");
 exports.parser = 'tsx';
-var RENAME_MAP = {
+const RENAME_MAP = {
     prevButtonAriaLabel: 'prevButtonLabel',
     nextButtonAriaLabel: 'nextButtonLabel',
 };
 function transformer(file, api, options) {
-    var alias = options.alias;
-    var j = api.jscodeshift;
-    var source = j(file.source);
-    var localName = (0, codemod_helpers_1.getImportInfo)(j, file, 'Pagination', alias).localName;
+    const { alias } = options;
+    const j = api.jscodeshift;
+    const source = j(file.source);
+    const { localName } = (0, codemod_helpers_1.getImportInfo)(j, file, 'Pagination', alias);
     if (!localName) {
         return source.toSource();
     }
     (0, codemod_helpers_1.renameProp)(j, source, localName, RENAME_MAP);
     source
         .find(j.JSXOpeningElement)
-        .filter(function (path) { return path.value.name.type === 'JSXIdentifier' && path.value.name.name === localName; })
+        .filter((path) => path.value.name.type === 'JSXIdentifier' && path.value.name.name === localName)
         .find(j.JSXAttribute)
-        .filter(function (attribute) { return attribute.node.name.name === 'getPageAriaLabel'; })
-        .forEach(function () {
-        (0, report_1.report)(api, ": ".concat(chalk_1.default.white.bgBlue('getPageAriaLabel'), " prop in ").concat(chalk_1.default.white.bgBlue('Pagination'), " component is no longer available. Manual changes required."));
+        .filter((attribute) => attribute.node.name.name === 'getPageAriaLabel')
+        .forEach(() => {
+        (0, report_1.report)(api, `: ${chalk_1.default.white.bgBlue('getPageAriaLabel')} prop in ${chalk_1.default.white.bgBlue('Pagination')} component is no longer available. Manual changes required.`);
     });
     return source.toSource();
 }

package/dist/transforms/v6/panel-header-content.js

@@ -5,21 +5,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parser = void 0;
 exports.default = transformer;
-var chalk_1 = __importDefault(require("chalk"));
-var codemod_helpers_1 = require("../../codemod-helpers");
-var report_1 = require("../../report");
+const chalk_1 = __importDefault(require("chalk"));
+const codemod_helpers_1 = require("../../codemod-helpers");
+const report_1 = require("../../report");
 exports.parser = 'tsx';
 function transformer(file, api, options) {
-    var alias = options.alias;
-    var j = api.jscodeshift;
-    var source = j(file.source);
-    var localName = (0, codemod_helpers_1.getImportInfo)(j, file, 'PanelHeader', alias).localName;
+    const { alias } = options;
+    const j = api.jscodeshift;
+    const source = j(file.source);
+    const { localName } = (0, codemod_helpers_1.getImportInfo)(j, file, 'PanelHeader', alias);
     if (!localName) {
         return source.toSource();
     }
-    var elements = source.find(j.JSXOpeningElement).filter(function (path) {
+    const elements = source.find(j.JSXOpeningElement).filter((path) => {
         if (path.value.name.type === 'JSXMemberExpression') {
-            var property = path.value.name;
+            const property = path.value.name;
             if (property.object.type === 'JSXIdentifier' &&
                 property.object.name === localName &&
                 property.property.name === 'Content') {
@@ -29,7 +29,7 @@ function transformer(file, api, options) {
         return false;
     });
     if (elements.size() > 0) {
-        (0, report_1.report)(api, ": ".concat(chalk_1.default.white.bgBlue('<PanelHeader.Content>'), " is no longer available. Manual changes required."));
+        (0, report_1.report)(api, `: ${chalk_1.default.white.bgBlue('<PanelHeader.Content>')} is no longer available. Manual changes required.`);
     }
     return source.toSource();
 }

package/dist/transforms/v6/panel-header.js

@@ -2,23 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parser = void 0;
 exports.default = transformer;
-var codemod_helpers_1 = require("../../codemod-helpers");
-var report_1 = require("../../report");
+const codemod_helpers_1 = require("../../codemod-helpers");
+const report_1 = require("../../report");
 exports.parser = 'tsx';
 function transformer(file, api, options) {
-    var alias = options.alias;
-    var j = api.jscodeshift;
-    var source = j(file.source);
-    var localName = (0, codemod_helpers_1.getImportInfo)(j, file, 'PanelHeader', alias).localName;
+    const { alias } = options;
+    const j = api.jscodeshift;
+    const source = j(file.source);
+    const { localName } = (0, codemod_helpers_1.getImportInfo)(j, file, 'PanelHeader', alias);
     if (!localName) {
         return source.toSource();
     }
     (0, codemod_helpers_1.swapBooleanValue)(api, source, localName, 'visor', 'float');
     source
-        .find(j.JSXOpeningElement, function (element) { return element.name.type === 'JSXIdentifier' && element.name.name === localName; })
-        .find(j.JSXAttribute, function (attribute) { return attribute.name.name === 'separator'; })
-        .forEach(function (attribute) {
-        var node = attribute.node;
+        .find(j.JSXOpeningElement, (element) => element.name.type === 'JSXIdentifier' && element.name.name === localName)
+        .find(j.JSXAttribute, (attribute) => attribute.name.name === 'separator')
+        .forEach((attribute) => {
+        const node = attribute.node;
         if (!node.value) {
             j(attribute).remove();
         }
@@ -32,7 +32,7 @@ function transformer(file, api, options) {
             }
         }
         else {
-            (0, report_1.report)(api, "Manual changes required for PanelHeader's separator prop.");
+            (0, report_1.report)(api, `Manual changes required for PanelHeader's separator prop.`);
         }
     });
     return source.toSource();

package/dist/transforms/v6/placeholder.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parser = void 0;
 exports.default = transformer;
-var codemod_helpers_1 = require("../../codemod-helpers");
+const codemod_helpers_1 = require("../../codemod-helpers");
 exports.parser = 'tsx';
 function transformer(file, api, options) {
-    var alias = options.alias;
-    var j = api.jscodeshift;
-    var source = j(file.source);
-    var localName = (0, codemod_helpers_1.getImportInfo)(j, file, 'Placeholder', alias).localName;
+    const { alias } = options;
+    const j = api.jscodeshift;
+    const source = j(file.source);
+    const { localName } = (0, codemod_helpers_1.getImportInfo)(j, file, 'Placeholder', alias);
     if (localName) {
         (0, codemod_helpers_1.swapBooleanValue)(api, source, localName, 'withPadding', 'noPadding');
     }

package/dist/transforms/v6/popout-wrapper.js

@@ -5,21 +5,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parser = void 0;
 exports.default = transformer;
-var chalk_1 = __importDefault(require("chalk"));
-var codemod_helpers_1 = require("../../codemod-helpers");
-var report_1 = require("../../report");
+const chalk_1 = __importDefault(require("chalk"));
+const codemod_helpers_1 = require("../../codemod-helpers");
+const report_1 = require("../../report");
 exports.parser = 'tsx';
 function transformer(file, api, options) {
-    var alias = options.alias;
-    var j = api.jscodeshift;
-    var source = j(file.source);
-    var localName = (0, codemod_helpers_1.getImportInfo)(j, file, 'PopoutWrapper', alias).localName;
+    const { alias } = options;
+    const j = api.jscodeshift;
+    const source = j(file.source);
+    const { localName } = (0, codemod_helpers_1.getImportInfo)(j, file, 'PopoutWrapper', alias);
     if (!localName) {
         return source.toSource();
     }
-    var components = source.find(j.JSXOpeningElement, function (element) { return element.name.type === 'JSXIdentifier' && element.name.name === localName; });
+    const components = source.find(j.JSXOpeningElement, (element) => element.name.type === 'JSXIdentifier' && element.name.name === localName);
     if (components.size() > 0) {
-        (0, report_1.report)(api, ": When using ".concat(chalk_1.default.white.bgBlue('PopoutWrapper'), " you might need to apply useScrollLock() hook manually."));
+        (0, report_1.report)(api, `: When using ${chalk_1.default.white.bgBlue('PopoutWrapper')} you might need to apply useScrollLock() hook manually.`);
     }
     (0, codemod_helpers_1.swapBooleanValue)(api, source, localName, 'hasMask', 'noBackground');
     return source.toSource();

package/dist/transforms/v6/popover.js

@@ -1,13 +1,12 @@
 "use strict";
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parser = void 0;
 exports.default = transformer;
-var codemod_helpers_1 = require("../../codemod-helpers");
+const codemod_helpers_1 = require("../../codemod-helpers");
 exports.parser = 'tsx';
-var componentName = 'unstable_Popover';
-var componentNameTo = 'Popover';
-var ATTRIBUTE_MANIPULATOR = {
+const componentName = 'unstable_Popover';
+const componentNameTo = 'Popover';
+const ATTRIBUTE_MANIPULATOR = {
     action: {
         keyTo: 'trigger',
     },
@@ -18,101 +17,93 @@ var ATTRIBUTE_MANIPULATOR = {
         keyTo: 'offsetByCrossAxis',
     },
 };
-var FORCE_PORTAL = 'forcePortal';
-var COMPLEX_ATTRIBUTE_MANIPULATOR = (_a = {},
-    _a[FORCE_PORTAL] = {
+const FORCE_PORTAL = 'forcePortal';
+const COMPLEX_ATTRIBUTE_MANIPULATOR = {
+    [FORCE_PORTAL]: {
         keyTo: 'usePortal',
     },
-    _a.portalRoot = {
+    portalRoot: {
         keyTo: 'usePortal',
     },
-    _a);
-var LEGACY_SHOWN_DELAY_PROP = 'shownDelay';
-var LEGACY_HIDE_DELAY_PROP = 'hideDelay';
-var NEW_HOVER_DELAY_PROP = 'hoverDelay';
+};
+const LEGACY_SHOWN_DELAY_PROP = 'shownDelay';
+const LEGACY_HIDE_DELAY_PROP = 'hideDelay';
+const NEW_HOVER_DELAY_PROP = 'hoverDelay';
 function transformer(file, api, options) {
-    var alias = options.alias;
-    var j = api.jscodeshift;
-    var source = j(file.source);
-    var localName = (0, codemod_helpers_1.getImportInfo)(j, file, componentName, alias).localName;
-    var attributeReplacer = (0, codemod_helpers_1.createAttributeManipulator)(ATTRIBUTE_MANIPULATOR, api);
+    const { alias } = options;
+    const j = api.jscodeshift;
+    const source = j(file.source);
+    const { localName } = (0, codemod_helpers_1.getImportInfo)(j, file, componentName, alias);
+    const attributeReplacer = (0, codemod_helpers_1.createAttributeManipulator)(ATTRIBUTE_MANIPULATOR, api);
     if (!localName) {
         return source.toSource();
     }
     source
         .find(j.ImportDeclaration)
-        .filter(function (path) { return path.node.source.value === alias; })
+        .filter((path) => path.node.source.value === alias)
         .find(j.ImportSpecifier, { imported: { name: componentName } })
-        .forEach(function (path) {
-        return j(path).replaceWith(function (path) {
-            return j.importSpecifier(j.identifier(componentNameTo), path.node.local);
-        });
-    });
+        .forEach((path) => j(path).replaceWith((path) => j.importSpecifier(j.identifier(componentNameTo), path.node.local)));
     source
         .find(j.JSXOpeningElement)
-        .filter(function (path) { return path.value.name.type === 'JSXIdentifier' && path.value.name.name === localName; })
-        .find(j.JSXAttribute, function (attribute) {
-        return typeof attribute.name.name === 'string' ? attributeReplacer.has(attribute.name.name) : false;
-    })
-        .forEach(function (attribute) {
-        var attributeName = attribute.node.name.name;
-        var foundFix = attributeReplacer.getReplacers(attributeName);
+        .filter((path) => path.value.name.type === 'JSXIdentifier' && path.value.name.name === localName)
+        .find(j.JSXAttribute, (attribute) => typeof attribute.name.name === 'string' ? attributeReplacer.has(attribute.name.name) : false)
+        .forEach((attribute) => {
+        const attributeName = attribute.node.name.name;
+        const foundFix = attributeReplacer.getReplacers(attributeName);
         if (foundFix && foundFix.action !== 'remove') {
-            var value = attribute.node.value;
+            const value = attribute.node.value;
             j(attribute).replaceWith(j.jsxAttribute(j.jsxIdentifier(foundFix.keyTo()), foundFix.valueTo(value)));
         }
     });
-    var complexAttributeReplacer = (0, codemod_helpers_1.createAttributeManipulator)(COMPLEX_ATTRIBUTE_MANIPULATOR, api);
-    source.findJSXElements(localName).forEach(function (element) {
+    const complexAttributeReplacer = (0, codemod_helpers_1.createAttributeManipulator)(COMPLEX_ATTRIBUTE_MANIPULATOR, api);
+    source.findJSXElements(localName).forEach((element) => {
         j(element)
-            .find(j.JSXAttribute, function (attribute) {
-            return typeof attribute.name.name === 'string'
-                ? complexAttributeReplacer.has(attribute.name.name)
-                : false;
-        })
-            .forEach(function (attribute, _, attributes) {
-            var attributeName = attribute.node.name.name;
+            .find(j.JSXAttribute, (attribute) => typeof attribute.name.name === 'string'
+            ? complexAttributeReplacer.has(attribute.name.name)
+            : false)
+            .forEach((attribute, _, attributes) => {
+            const attributeName = attribute.node.name.name;
             if (attributes.length === 2 && attributeName === FORCE_PORTAL) {
                 j(attribute).remove();
             }
             else {
-                var foundFix = complexAttributeReplacer.getReplacers(attributeName);
+                const foundFix = complexAttributeReplacer.getReplacers(attributeName);
                 if (foundFix && foundFix.action !== 'remove') {
-                    var value = attribute.node.value;
+                    const value = attribute.node.value;
                     j(attribute).replaceWith(j.jsxAttribute(j.jsxIdentifier(foundFix.keyTo()), foundFix.valueTo(value)));
                 }
             }
         });
         // разрешаем hoverDelay
-        var _a = [
-            j(element).find(j.JSXAttribute, function (attribute) { return attribute.name.name === LEGACY_SHOWN_DELAY_PROP; }),
-            j(element).find(j.JSXAttribute, function (attribute) { return attribute.name.name === LEGACY_HIDE_DELAY_PROP; }),
-        ], shownDelayAttr = _a[0], hideDelayAttr = _a[1];
-        var getNumericLiteral = function (attributeCollection) {
-            var val;
-            attributeCollection.find(j.NumericLiteral).forEach(function (attribute) {
+        const [shownDelayAttr, hideDelayAttr] = [
+            j(element).find(j.JSXAttribute, (attribute) => attribute.name.name === LEGACY_SHOWN_DELAY_PROP),
+            j(element).find(j.JSXAttribute, (attribute) => attribute.name.name === LEGACY_HIDE_DELAY_PROP),
+        ];
+        const getNumericLiteral = (attributeCollection) => {
+            let val;
+            attributeCollection.find(j.NumericLiteral).forEach((attribute) => {
                 val = attribute.node;
             });
             return val ? val : j.numericLiteral(0);
         };
         if (shownDelayAttr.length === 1 && hideDelayAttr.length === 0) {
-            shownDelayAttr.forEach(function (attribute) {
+            shownDelayAttr.forEach((attribute) => {
                 j(attribute).replaceWith(j.jsxAttribute(j.jsxIdentifier(NEW_HOVER_DELAY_PROP), j.jsxExpressionContainer(getNumericLiteral(shownDelayAttr))));
             });
         }
         else if (shownDelayAttr.length === 0 && hideDelayAttr.length === 1) {
-            hideDelayAttr.forEach(function (attribute) {
+            hideDelayAttr.forEach((attribute) => {
                 j(attribute).replaceWith(j.jsxAttribute(j.jsxIdentifier(NEW_HOVER_DELAY_PROP), j.jsxExpressionContainer(j.arrayExpression([j.numericLiteral(0), getNumericLiteral(hideDelayAttr)]))));
             });
         }
         else if (shownDelayAttr.length === 1 && hideDelayAttr.length === 1) {
-            shownDelayAttr.forEach(function (attribute) {
+            shownDelayAttr.forEach((attribute) => {
                 j(attribute).replaceWith(j.jsxAttribute(j.jsxIdentifier(NEW_HOVER_DELAY_PROP), j.jsxExpressionContainer(j.arrayExpression([
                     getNumericLiteral(shownDelayAttr),
                     getNumericLiteral(hideDelayAttr),
                 ]))));
             });
-            hideDelayAttr.forEach(function (attribute) {
+            hideDelayAttr.forEach((attribute) => {
                 j(attribute).remove();
             });
         }

package/dist/transforms/v6/popper.js

@@ -2,15 +2,14 @@
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parser = void 0;
 exports.default = transformer;
-var chalk_1 = __importDefault(require("chalk"));
-var codemod_helpers_1 = require("../../codemod-helpers");
+const chalk_1 = __importDefault(require("chalk"));
+const codemod_helpers_1 = require("../../codemod-helpers");
 exports.parser = 'tsx';
-var componentName = 'unstable_Popper';
-var ATTRIBUTE_MANIPULATOR = {
+const componentName = 'unstable_Popper';
+const ATTRIBUTE_MANIPULATOR = {
     offsetDistance: {
         keyTo: 'offsetByMainAxis',
     },
@@ -19,76 +18,68 @@ var ATTRIBUTE_MANIPULATOR = {
     },
     renderContent: {
         keyTo: 'children',
-        reportText: function () {
-            return ": ".concat(chalk_1.default.white.bgBlue('children'), " prop in ").concat(chalk_1.default.white.bgBlue('Popper'), ". You should unwraps function manually");
-        },
+        reportText: () => `: ${chalk_1.default.white.bgBlue('children')} prop in ${chalk_1.default.white.bgBlue('Popper')}. You should unwraps function manually`,
     },
     arrowClassName: {
         keyTo: 'arrowProps',
-        valueTo: function (v, api) {
-            return v
-                ? api.jscodeshift.jsxExpressionContainer(api.jscodeshift.objectExpression([
-                    api.jscodeshift.property('init', api.jscodeshift.identifier('iconClassName'), v),
-                ]))
-                : v;
-        },
+        valueTo: (v, api) => v
+            ? api.jscodeshift.jsxExpressionContainer(api.jscodeshift.objectExpression([
+                api.jscodeshift.property('init', api.jscodeshift.identifier('iconClassName'), v),
+            ]))
+            : v,
     },
     onPlacementChange: {
         keyTo: 'onPlacementChange',
-        reportText: function () {
-            return ": ".concat(chalk_1.default.white.bgBlue('onPlacementChange'), " prop in ").concat(chalk_1.default.white.bgBlue('Popper'), ". You should move function params from object to array arguments manually.");
-        },
+        reportText: () => `: ${chalk_1.default.white.bgBlue('onPlacementChange')} prop in ${chalk_1.default.white.bgBlue('Popper')}. You should move function params from object to array arguments manually.`,
     },
 };
-var FORCE_PORTAL = 'forcePortal';
-var COMPLEX_ATTRIBUTE_MANIPULATOR = (_a = {},
-    _a[FORCE_PORTAL] = {
+const FORCE_PORTAL = 'forcePortal';
+const COMPLEX_ATTRIBUTE_MANIPULATOR = {
+    [FORCE_PORTAL]: {
         keyTo: 'usePortal',
     },
-    _a.portalRoot = {
+    portalRoot: {
         keyTo: 'usePortal',
     },
-    _a);
+};
 function transformer(file, api, options) {
-    var alias = options.alias;
-    var j = api.jscodeshift;
-    var source = j(file.source);
-    var localName = (0, codemod_helpers_1.getImportInfo)(j, file, componentName, alias).localName;
-    var attributeReplacer = (0, codemod_helpers_1.createAttributeManipulator)(ATTRIBUTE_MANIPULATOR, api);
+    const { alias } = options;
+    const j = api.jscodeshift;
+    const source = j(file.source);
+    const { localName } = (0, codemod_helpers_1.getImportInfo)(j, file, componentName, alias);
+    const attributeReplacer = (0, codemod_helpers_1.createAttributeManipulator)(ATTRIBUTE_MANIPULATOR, api);
     if (!localName) {
         return source.toSource();
     }
     source
         .find(j.ImportDeclaration)
-        .filter(function (path) { return path.node.source.value === alias; })
+        .filter((path) => path.node.source.value === alias)
         .find(j.ImportSpecifier, { imported: { name: componentName } })
-        .forEach(function (path) {
-        return j(path).replaceWith(function (path) { return j.importSpecifier(j.identifier('Popper'), path.node.local); });
-    });
+        .forEach((path) => j(path).replaceWith((path) => j.importSpecifier(j.identifier('Popper'), path.node.local)));
     source
         .find(j.JSXOpeningElement)
-        .filter(function (path) { return path.value.name.type === 'JSXIdentifier' && path.value.name.name === localName; })
-        .find(j.JSXAttribute, function (attribute) { return attributeReplacer.has(attribute.name.name); })
-        .forEach(function (attribute) {
-        var foundFix = attributeReplacer.getReplacers(attribute.node.name.name);
+        .filter((path) => path.value.name.type === 'JSXIdentifier' && path.value.name.name === localName)
+        .find(j.JSXAttribute, (attribute) => attributeReplacer.has(attribute.name.name))
+        .forEach((attribute) => {
+        const foundFix = attributeReplacer.getReplacers(attribute.node.name.name);
         if (foundFix && foundFix.action !== 'remove') {
-            var value = attribute.node.value;
+            const value = attribute.node.value;
             j(attribute).replaceWith(j.jsxAttribute(j.jsxIdentifier(foundFix.keyTo()), foundFix.valueTo(value)));
         }
     });
-    var complexAttributeReplacer = (0, codemod_helpers_1.createAttributeManipulator)(COMPLEX_ATTRIBUTE_MANIPULATOR, api);
-    source.findJSXElements(localName).forEach(function (element) {
+    const complexAttributeReplacer = (0, codemod_helpers_1.createAttributeManipulator)(COMPLEX_ATTRIBUTE_MANIPULATOR, api);
+    source.findJSXElements(localName).forEach((element) => {
         j(element)
-            .find(j.JSXAttribute, function (attribute) { return complexAttributeReplacer.has(attribute.name.name); })
-            .forEach(function (attribute, _, attributes) {
-            var attributeName = attribute.node.name.name;
+            .find(j.JSXAttribute, (attribute) => complexAttributeReplacer.has(attribute.name.name))
+            .forEach((attribute, _, attributes) => {
+            const attributeName = attribute.node.name.name;
             if (attributes.length === 2 && attributeName === FORCE_PORTAL) {
                 j(attribute).remove();
             }
             else {
-                var foundFix = complexAttributeReplacer.getReplacers(attributeName);
+                const foundFix = complexAttributeReplacer.getReplacers(attributeName);
                 if (foundFix && foundFix.action !== 'remove') {
-                    var value = attribute.node.value;
+                    const value = attribute.node.value;
                     j(attribute).replaceWith(j.jsxAttribute(j.jsxIdentifier(foundFix.keyTo()), foundFix.valueTo(value)));
                 }
             }

package/dist/transforms/v6/range-slider.js

@@ -1,35 +1,26 @@
 "use strict";
-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.parser = void 0;
 exports.default = transformer;
 exports.parser = 'tsx';
 function transformer(file, api, options) {
-    var alias = options.alias;
-    var j = api.jscodeshift;
-    var source = j(file.source);
-    var localImportName = 'RangeSlider';
-    var needRename = true;
-    var componentImport = source
+    const { alias } = options;
+    const j = api.jscodeshift;
+    const source = j(file.source);
+    let localImportName = 'RangeSlider';
+    let needRename = true;
+    const componentImport = source
         .find(j.ImportDeclaration)
-        .filter(function (path) { return path.node.source.value === alias; })
+        .filter((path) => path.node.source.value === alias)
         .find(j.ImportSpecifier, { imported: { name: 'RangeSlider' } });
     if (componentImport.length === 0) {
         return source.toSource();
     }
-    var sliderImport = source
+    const sliderImport = source
         .find(j.ImportDeclaration)
-        .filter(function (path) { return path.node.source.value === alias; })
+        .filter((path) => path.node.source.value === alias)
         .find(j.ImportSpecifier, { imported: { name: 'Slider' } });
-    componentImport.forEach(function (path) {
+    componentImport.forEach((path) => {
         if (path.node.local &&
             path.node.local.name !== path.node.imported.name &&
             typeof path.node.local.name === 'string') {
@@ -40,15 +31,13 @@ function transformer(file, api, options) {
             j(path).remove();
         }
         else {
-            j(path).replaceWith(function (path) {
-                return j.importSpecifier(j.identifier('Slider'), needRename ? null : path.node.local);
-            });
+            j(path).replaceWith((path) => j.importSpecifier(j.identifier('Slider'), needRename ? null : path.node.local));
         }
     });
-    source.findJSXElements(localImportName).replaceWith(function (path) {
+    source.findJSXElements(localImportName).replaceWith((path) => {
         localImportName = needRename ? 'Slider' : localImportName;
-        var props = path.node.openingElement.attributes;
-        return j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(localImportName), __spreadArray([j.jsxAttribute(j.jsxIdentifier('multiple'))], (props || []), true), path.node.closingElement ? false : true), path.node.closingElement ? j.jsxClosingElement(j.jsxIdentifier(localImportName)) : null, path.node.children);
+        const props = path.node.openingElement.attributes;
+        return j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(localImportName), [j.jsxAttribute(j.jsxIdentifier('multiple')), ...(props || [])], path.node.closingElement ? false : true), path.node.closingElement ? j.jsxClosingElement(j.jsxIdentifier(localImportName)) : null, path.node.children);
     });
     return source.toSource();
 }