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

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/header.js

@@ -0,0 +1,27 @@
+"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',
+        },
+    });
+    return source.toSource();
+}

package/dist/transforms/v7/horizontal-cell-show-more.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 = 'HorizontalCellShowMore';
+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 === 'compensateLastCellIndent'; })
+        .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 \"compensateLastCellIndent\" prop. You might not need it anymore."));
+            }
+        }
+    });
+    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();
+}

package/dist/transforms/v7/image-overlay.js

@@ -0,0 +1,125 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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");
+exports.parser = 'tsx';
+function transformer(file, api, options) {
+    var alias = options.alias;
+    var j = api.jscodeshift;
+    var source = j(file.source);
+    var ImageLocalName = (0, codemod_helpers_1.getImportInfo)(j, file, 'Image', alias).localName;
+    var ImageBaseLocalName = (0, codemod_helpers_1.getImportInfo)(j, file, 'ImageBase', alias).localName;
+    if (!ImageLocalName && !ImageBaseLocalName) {
+        return source.toSource();
+    }
+    var findAttribute = function (attributes, attributeName) {
+        return ((attributes === null || attributes === void 0 ? void 0 : attributes.find(function (attr) {
+            return attr.type === 'JSXAttribute' && attr.name.name === attributeName;
+        })) || null);
+    };
+    var showReport = function (localName, additionalMessage) {
+        (0, report_1.report)(api, ": ".concat(chalk_1.default.white.bgBlue("".concat(localName, ".Overlay")), " has been changed. Manual changes required: ").concat(additionalMessage));
+    };
+    var showDisableInteractivePropReport = function (localName) {
+        showReport(localName, "\"disableInteractive\" has been removed, please use \"onClick\" if you want to make ".concat(localName, ".Overlay interactive"));
+    };
+    var calcDisableInteractiveValue = function (disableInteractiveAttribute) {
+        var _a, _b;
+        if (((_a = disableInteractiveAttribute.value) === null || _a === void 0 ? void 0 : _a.type) === 'BooleanLiteral') {
+            return disableInteractiveAttribute.value.value;
+        }
+        else if (disableInteractiveAttribute.value === null) {
+            return true;
+        }
+        else if (((_b = disableInteractiveAttribute.value) === null || _b === void 0 ? void 0 : _b.type) === 'JSXExpressionContainer') {
+            var expression = disableInteractiveAttribute.value.expression;
+            if (expression.type === 'BooleanLiteral') {
+                return expression.value;
+            }
+            if (expression.type === 'Identifier' && expression.name === 'undefined') {
+                return false;
+            }
+        }
+        return null;
+    };
+    var handleImageComponent = function (localName) {
+        source
+            .find(j.JSXElement, {
+            openingElement: {
+                name: {
+                    type: 'JSXMemberExpression',
+                    object: { name: localName },
+                    property: { name: 'Overlay' },
+                },
+            },
+        })
+            .forEach(function (path) {
+            var _a;
+            var overlay = path.node;
+            var overlayItemAttributes = overlay.openingElement.attributes;
+            var onClickAttribute = findAttribute(overlayItemAttributes, 'onClick');
+            var disableInteractiveAttribute = findAttribute(overlayItemAttributes, 'disableInteractive');
+            // Кейс, когда disableInteractive не был задан, значит overlay interactive.
+            // Сейчас у него обязательно должен быть onClick, чтобы не ломать обратную совместимость
+            if (!disableInteractiveAttribute) {
+                // Проверяем наличие onClick, и если его нет, то пользователь должен добавить onClick
+                if (!onClickAttribute) {
+                    showReport(localName, "If you want to make ".concat(localName, ".Overlay interactive please add \"onClick\" prop"));
+                }
+                return;
+            }
+            // Рассчитываем значение disableInteractive в boolean
+            var disableInteractiveValue = calcDisableInteractiveValue(disableInteractiveAttribute);
+            if (disableInteractiveValue === null) {
+                // Если у disableInteractive используется сложное выражение
+                // То пользователь сам должен удалить этот проп, как ему нужно
+                showDisableInteractivePropReport(localName);
+            }
+            // Удаляем аттрибут disableInteractive
+            (0, codemod_helpers_1.removeAttribute)(overlayItemAttributes, disableInteractiveAttribute);
+            if (disableInteractiveValue) {
+                // Если disableInteractive = true, то все, что нам нужно это удалить атрибут onClick
+                // Важно: мы можем его спокойно удалить, так как в этом кейсе он может быть только undefined
+                if (onClickAttribute) {
+                    (0, codemod_helpers_1.removeAttribute)(overlayItemAttributes, onClickAttribute);
+                }
+                return;
+            }
+            if (!onClickAttribute) {
+                // Если disableInteractive = false и onClick пропа нет, то пользователь должен его добавить
+                showDisableInteractivePropReport(localName);
+                return;
+            }
+            // Если disableInteractive = false и onClick не пустой надо обработать следующие кейс:
+            // onClick=undefined: надо добавить колбэк
+            // onClick=identifier: все хорошо,оставляем как есть
+            // В остальных случаях, надо чтобы пользователь убедился, что onClick устанавливается корректно
+            if (((_a = onClickAttribute.value) === null || _a === void 0 ? void 0 : _a.type) === 'JSXExpressionContainer') {
+                var expression = onClickAttribute.value.expression;
+                if (expression.type === 'Identifier') {
+                    if (expression.name === 'undefined') {
+                        showDisableInteractivePropReport(localName);
+                    }
+                    return;
+                }
+                if (expression.type === 'ArrowFunctionExpression') {
+                    return;
+                }
+            }
+            showReport(localName, "\"disableInteractive\" has been removed, please validate that \"onClick\" prop value not falsy");
+        });
+    };
+    if (ImageLocalName) {
+        handleImageComponent(ImageLocalName);
+    }
+    if (ImageBaseLocalName) {
+        handleImageComponent(ImageBaseLocalName);
+    }
+    return source.toSource();
+}

package/dist/transforms/v7/screen-spinner.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");
+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, 'ScreenSpinner', alias).localName;
+    if (!localName) {
+        return source.toSource();
+    }
+    function removeSizeProp(attribute) {
+        attribute.node.name.name === 'size' && j(attribute).remove();
+    }
+    // Обработка ScreenSpinner
+    source
+        .find(j.JSXOpeningElement)
+        .filter(function (path) { return path.value.name.type === 'JSXIdentifier' && path.value.name.name === localName; })
+        .find(j.JSXAttribute)
+        .forEach(removeSizeProp);
+    // Обработка ScreenSpinner.Loader
+    source
+        .find(j.JSXElement, {
+        openingElement: {
+            name: {
+                type: 'JSXMemberExpression',
+                object: { name: localName },
+                property: { name: 'Loader' },
+            },
+        },
+    })
+        .find(j.JSXAttribute)
+        .forEach(removeSizeProp);
+    return source.toSource();
+}

package/dist/transforms/v7/separator.js

@@ -0,0 +1,17 @@
+"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 componentName = 'Separator';
+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) {
+        (0, codemod_helpers_1.renameProp)(j, source, localName, { mode: 'appearance' });
+    }
+    return source.toSource();
+}

package/dist/transforms/v7/simple-grid.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, 'SimpleGrid', alias).localName;
+    if (!localName) {
+        return source.toSource();
+    }
+    (0, swapGapPropElements_1.swapGapPropElements)(j, source, localName);
+    return source.toSource();
+}

package/dist/transforms/v7/spacing.js

@@ -0,0 +1,26 @@
+"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, 'Spacing', alias).localName;
+    if (!localName) {
+        return source.toSource();
+    }
+    (0, remapSizePropValue_1.remapSizePropValue)({
+        j: j,
+        api: api,
+        source: source,
+        componentName: localName,
+        sizesMap: {
+            '3xs': '2xs',
+        },
+    });
+    return source.toSource();
+}

package/dist/transforms/v7/spinner.js

@@ -0,0 +1,29 @@
+"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, 'Spinner', alias).localName;
+    if (!localName) {
+        return source.toSource();
+    }
+    (0, remapSizePropValue_1.remapSizePropValue)({
+        j: j,
+        api: api,
+        source: source,
+        componentName: localName,
+        sizesMap: {
+            large: 'xl',
+            medium: 'l',
+            regular: 'm',
+            small: 's',
+        },
+    });
+    return source.toSource();
+}

package/dist/transforms/v7/typography.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parser = void 0;
+exports.default = transformUseAccentWeightAttribute;
+var codemod_helpers_1 = require("../../codemod-helpers");
+exports.parser = 'tsx';
+function isJSXAttribute(attribute) {
+    return (attribute === null || attribute === void 0 ? void 0 : attribute.type) === 'JSXAttribute';
+}
+function removeAttribute(attributes, attribute) {
+    attributes === null || attributes === void 0 ? void 0 : attributes.splice(attributes === null || attributes === void 0 ? void 0 : attributes.indexOf(attribute), 1);
+}
+var componentsToTransform = [
+    'Typography',
+    'Caption',
+    'DisplayTitle',
+    'Footnote',
+    'Headline',
+    'Paragraph',
+    'Subhead',
+    'Text',
+    'Title',
+];
+function transformUseAccentWeightAttribute(file, api, options) {
+    var alias = options.alias;
+    var j = api.jscodeshift;
+    var source = j(file.source);
+    componentsToTransform.forEach(function (componentName) {
+        var localName = (0, codemod_helpers_1.getImportInfo)(j, file, componentName, alias).localName;
+        if (!localName) {
+            return;
+        }
+        source
+            .find(j.JSXOpeningElement)
+            .filter(function (path) { return path.value.name.type === 'JSXIdentifier' && path.value.name.name === localName; })
+            // useAccentWeight по умолчанию теперь false, поэтому, чтобы
+            // пользователи продолжили использовать accent шрифты мы включим accent режим,
+            // добавив useAccentWeight, если его нету.
+            .forEach(function handleUseAccentWeightAttribute(path) {
+            var _a, _b;
+            var attributes = path.node.attributes;
+            if (!attributes) {
+                return;
+            }
+            var accentAttribute = attributes === null || attributes === void 0 ? void 0 : attributes.find(function (attr) { return isJSXAttribute(attr) && attr.name.name === 'useAccentWeight'; });
+            var weightAttribute = attributes === null || attributes === void 0 ? void 0 : attributes.find(function (attr) { return isJSXAttribute(attr) && attr.name.name === 'weight'; });
+            // weight задан и не равен `undefined`
+            var hasDefinedWeightAttribute = Boolean(weightAttribute &&
+                weightAttribute.type === 'JSXAttribute' &&
+                !(((_a = weightAttribute.value) === null || _a === void 0 ? void 0 : _a.type) === 'JSXExpressionContainer' &&
+                    weightAttribute.value.expression.type === 'Identifier' &&
+                    weightAttribute.value.expression.name === 'undefined'));
+            // есть weight и нету useAccentWeight: нужно добавить
+            if (!accentAttribute && hasDefinedWeightAttribute) {
+                attributes.push(j.jsxAttribute(j.jsxIdentifier('useAccentWeight')));
+            }
+            if (!isJSXAttribute(accentAttribute)) {
+                return;
+            }
+            // weight нету, убираем useAccentWeight
+            if (!hasDefinedWeightAttribute) {
+                removeAttribute(attributes, accentAttribute);
+                return;
+            }
+            if (((_b = accentAttribute.value) === null || _b === void 0 ? void 0 : _b.type) === 'JSXExpressionContainer' &&
+                accentAttribute.value.expression.type === 'BooleanLiteral') {
+                // useAccentWeight={true} => useAccentWeight
+                if (accentAttribute.value.expression.value === true) {
+                    accentAttribute.value = null;
+                    // useAccentWeight={false} => совсем убираем
+                }
+                else if (accentAttribute.value.expression.value === false) {
+                    removeAttribute(attributes, accentAttribute);
+                }
+            }
+        });
+    });
+    return source.toSource();
+}

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

@@ -0,0 +1,50 @@
+"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 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, 'UsersStack', alias).localName;
+    if (!localName) {
+        return source.toSource();
+    }
+    var attributeToReplace = 'direction';
+    var newAttributeName = 'avatarsPosition';
+    var directionToAvatarsPosition = {
+        'row': 'inline-start',
+        '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);
+        if (!value || !directionToAvatarsPosition[value]) {
+            (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]);
+    });
+    return source.toSource();
+}