@vkontakte/vkui-codemods 0.0.7 → 1.0.0-beta.1

package/dist/transforms/v7/common/remapSizePropValue.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.remapSizePropValue = void 0;
+var report_1 = require("../../../report");
+var remapSizePropValue = function (_a) {
+    var j = _a.j, source = _a.source, sizesMap = _a.sizesMap, componentName = _a.componentName, api = _a.api;
+    source
+        .find(j.JSXOpeningElement)
+        .filter(function (path) { return path.value.name.type === 'JSXIdentifier' && path.value.name.name === componentName; })
+        .find(j.JSXAttribute)
+        .filter(function (attribute) {
+        var attributeName = attribute.node.name.name;
+        return attributeName === 'size';
+    })
+        .forEach(function (attribute) {
+        var _a, _b, _c, _d;
+        var nodeToReplaceValue;
+        if (((_a = attribute.node.value) === null || _a === void 0 ? void 0 : _a.type) !== 'JSXExpressionContainer' &&
+            ((_b = attribute.node.value) === null || _b === void 0 ? void 0 : _b.type) !== 'StringLiteral') {
+            return;
+        }
+        if (((_c = attribute.node.value) === null || _c === void 0 ? void 0 : _c.type) === 'JSXExpressionContainer') {
+            var expression = attribute.node.value.expression;
+            if (expression.type !== 'StringLiteral') {
+                return;
+            }
+            nodeToReplaceValue = expression;
+        }
+        if (((_d = attribute.node.value) === null || _d === void 0 ? void 0 : _d.type) === 'StringLiteral') {
+            nodeToReplaceValue = attribute.node.value;
+        }
+        if (nodeToReplaceValue) {
+            var newValue = sizesMap[nodeToReplaceValue.value];
+            if (newValue) {
+                nodeToReplaceValue.value = newValue;
+            }
+        }
+        else {
+            (0, report_1.report)(api, "Manual changes required for ".concat(componentName, "'s \"size\" prop."));
+        }
+    });
+};
+exports.remapSizePropValue = remapSizePropValue;

package/dist/transforms/v7/common/swapGapPropElements.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.swapGapPropElements = void 0;
+var swapGapPropElements = function (j, source, componentName) {
+    source
+        .find(j.JSXOpeningElement)
+        .filter(function (path) { return path.value.name.type === 'JSXIdentifier' && path.value.name.name === componentName; })
+        .forEach(function (path) {
+        var attributes = path.node.attributes;
+        var gapAttribute = attributes === null || attributes === void 0 ? void 0 : attributes.find(function (attr) { return attr.type === 'JSXAttribute' && attr.name.name === 'gap'; });
+        if (gapAttribute &&
+            gapAttribute.value &&
+            gapAttribute.value.type === 'JSXExpressionContainer') {
+            var expression = gapAttribute.value.expression;
+            if (expression.type === 'ArrayExpression' && expression.elements.length === 2) {
+                // Меняем местами элементы массива
+                var _a = expression.elements, first = _a[0], second = _a[1];
+                if (first && second) {
+                    expression.elements = [second, first];
+                }
+            }
+        }
+    });
+};
+exports.swapGapPropElements = swapGapPropElements;

package/dist/transforms/v7/config-provider.js

@@ -0,0 +1,136 @@
+"use strict";
+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");
+exports.parser = 'tsx';
+var CONFIG_PROVIDER_NAME = 'ConfigProvider';
+var CONFIG_PROVIDER_PROPS_NAME = 'ConfigProviderProps';
+var CONFIG_PROVIDER_CONTEXT_NAME = 'ConfigProviderContext';
+var USE_CONFIG_PROVIDER_NAME = 'useConfigProvider';
+function transformer(file, api, options) {
+    var alias = options.alias;
+    var j = api.jscodeshift;
+    var source = j(file.source);
+    var configProviderName = (0, codemod_helpers_1.getImportInfo)(j, file, CONFIG_PROVIDER_NAME, alias).localName;
+    var configProviderPropsName = (0, codemod_helpers_1.getImportInfo)(j, file, CONFIG_PROVIDER_PROPS_NAME, alias).localName;
+    var configProviderContextName = (0, codemod_helpers_1.getImportInfo)(j, file, CONFIG_PROVIDER_CONTEXT_NAME, alias).localName;
+    var useConfigProviderName = (0, codemod_helpers_1.getImportInfo)(j, file, USE_CONFIG_PROVIDER_NAME, alias).localName;
+    if (!configProviderName &&
+        !configProviderPropsName &&
+        !configProviderContextName &&
+        !useConfigProviderName) {
+        return source.toSource();
+    }
+    if (configProviderName) {
+        handleConfigProvider(j, api, source, configProviderName);
+    }
+    if (configProviderContextName) {
+        handleConfigProviderContext(j, api, source, configProviderContextName);
+    }
+    if (useConfigProviderName) {
+        handleUseConfigProvider(j, api, source, useConfigProviderName);
+    }
+    if (configProviderPropsName) {
+        handleConfigProviderProps(j, api, source, configProviderPropsName);
+    }
+    return source.toSource();
+}
+function handleConfigProviderProps(j, api, source, localName) {
+    var showReport = function () {
+        (0, report_1.report)(api, ": \"".concat(localName, "\" has been changed. Manual changes required: perhaps need to rename \"appearance\" field to \"colorScheme\" in object."));
+    };
+    var types = source.find(j.TSTypeReference, {
+        typeName: { type: 'Identifier', name: localName },
+    });
+    if (types.length) {
+        showReport();
+    }
+}
+function handleUseConfigProvider(j, api, source, localName) {
+    var showReport = function () {
+        (0, report_1.report)(api, ": \"".concat(localName, "\" has been changed. Manual changes required: perhaps need to rename \"appearance\" field to \"colorScheme\" in result of hook."));
+    };
+    var identifiers = source.find(j.Identifier, {
+        name: localName,
+    });
+    if (identifiers.length) {
+        showReport();
+    }
+}
+function handleConfigProvider(j, api, source, localName) {
+    var showReport = function () {
+        (0, report_1.report)(api, ": \"".concat(localName, "\" has been changed. Manual changes required: perhaps need to rename \"appearance\" field to \"colorScheme\"."));
+    };
+    source
+        .find(j.JSXElement, {
+        openingElement: {
+            name: {
+                name: localName,
+            },
+        },
+    })
+        .forEach(function (path) {
+        var _a, _b;
+        var appearanceAttribute = (_a = path.node.openingElement.attributes) === null || _a === void 0 ? void 0 : _a.find(function (attr) { return attr.type === 'JSXAttribute' && attr.name && attr.name.name === 'appearance'; });
+        if (appearanceAttribute) {
+            appearanceAttribute.name = j.jsxIdentifier('colorScheme');
+            return;
+        }
+        var spreadAttribute = (_b = path.node.openingElement.attributes) === null || _b === void 0 ? void 0 : _b.find(function (attr) { return attr.type === 'JSXSpreadAttribute'; });
+        if (spreadAttribute) {
+            showReport();
+            return;
+        }
+        return;
+    });
+}
+function handleConfigProviderContext(j, api, source, localName) {
+    var showReport = function () {
+        (0, report_1.report)(api, ": \"".concat(localName, "\" has been changed. Manual changes required: perhaps need to rename \"appearance\" field to \"colorScheme\"."));
+    };
+    source
+        .find(j.JSXElement, {
+        openingElement: {
+            name: {
+                object: { name: localName },
+                property: { name: 'Provider' },
+            },
+        },
+    })
+        .forEach(function (path) {
+        var _a, _b;
+        var valueAttribute = (_a = path.node.openingElement.attributes) === null || _a === void 0 ? void 0 : _a.find(function (attr) { return attr.type === 'JSXAttribute' && attr.name && attr.name.name === 'value'; });
+        if (!valueAttribute) {
+            showReport();
+            return;
+        }
+        var valueExpression = ((_b = valueAttribute.value) === null || _b === void 0 ? void 0 : _b.type) === 'JSXExpressionContainer'
+            ? valueAttribute.value.expression
+            : undefined;
+        if (!valueExpression) {
+            showReport();
+            return;
+        }
+        if (valueExpression.type === 'Identifier') {
+            showReport();
+            return;
+        }
+        if (valueExpression.type === 'ObjectExpression') {
+            var appearanceProp = valueExpression.properties.find(function (prop) {
+                return prop.type === 'ObjectProperty' &&
+                    prop.key.type === 'Identifier' &&
+                    prop.key.name === 'appearance';
+            });
+            if (!appearanceProp) {
+                showReport();
+                return;
+            }
+            appearanceProp.key = j.identifier('colorScheme');
+            return;
+        }
+        showReport();
+        return;
+    });
+}

package/dist/transforms/v7/content-card.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parser = void 0;
+exports.default = transformer;
+var 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, 'ContentCard', alias).localName;
+    if (localName) {
+        (0, codemod_helpers_1.renameProp)(j, source, localName, {
+            subtitle: 'overTitle',
+            header: 'title',
+            text: 'description',
+            headerComponent: 'titleComponent',
+        });
+    }
+    return source.toSource();
+}

package/dist/transforms/v7/custom-scroll-view.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parser = void 0;
+exports.default = transformer;
+var codemod_helpers_1 = require("../../codemod-helpers");
+exports.parser = 'tsx';
+var PROPS_TO_REMOVE = ['windowResize', 'autoHideScrollbar', 'autoHideScrollbarDelay'];
+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, 'CustomScrollView', alias).localName;
+    if (!localName) {
+        return source.toSource();
+    }
+    (0, codemod_helpers_1.removeProps)(j, api, source, localName, PROPS_TO_REMOVE, function () {
+        return "need to remove props ".concat(PROPS_TO_REMOVE.join(', '));
+    });
+    (0, codemod_helpers_1.renameProp)(j, source, localName, { boxRef: 'getRootRef' });
+    return source.toSource();
+}

package/dist/transforms/v7/custom-select.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parser = void 0;
+exports.default = transformer;
+var codemod_helpers_1 = require("../../codemod-helpers");
+exports.parser = 'tsx';
+var PROPS_TO_REMOVE = ['autoHideScrollbar', 'autoHideScrollbarDelay'];
+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, 'CustomSelect', alias).localName;
+    if (!localName) {
+        return source.toSource();
+    }
+    (0, codemod_helpers_1.removeProps)(j, api, source, localName, PROPS_TO_REMOVE, function () {
+        return "need to remove props ".concat(PROPS_TO_REMOVE.join(', '));
+    });
+    return source.toSource();
+}

package/dist/transforms/v7/flex.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parser = void 0;
+exports.default = transformer;
+var swapGapPropElements_1 = require("./common/swapGapPropElements");
+var 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, 'Flex', alias).localName;
+    if (!localName) {
+        return source.toSource();
+    }
+    (0, swapGapPropElements_1.swapGapPropElements)(j, source, localName);
+    return source.toSource();
+}

package/dist/transforms/v7/form-item.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parser = void 0;
+exports.default = transformer;
+var 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, 'FormItem', alias).localName;
+    if (!localName) {
+        return source.toSource();
+    }
+    function processTopLabel(element) {
+        var _a, _b;
+        if (element.openingElement.name.type === 'JSXMemberExpression' &&
+            ((_a = element.openingElement.name.property) === null || _a === void 0 ? void 0 : _a.name) === 'TopLabel') {
+            var multilineValue_1;
+            element.openingElement.attributes = (_b = element.openingElement.attributes) === null || _b === void 0 ? void 0 : _b.filter(function (attr) {
+                var _a;
+                if (attr.type === 'JSXAttribute' && attr.name.name === 'multiline') {
+                    if (!attr.value) {
+                        multilineValue_1 = true;
+                    }
+                    else if (((_a = attr.value) === null || _a === void 0 ? void 0 : _a.type) === 'JSXExpressionContainer') {
+                        multilineValue_1 = attr.value;
+                    }
+                    return false;
+                }
+                return true;
+            });
+            return multilineValue_1;
+        }
+        return undefined;
+    }
+    function findTopLabelRecursive(element) {
+        var result = processTopLabel(element);
+        if (result !== undefined) {
+            return result;
+        }
+        if (!element.children) {
+            return undefined;
+        }
+        for (var _i = 0, _a = element.children; _i < _a.length; _i++) {
+            var child = _a[_i];
+            if (child.type === 'JSXElement') {
+                result = findTopLabelRecursive(child);
+                if (result !== undefined) {
+                    return result;
+                }
+            }
+        }
+        return undefined;
+    }
+    source.find(j.JSXElement, { openingElement: { name: { name: localName } } }).forEach(function (path) {
+        var formItem = path.node;
+        var topMultiline;
+        var topLabelMultiline;
+        var formItemAttributes = formItem.openingElement.attributes;
+        var prettifyTopMultilineAttribute = function () {
+            var _a;
+            // Избавляемся от лишнего:
+            // если topMultiline={false} можно убрать аттрибут
+            // если topMultiline={true} можно убрать {true}
+            if (topMultiline && (formItemAttributes === null || formItemAttributes === void 0 ? void 0 : formItemAttributes.includes(topMultiline))) {
+                if (((_a = topMultiline === null || topMultiline === void 0 ? void 0 : topMultiline.value) === null || _a === void 0 ? void 0 : _a.type) === 'JSXExpressionContainer' &&
+                    topMultiline.value.expression.type === 'BooleanLiteral') {
+                    if (topMultiline.value.expression.value) {
+                        topMultiline.value = null;
+                    }
+                    else {
+                        formItemAttributes.splice(formItemAttributes.indexOf(topMultiline), 1);
+                    }
+                }
+            }
+        };
+        // Проверяем существующий topMultiline проп
+        formItemAttributes === null || formItemAttributes === void 0 ? void 0 : formItemAttributes.forEach(function (attr) {
+            if (attr.type === 'JSXAttribute' && attr.name.name === 'topMultiline') {
+                topMultiline = attr;
+            }
+        });
+        // Ищем FormItem.TopLabel в пропе top и topNode
+        formItemAttributes === null || formItemAttributes === void 0 ? void 0 : formItemAttributes.forEach(function (attr) {
+            var _a, _b;
+            if (attr.type === 'JSXAttribute' &&
+                (attr.name.name === 'top' || attr.name.name === 'topNode')) {
+                if (((_a = attr.value) === null || _a === void 0 ? void 0 : _a.type) === 'JSXElement') {
+                    topLabelMultiline = findTopLabelRecursive(attr.value);
+                }
+                else if (((_b = attr.value) === null || _b === void 0 ? void 0 : _b.type) === 'JSXExpressionContainer' &&
+                    attr.value.expression.type === 'JSXElement') {
+                    topLabelMultiline = findTopLabelRecursive(attr.value.expression);
+                }
+            }
+        });
+        // Ищем FormItem.TopLabel в children
+        if (topLabelMultiline === undefined && formItem.children) {
+            for (var _i = 0, _a = formItem.children; _i < _a.length; _i++) {
+                var child = _a[_i];
+                if (child.type === 'JSXElement') {
+                    topLabelMultiline = findTopLabelRecursive(child);
+                    if (topLabelMultiline !== undefined) {
+                        break;
+                    }
+                }
+            }
+        }
+        if (!topLabelMultiline) {
+            prettifyTopMultilineAttribute();
+            return;
+        }
+        var newTopMultilineValue = topLabelMultiline === true ? null : topLabelMultiline;
+        // Обновляем или добавляем topMultiline проп
+        if (topMultiline) {
+            // Если у FormItem задан topMultiline -> переопределяем
+            topMultiline.value = newTopMultilineValue;
+        }
+        else if (topLabelMultiline) {
+            // Если у FormItem не задан topMultiline
+            // добавляем его в аргументы
+            formItemAttributes === null || formItemAttributes === void 0 ? void 0 : formItemAttributes.push(j.jsxAttribute(j.jsxIdentifier('topMultiline'), newTopMultilineValue));
+        }
+        prettifyTopMultilineAttribute();
+    });
+    return source.toSource();
+}

package/dist/transforms/v7/form-status.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parser = void 0;
+exports.default = transformer;
+var 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, 'FormStatus', alias).localName;
+    if (localName) {
+        (0, codemod_helpers_1.renameProp)(j, source, localName, {
+            header: 'title',
+        });
+    }
+    return source.toSource();
+}

package/dist/transforms/v7/header.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parser = void 0;
+exports.default = transformer;
+var remapSizePropValue_1 = require("./common/remapSizePropValue");
+var 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, 'Header', alias).localName;
+    if (!localName) {
+        return source.toSource();
+    }
+    (0, remapSizePropValue_1.remapSizePropValue)({
+        j: j,
+        api: api,
+        source: source,
+        componentName: localName,
+        sizesMap: {
+            large: 'l',
+            regular: 'm',
+        },
+    });
+    (0, codemod_helpers_1.renameProp)(j, source, localName, { aside: 'after' });
+    return source.toSource();
+}

package/dist/transforms/v7/horizontal-cell-show-more.js

@@ -0,0 +1,58 @@
+"use strict";
+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");
+exports.parser = 'tsx';
+var componentName = 'HorizontalCellShowMore';
+function compensateLastCellIndentManipulator(api, attribute) {
+    var node = attribute.node;
+    if (!node.value) {
+        api.jscodeshift(attribute).remove();
+    }
+    else if (node.value.type === 'JSXExpressionContainer' &&
+        node.value.expression.type === 'BooleanLiteral') {
+        api.jscodeshift(attribute).remove();
+    }
+    else {
+        (0, report_1.report)(api, "Manual changes required for ".concat(componentName, "'s \"compensateLastCellIndent\" prop. You might not need it anymore."));
+    }
+}
+function sizeManipulator(api, attribute) {
+    var _a;
+    var node = attribute.node;
+    if (((_a = node.value) === null || _a === void 0 ? void 0 : _a.type) === 'StringLiteral') {
+        if (node.value.value !== 's') {
+            node.value = api.jscodeshift.stringLiteral('m');
+        }
+    }
+    else {
+        (0, report_1.report)(api, "Manual changes required for ".concat(componentName, "'s \"size\" prop. Use \"s\" or \"m\" value only."));
+    }
+}
+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;
+    if (!localName) {
+        return source.toSource();
+    }
+    source
+        .find(j.JSXOpeningElement)
+        .filter(function (path) { return path.value.name.type === 'JSXIdentifier' && path.value.name.name === localName; })
+        .find(j.JSXAttribute, function (attribute) {
+        return attribute.name.name === 'compensateLastCellIndent' || attribute.name.name === 'size';
+    })
+        .forEach(function (attribute) {
+        var attributeName = attribute.node.name.name;
+        if (attributeName === 'compensateLastCellIndent') {
+            compensateLastCellIndentManipulator(api, attribute);
+        }
+        else if (attributeName === 'size') {
+            sizeManipulator(api, attribute);
+        }
+    });
+    return source.toSource();
+}

package/dist/transforms/v7/horizontal-cell.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parser = void 0;
+exports.default = transformer;
+var 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, 'HorizontalCell', alias).localName;
+    if (localName) {
+        (0, codemod_helpers_1.renameProp)(j, source, localName, { header: 'title' });
+    }
+    return source.toSource();
+}

package/dist/transforms/v7/horizontal-scroll.js

@@ -0,0 +1,38 @@
+"use strict";
+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");
+exports.parser = 'tsx';
+var componentName = 'HorizontalScroll';
+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;
+    if (!localName) {
+        return source.toSource();
+    }
+    source
+        .find(j.JSXOpeningElement)
+        .filter(function (path) { return path.value.name.type === 'JSXIdentifier' && path.value.name.name === localName; })
+        .find(j.JSXAttribute)
+        .filter(function (attribute) { return attribute.node.name.name === 'inline'; })
+        .forEach(function (attribute) {
+        var node = attribute.node;
+        if (!node.value) {
+            j(attribute).remove();
+        }
+        else if (node.value.type === 'JSXExpressionContainer' &&
+            node.value.expression.type === 'BooleanLiteral') {
+            if (node.value.expression.value) {
+                j(attribute).remove();
+            }
+            else {
+                (0, report_1.report)(api, "Manual changes required for ".concat(componentName, "'s \"inline\" prop."));
+            }
+        }
+    });
+    return source.toSource();
+}