@vkontakte/vkui-codemods 1.0.0-beta.0 → 1.0.0

package/dist/transforms/v7/screen-spinner.js

@@ -13,14 +13,24 @@ function transformer(file, api, options) {
         return source.toSource();
     }
     function removeSizeProp(attribute) {
-        attribute.node.name.name === 'size' && j(attribute).remove();
+        if (attribute.node.name.name === 'size') {
+            j(attribute).remove();
+        }
+    }
+    function renameLabelToCaption(attribute) {
+        if (attribute.node.name.name === 'caption') {
+            j(attribute).replaceWith(j.jsxAttribute(j.jsxIdentifier('label'), attribute.node.value));
+        }
     }
     // Обработка ScreenSpinner
     source
         .find(j.JSXOpeningElement)
         .filter(function (path) { return path.value.name.type === 'JSXIdentifier' && path.value.name.name === localName; })
         .find(j.JSXAttribute)
-        .forEach(removeSizeProp);
+        .forEach(function (attr) {
+        removeSizeProp(attr);
+        renameLabelToCaption(attr);
+    });
     // Обработка ScreenSpinner.Loader
     source
         .find(j.JSXElement, {
@@ -34,5 +44,18 @@ function transformer(file, api, options) {
     })
         .find(j.JSXAttribute)
         .forEach(removeSizeProp);
+    // Обработка ScreenSpinner.Container
+    source
+        .find(j.JSXElement, {
+        openingElement: {
+            name: {
+                type: 'JSXMemberExpression',
+                object: { name: localName },
+                property: { name: 'Container' },
+            },
+        },
+    })
+        .find(j.JSXAttribute)
+        .forEach(renameLabelToCaption);
     return source.toSource();
 }

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

@@ -0,0 +1,52 @@
+"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 = 'ScrollArrow';
+var affectedComponents = ['HorizontalScroll', 'Gallery'];
+function arrowSizeManipulator(api, attribute) {
+    var _a;
+    var node = attribute.node;
+    if (((_a = node.value) === null || _a === void 0 ? void 0 : _a.type) === 'StringLiteral') {
+        var oldValue = node.value.value;
+        var newValue = oldValue === 'm' ? 's' : oldValue === 'l' ? 'm' : undefined;
+        if (newValue) {
+            node.value = api.jscodeshift.stringLiteral(newValue);
+        }
+    }
+    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;
+    var horizontalScrollLocalName = (0, codemod_helpers_1.getImportInfo)(j, file, affectedComponents[0], alias).localName;
+    var galleryLocalName = (0, codemod_helpers_1.getImportInfo)(j, file, affectedComponents[1], 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, { name: { name: 'size' } })
+        .forEach(function (attribute) {
+        arrowSizeManipulator(api, attribute);
+    });
+    source
+        .find(j.JSXOpeningElement)
+        .filter(function (path) {
+        return path.value.name.type === 'JSXIdentifier' &&
+            [horizontalScrollLocalName, galleryLocalName].includes(path.value.name.name);
+    })
+        .find(j.JSXAttribute, { name: { name: 'arrowSize' } })
+        .forEach(function (attribute) {
+        arrowSizeManipulator(api, attribute);
+    });
+    return source.toSource();
+}

package/dist/transforms/v7/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, 'Select', 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/separator.js

@@ -12,6 +12,7 @@ function transformer(file, api, options) {
     var localName = (0, codemod_helpers_1.getImportInfo)(j, file, componentName, alias).localName;
     if (localName) {
         (0, codemod_helpers_1.renameProp)(j, source, localName, { mode: 'appearance' });
+        (0, codemod_helpers_1.swapBooleanValue)(api, source, localName, 'wide', 'padding');
     }
     return source.toSource();
 }

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

@@ -0,0 +1,19 @@
+"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, 'SimpleCell', alias).localName;
+    if (localName) {
+        (0, codemod_helpers_1.renameProp)(j, source, localName, {
+            expandable: 'chevron',
+            subhead: 'overTitle',
+        });
+    }
+    return source.toSource();
+}

package/dist/transforms/v7/subnavigation-bar.js

@@ -0,0 +1,46 @@
+"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';
+function replaceModeToFixed(j, source, api, localName) {
+    source
+        .find(j.JSXElement, {
+        openingElement: {
+            name: {
+                name: localName,
+            },
+        },
+    })
+        .find(j.JSXAttribute)
+        .filter(function (attribute) { return attribute.node.name.name === 'mode'; })
+        .forEach(function (attr) {
+        var value = (0, codemod_helpers_1.getStringValueFromAttribute)(attr.node);
+        if (value === null) {
+            (0, report_1.report)(api, ": ".concat(localName, " has been changed. Manual changes required: change prop mode to flag fixed."));
+            return;
+        }
+        if (value === 'overflow') {
+            j(attr).remove();
+        }
+        else if (value === 'fixed') {
+            j(attr).replaceWith(j.jsxAttribute(j.jsxIdentifier('fixed')));
+        }
+    });
+}
+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, 'SubnavigationBar', alias).localName;
+    if (!localName) {
+        return source.toSource();
+    }
+    (0, codemod_helpers_1.renameProp)(j, source, localName, {
+        subheader: 'subtitle',
+    });
+    replaceModeToFixed(j, source, api, localName);
+    return source.toSource();
+}

package/dist/transforms/v7/subnavigation-button.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, 'SubnavigationButton', alias).localName;
+    if (localName) {
+        (0, codemod_helpers_1.renameProp)(j, source, localName, {
+            expandable: 'chevron',
+        });
+    }
+    return source.toSource();
+}

package/dist/transforms/v7/tabbar-item.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, 'TabbarItem', alias).localName;
+    if (localName) {
+        (0, codemod_helpers_1.renameProp)(j, source, localName, { text: 'label' });
+    }
+    return source.toSource();
+}

package/dist/transforms/v7/tooltip.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, 'Tooltip', alias).localName;
+    if (localName) {
+        (0, codemod_helpers_1.renameProp)(j, source, localName, { text: 'description', header: 'title' });
+    }
+    return source.toSource();
+}

package/dist/transforms/v7/users-stack.js

@@ -20,28 +20,15 @@ function transformer(file, api, options) {
         'row-reverse': 'inline-end',
         'column': 'block-start',
     };
-    var getValueFromAttribute = function (attribute) {
-        var _a, _b;
-        if (((_a = attribute.value) === null || _a === void 0 ? void 0 : _a.type) === 'StringLiteral') {
-            return attribute.value.value;
-        }
-        if (((_b = attribute.value) === null || _b === void 0 ? void 0 : _b.type) === 'JSXExpressionContainer') {
-            var expression = attribute.value.expression;
-            if (expression.type === 'StringLiteral') {
-                return expression.value;
-            }
-        }
-        return null;
-    };
     source
         .find(j.JSXElement, { openingElement: { name: { name: localName } } })
         .find(j.JSXAttribute, { name: { name: attributeToReplace } })
         .forEach(function (path) {
         var avatar = path.node;
         avatar.name.name = newAttributeName;
-        var value = getValueFromAttribute(avatar);
+        var value = (0, codemod_helpers_1.getStringValueFromAttribute)(avatar);
         if (!value || !directionToAvatarsPosition[value]) {
-            (0, report_1.report)(api, ": ".concat(localName, " has been changed. Manual changes required: need to change direction prop to avatarsPosition"));
+            (0, report_1.report)(api, ": ".concat(localName, " has been changed. Manual changes required: need to change direction prop to avatarsPosition."));
             return;
         }
         avatar.value = j.stringLiteral(directionToAvatarsPosition[value]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/vkui-codemods",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0",
   "description": "Codemods for automatic VKUI major version upgrade",
   "repository": "https://github.com/VKCOM/VKUI",
   "homepage": "https://vkcom.github.io/VKUI/",
@@ -16,18 +16,18 @@
   "dependencies": {
     "chalk": "^4.1.2",
     "commander": "^12.1.0",
-    "cross-spawn": "^7.0.3",
-    "jscodeshift": "^17.0.0",
+    "cross-spawn": "^7.0.5",
+    "jscodeshift": "^17.1.1",
     "prompts": "^2.4.2",
-    "typescript": "^5.6.2"
+    "typescript": "^5.7.2"
   },
   "devDependencies": {
-    "@swc/core": "^1.7.26",
-    "@swc/jest": "^0.2.36",
+    "@swc/core": "^1.9.3",
+    "@swc/jest": "^0.2.37",
     "@types/cross-spawn": "^6.0.6",
-    "@types/jest": "^29.5.13",
-    "@types/jscodeshift": "^0.11.11",
-    "@types/node": "^22.7.4",
+    "@types/jest": "^29.5.14",
+    "@types/jscodeshift": "^0.12.0",
+    "@types/node": "^22.10.1",
     "@types/prompts": "^2.4.9",
     "jest": "^29.7.0",
     "ts-node": "^10.9.2"