@atlaskit/codemod-cli 0.25.0 → 0.25.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/codemod-cli
 
+## 0.25.2
+
+### Patch Changes
+
+- [#123131](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/123131)
+  [`862fb8cdd4b71`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/862fb8cdd4b71) -
+  Codemod includes new migration pathways for legacy button
+
+## 0.25.1
+
+### Patch Changes
+
+- [#120049](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120049)
+  [`77504ff274f72`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/77504ff274f72) -
+  DSP-19576: Assign names to anonymous default exports
+
 ## 0.25.0
 
 ### Minor Changes

package/dist/cjs/main.js

@@ -305,7 +305,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context5.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.25.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.25.2", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
           logger.log(_chalk.default.bgBlue(_chalk.default.black("\uD83D\uDCDA Atlassian-Frontend codemod library @ ".concat(_PACKAGE_VERSION_, " \uD83D\uDCDA"))));
           if (packages && packages.length > 0) {
             logger.log(_chalk.default.gray("Searching for codemods for newer versions of the following packages: ".concat(packages.map(function (pkg) {

package/dist/cjs/presets/migrate-to-new-buttons/codemods/next-migrate-link-button-to-link.js

@@ -0,0 +1,111 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _utils = require("@hypermod/utils");
+var _codemodUtils = require("@atlaskit/codemod-utils");
+var _constants = require("../utils/constants");
+var _findAttributeWithValue = require("../utils/find-attribute-with-value");
+var _generateLinkElement = require("../utils/generate-link-element");
+var _moveIconValueFromLinkButtonToLinkChildren = _interopRequireDefault(require("../utils/move-icon-value-from-link-button-to-link-children"));
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
+
+function transformer(file, api) {
+  var j = api.jscodeshift;
+  var source = j(file.source);
+
+  // Find all new button imports
+  var newButtonImportDeclarations = (0, _utils.getImportDeclaration)(j, source, _constants.NEW_BUTTON_ENTRY_POINT);
+
+  // No imports for new button found, exit early
+  if (!newButtonImportDeclarations.length) {
+    return source.toSource();
+  }
+  var linkButtonSpecifier = '';
+  var linkButtonDeclaration;
+  newButtonImportDeclarations.forEach(function (newButtonImport) {
+    if (!newButtonImport.value.specifiers) {
+      return;
+    }
+    newButtonImport.value.specifiers.map(function (specifier) {
+      if (specifier.type === 'ImportSpecifier' && specifier.imported && specifier.imported.name === _constants.NEW_BUTTON_VARIANTS['link']) {
+        var _specifier$local;
+        linkButtonDeclaration = newButtonImport;
+        linkButtonSpecifier = ((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name) || '';
+      }
+    });
+  });
+  if (!linkButtonSpecifier) {
+    return source.toSource();
+  }
+  var hasLink = false;
+  var allLinkButtons = source.find(j.JSXElement).filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === linkButtonSpecifier;
+  });
+  allLinkButtons.filter(function (path) {
+    return (0, _findAttributeWithValue.findJSXAttributeWithValue)(path.value.openingElement, 'appearance', 'link') || (0, _findAttributeWithValue.findJSXAttributeWithValue)(path.value.openingElement, 'appearance', 'subtle-link');
+  }).forEach(function (path) {
+    var hasSpacingNone = (0, _findAttributeWithValue.findJSXAttributeWithValue)(path.value.openingElement, 'spacing', 'none');
+    if (!hasSpacingNone) {
+      var oldAppearanceValue;
+      j(path).find(j.JSXAttribute).filter(function (path) {
+        var _path$node$value;
+        if (path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link')) {
+          oldAppearanceValue = path.node.value.value;
+          return true;
+        }
+        return false;
+      }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+      if (oldAppearanceValue) {
+        var _path$value$openingEl;
+        var attribute = (_path$value$openingEl = path.value.openingElement.attributes) === null || _path$value$openingEl === void 0 ? void 0 : _path$value$openingEl.find(function (node) {
+          return node.type === 'JSXAttribute' && node.name.name === 'appearance';
+        });
+        if (attribute) {
+          (0, _codemodUtils.addCommentBefore)(j, j(attribute), oldAppearanceValue === 'link' ? _constants.migrateButtonToSubtleLinkButton : _constants.migrateSubtleButtonToSubtleLinkButton, 'line');
+        }
+      }
+    }
+    if (hasSpacingNone) {
+      var attributes = path.node.openingElement.attributes;
+      (0, _generateLinkElement.modifyLinkAttributes)(path.node, j);
+      j(path).find(j.JSXAttribute).filter(function (attribute) {
+        var _attribute$node$value;
+        var isIconAttribute = attribute.node.name.name === 'iconBefore' || attribute.node.name.name === 'iconAfter';
+        if (((_attribute$node$value = attribute.node.value) === null || _attribute$node$value === void 0 ? void 0 : _attribute$node$value.type) === 'JSXExpressionContainer' && isIconAttribute) {
+          (0, _moveIconValueFromLinkButtonToLinkChildren.default)(j, path, attribute.node.value, attribute.node.name.name);
+        }
+        return isIconAttribute;
+      }).remove();
+      hasLink = true;
+      j(path).replaceWith(j.jsxElement.from({
+        openingElement: j.jsxOpeningElement(j.jsxIdentifier('Link'), attributes, false),
+        closingElement: j.jsxClosingElement(j.jsxIdentifier('Link')),
+        children: path.node.children
+      }));
+    }
+  });
+
+  // add link import and remove link button import if no link button is found
+  if (hasLink && linkButtonDeclaration) {
+    var linkImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier('Link'))], j.stringLiteral('@atlaskit/link'));
+    j(linkButtonDeclaration).insertAfter(linkImport);
+    var remainingLinkButton = source.find(j.JSXElement).filter(function (path) {
+      return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === linkButtonSpecifier;
+    });
+    if (!remainingLinkButton.length) {
+      var _value$specifiers;
+      j(linkButtonDeclaration).find(j.ImportSpecifier).filter(function (path) {
+        return path.node.imported.name === _constants.NEW_BUTTON_VARIANTS['link'];
+      }).remove();
+      if (((_value$specifiers = linkButtonDeclaration.value.specifiers) === null || _value$specifiers === void 0 ? void 0 : _value$specifiers.length) === 0) {
+        j(linkButtonDeclaration).remove();
+      }
+    }
+  }
+  return source.toSource(_constants.PRINT_SETTINGS);
+}
+var _default = exports.default = transformer;

package/dist/cjs/presets/migrate-to-new-buttons/codemods/next-migrate-to-new-button-variants.js

@@ -6,19 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _codemodUtils = require("@atlaskit/codemod-utils");
 var _utils = require("@hypermod/utils");
+var _codemodUtils = require("@atlaskit/codemod-utils");
+var _addCommentForCustomThemeButtons = require("../utils/add-comment-for-custom-theme-buttons");
+var _addCommentForOverlayProp = require("../utils/add-comment-for-overlay-prop");
 var _constants = require("../utils/constants");
+var _findAttributeWithValue = require("../utils/find-attribute-with-value");
+var _generateLinkElement = require("../utils/generate-link-element");
+var _generateNewButtonElement = require("../utils/generate-new-button-element");
 var _getDefaultImports = _interopRequireDefault(require("../utils/get-default-imports"));
 var _getSpecifierNames = _interopRequireDefault(require("../utils/get-specifier-names"));
-var _generateNewButtonElement = require("../utils/generate-new-button-element");
 var _hasUnsupportedProps = require("../utils/has-unsupported-props");
 var _ifVariantAlreadyImported = require("../utils/if-variant-already-imported");
-var _renameDefaultButtonToLegacyButton = require("../utils/rename-default-button-to-legacy-button");
-var _migrateFitContainerIconButton = require("../utils/migrate-fit-container-icon-button");
 var _importTypesFromNewEntryPoint = require("../utils/import-types-from-new-entry-point");
-var _addCommentForCustomThemeButtons = require("../utils/add-comment-for-custom-theme-buttons");
-var _addCommentForOverlayProp = require("../utils/add-comment-for-overlay-prop");
+var _migrateFitContainerIconButton = require("../utils/migrate-fit-container-icon-button");
+var _renameDefaultButtonToLegacyButton = require("../utils/rename-default-button-to-legacy-button");
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
+
 var transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
@@ -52,7 +56,8 @@ var transformer = function transformer(file, api) {
     defaultButton: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.default, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j, true),
     linkButton: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.link, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j),
     iconButton: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.icon, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j),
-    linkIconButton: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.linkIcon, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j)
+    linkIconButton: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)(_constants.NEW_BUTTON_VARIANTS.linkIcon, _constants.NEW_BUTTON_ENTRY_POINT, fileSource, j),
+    link: (0, _ifVariantAlreadyImported.checkIfVariantAlreadyImported)('link', '@atlaskit/link', fileSource, j)
   };
   var oldButtonElements = fileSource.find(j.JSXElement).filter(function (path) {
     return path.value.openingElement.name.type === 'JSXIdentifier' && ((oldDefaultImportSpecifiers === null || oldDefaultImportSpecifiers === void 0 ? void 0 : oldDefaultImportSpecifiers.includes(path.value.openingElement.name.name)) || Object.values(_constants.OLD_BUTTON_VARIANTS).includes(path.value.openingElement.name.name));
@@ -73,18 +78,24 @@ var transformer = function transformer(file, api) {
     var hasHref = buttonAttributes.includes('href');
     var hasIcon = buttonAttributes.includes('iconBefore') || buttonAttributes.includes('iconAfter');
     var hasNoChildren = ((_element$value$childr = element.value.children) === null || _element$value$childr === void 0 ? void 0 : _element$value$childr.length) === 0;
+    var hasSpacing = attributes.find(function (attr) {
+      var _attr$value;
+      return attr.type === 'JSXAttribute' && attr.name.name === 'spacing' && ((_attr$value = attr.value) === null || _attr$value === void 0 ? void 0 : _attr$value.type) === 'StringLiteral' && attr.value.value !== 'none';
+    }) || !buttonAttributes.includes('spacing');
+    var hasSpacingNone = (0, _findAttributeWithValue.findJSXAttributeWithValue)(element.value.openingElement, 'spacing', 'none');
     var isFitContainerIconButton = hasIcon && hasNoChildren && buttonAttributes.includes('shouldFitContainer');
-    var isLinkIconButton = hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
-    var isLinkButton = hasHref && !isLinkIconButton;
-    var isIconButton = !hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
-    var isDefaultButton = !isLinkButton && !isLinkIconButton && !isIconButton && !isFitContainerIconButton;
-    var isDefaultVariantWithAnIcon = !isLinkIconButton && !isIconButton && !isFitContainerIconButton && hasIcon;
-    var isLoadingButton = element.value.openingElement.name.type === 'JSXIdentifier' && element.value.openingElement.name.name === loadingButtonDirectImportName;
     var linkAppearanceAttribute = attributes.find(function (node) {
       var _node$value, _node$name, _node$value2, _node$value3;
       return node.type === 'JSXAttribute' && ((_node$value = node.value) === null || _node$value === void 0 ? void 0 : _node$value.type) === 'StringLiteral' && (node === null || node === void 0 || (_node$name = node.name) === null || _node$name === void 0 ? void 0 : _node$name.name) === 'appearance' && ((node === null || node === void 0 || (_node$value2 = node.value) === null || _node$value2 === void 0 ? void 0 : _node$value2.value) === 'link' || (node === null || node === void 0 || (_node$value3 = node.value) === null || _node$value3 === void 0 ? void 0 : _node$value3.value) === 'subtle-link');
     });
-    if (isDefaultVariantWithAnIcon) {
+    var isLinkIconButton = hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
+    var isLinkButton = hasHref && !isLinkIconButton && !hasNoChildren && hasSpacing;
+    var isLink = hasHref && !isLinkIconButton && !hasNoChildren && hasSpacingNone && linkAppearanceAttribute;
+    var isIconButton = !hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton && !isLink;
+    var isDefaultButton = !isLinkButton && !isLinkIconButton && !isIconButton && !isFitContainerIconButton && !isLink;
+    var isDefaultVariantWithAnIcon = !isLinkIconButton && !isIconButton && !isFitContainerIconButton && hasIcon && !isLink;
+    var isLoadingButton = element.value.openingElement.name.type === 'JSXIdentifier' && element.value.openingElement.name.name === loadingButtonDirectImportName;
+    if (isDefaultVariantWithAnIcon && !isLink) {
       (0, _generateNewButtonElement.handleIconAttributes)(element.value, j);
     }
     if (isFitContainerIconButton) {
@@ -102,8 +113,26 @@ var transformer = function transformer(file, api) {
       j(element).replaceWith((0, _generateNewButtonElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS.icon, element.value, j));
     }
     if (isLinkButton && !isLoadingButton) {
+      var _element$node$attribu;
       hasVariant.linkButton = true;
       j(element).replaceWith((0, _generateNewButtonElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS.link, element.value, j));
+      var attribute = (_element$node$attribu = element.node.attributes) === null || _element$node$attribu === void 0 ? void 0 : _element$node$attribu.find(function (node) {
+        return node.type === 'JSXAttribute' && node.name.name === 'appearance';
+      });
+      if (attribute) {
+        var _linkAppearanceAttrib;
+        if ((linkAppearanceAttribute === null || linkAppearanceAttribute === void 0 ? void 0 : linkAppearanceAttribute.type) === 'JSXAttribute' && ((_linkAppearanceAttrib = linkAppearanceAttribute.value) === null || _linkAppearanceAttrib === void 0 ? void 0 : _linkAppearanceAttrib.type) === 'StringLiteral') {
+          if (linkAppearanceAttribute.value.value === 'link') {
+            (0, _codemodUtils.addCommentBefore)(j, j(attribute), _constants.migrateButtonToSubtleLinkButton, 'line');
+          } else if (linkAppearanceAttribute.value.value === 'subtle-link') {
+            (0, _codemodUtils.addCommentBefore)(j, j(attribute), _constants.migrateSubtleButtonToSubtleLinkButton, 'line');
+          }
+        }
+      }
+    }
+    if (isLink && !isLoadingButton) {
+      hasVariant.link = true;
+      j(element).replaceWith((0, _generateLinkElement.generateLinkComponent)(element.node, j));
     }
     if (isDefaultButton && !isLoadingButton) {
       hasVariant.defaultButton = true;
@@ -153,7 +182,14 @@ var transformer = function transformer(file, api) {
         }), 'block');
       }
     } else if (!hasHref && linkAppearanceAttribute) {
-      (0, _codemodUtils.addCommentBefore)(j, j(linkAppearanceAttribute), _constants.linkButtonMissingHrefComment, 'line');
+      var _element$node$attribu2;
+      (0, _generateNewButtonElement.modifyButtonAttributes)(element.node, j, hasSpacingNone);
+      var _attribute = (_element$node$attribu2 = element.node.attributes) === null || _element$node$attribu2 === void 0 ? void 0 : _element$node$attribu2.find(function (node) {
+        return node.type === 'JSXAttribute' && node.name.name === 'appearance';
+      });
+      if (_attribute) {
+        (0, _codemodUtils.addCommentBefore)(j, j(_attribute), hasSpacingNone ? _constants.noSpacinglinkButtonMissingHrefComment : _constants.linkButtonMissingHrefComment, 'line');
+      }
     }
   });
 
@@ -216,6 +252,13 @@ var transformer = function transformer(file, api) {
       (0, _renameDefaultButtonToLegacyButton.renameDefaultButtonToLegacyButtonImport)(oldButtonImports, oldButtonsWithUnsupportedProps, j);
     }
   }
+  if (hasVariant.link) {
+    var linkImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier('Link'))], j.stringLiteral('@atlaskit/link'));
+    oldButtonImports.at(0).insertBefore(linkImport);
+    if (!remainingDefaultButtons && !oldButtonsWithUnsupportedProps.length) {
+      oldButtonImports.at(0).remove();
+    }
+  }
   if (specifiers.length) {
     var existingNewButtonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
       return path.node.source.value === _constants.NEW_BUTTON_ENTRY_POINT;

package/dist/cjs/presets/migrate-to-new-buttons/codemods/next-remove-unsafe-size.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = _default;
+exports.default = void 0;
 var _utils = require("@hypermod/utils");
 var _constants = require("../utils/constants");
-function _default(file, api) {
+function transformer(file, api) {
   var j = api.jscodeshift;
   var source = j(file.source);
 
@@ -118,4 +118,5 @@ function _default(file, api) {
     }
   });
   return source.toSource(_constants.PRINT_SETTINGS);
-}
+}
+var _default = exports.default = transformer;

package/dist/cjs/presets/migrate-to-new-buttons/migrate-to-new-buttons.js

@@ -11,6 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _nextSplitImports = _interopRequireDefault(require("./codemods/next-split-imports"));
 var _nextMigrateToNewButtonVariants = _interopRequireDefault(require("./codemods/next-migrate-to-new-button-variants"));
 var _nextRemoveUnsafeSize = _interopRequireDefault(require("./codemods/next-remove-unsafe-size"));
+var _nextMigrateLinkButtonToLink = _interopRequireDefault(require("./codemods/next-migrate-link-button-to-link"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function transformer(_x, _x2) {
@@ -22,7 +23,7 @@ function _transformer() {
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          transformers = [_nextSplitImports.default, _nextMigrateToNewButtonVariants.default, _nextRemoveUnsafeSize.default];
+          transformers = [_nextSplitImports.default, _nextMigrateToNewButtonVariants.default, _nextRemoveUnsafeSize.default, _nextMigrateLinkButtonToLink.default];
           src = file.source;
           transformers.forEach(function (transformer) {
             if (typeof src === 'undefined') {

package/dist/cjs/presets/migrate-to-new-buttons/utils/constants.js

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unsupportedProps = exports.overlayPropComment = exports.migrateFitContainerButtonToIconButtonComment = exports.migrateFitContainerButtonToDefaultButtonComment = exports.loadingButtonComment = exports.linkButtonMissingHrefComment = exports.entryPointsMapping = exports.customThemeButtonComment = exports.buttonPropsNoLongerSupportedComment = exports.UNSAFE_SIZE_PROPS_MAP = exports.PRINT_SETTINGS = exports.OLD_BUTTON_VARIANTS = exports.OLD_BUTTON_ENTRY_POINT = exports.NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_ENTRY_POINT = exports.BUTTON_TYPES = void 0;
+exports.unsupportedProps = exports.overlayPropComment = exports.noSpacinglinkButtonMissingHrefComment = exports.migrateSubtleButtonToSubtleLinkButton = exports.migrateFitContainerButtonToIconButtonComment = exports.migrateFitContainerButtonToDefaultButtonComment = exports.migrateButtonToSubtleLinkButton = exports.loadingButtonComment = exports.linkButtonMissingHrefComment = exports.entryPointsMapping = exports.customThemeButtonComment = exports.buttonPropsNoLongerSupportedComment = exports.UNSAFE_SIZE_PROPS_MAP = exports.PRINT_SETTINGS = exports.OLD_BUTTON_VARIANTS = exports.OLD_BUTTON_ENTRY_POINT = exports.NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_ENTRY_POINT = exports.BUTTON_TYPES = void 0;
 var PRINT_SETTINGS = exports.PRINT_SETTINGS = {
   quote: 'single'
 };
 
-/** NEW button **/
+/**
+ * NEW button *
+ */
 var NEW_BUTTON_ENTRY_POINT = exports.NEW_BUTTON_ENTRY_POINT = '@atlaskit/button/new';
 var NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_VARIANTS = {
   default: 'Button',
@@ -17,7 +19,9 @@ var NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_VARIANTS = {
   linkIcon: 'LinkIconButton'
 };
 
-/** OLD button **/
+/**
+ * OLD button *
+ */
 var OLD_BUTTON_ENTRY_POINT = exports.OLD_BUTTON_ENTRY_POINT = '@atlaskit/button';
 var OLD_BUTTON_VARIANTS = exports.OLD_BUTTON_VARIANTS = {
   loading: 'LoadingButton'
@@ -35,7 +39,8 @@ var UNSAFE_SIZE_PROPS_MAP = exports.UNSAFE_SIZE_PROPS_MAP = {
   UNSAFE_iconBefore_size: 'iconBefore'
 };
 var unsupportedProps = exports.unsupportedProps = ['component', 'css', 'style'];
-var linkButtonMissingHrefComment = exports.linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.";
+var linkButtonMissingHrefComment = exports.linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\".";
+var noSpacinglinkButtonMissingHrefComment = exports.noSpacinglinkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\", or provide a href prop then migrate to Link.";
 var buttonPropsNoLongerSupportedComment = exports.buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";
 var migrateFitContainerButtonToDefaultButtonComment = exports.migrateFitContainerButtonToDefaultButtonComment = "Migrated to a default button with text which is from the icon label.";
 var migrateFitContainerButtonToIconButtonComment = exports.migrateFitContainerButtonToIconButtonComment = "\"shouldFitContainer\" is not available in icon buttons, please consider using a default button with text.";
@@ -45,4 +50,6 @@ var loadingButtonComment = exports.loadingButtonComment = function loadingButton
   var hasLinkAppearance = _ref.hasLinkAppearance,
     hasHref = _ref.hasHref;
   return "This should be migrated to a new Button with a `isLoading` prop. ".concat(hasLinkAppearance ? "\"link\" and \"subtle-link\" appearances are not available for new loading buttons.\"" : '').concat(hasHref ? "The `href` attribute it not compatible with new loading buttons, because links should not need loading states." : '', " Please reconsider the design or change the appearance of the button.");
-};
+};
+var migrateButtonToSubtleLinkButton = exports.migrateButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"default\" appearance.";
+var migrateSubtleButtonToSubtleLinkButton = exports.migrateSubtleButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"subtle\" appearance.";

package/dist/cjs/presets/migrate-to-new-buttons/utils/find-attribute-with-value.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findJSXAttributeWithValue = void 0;
+var findJSXAttributeWithValue = exports.findJSXAttributeWithValue = function findJSXAttributeWithValue(path, attributeName, attributeValue) {
+  var _path$attributes;
+  if (!path || path.type === 'JSXSpreadAttribute') {
+    return false;
+  }
+  var attribute = path === null || path === void 0 || (_path$attributes = path.attributes) === null || _path$attributes === void 0 ? void 0 : _path$attributes.find(function (attribute) {
+    var _attribute$value;
+    return attribute.type === 'JSXAttribute' && attribute.name.name === attributeName && ((_attribute$value = attribute.value) === null || _attribute$value === void 0 ? void 0 : _attribute$value.type) === 'StringLiteral' && attribute.value.value === attributeValue;
+  });
+  return Boolean(attribute);
+};

package/dist/cjs/presets/migrate-to-new-buttons/utils/generate-link-element.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.modifyLinkAttributes = exports.generateLinkComponent = void 0;
+var modifyLinkAttributes = exports.modifyLinkAttributes = function modifyLinkAttributes(element, j) {
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value, _path$node$value2;
+    return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && path.node.value.value === 'link' || path.node.name.name === 'spacing' && ((_path$node$value2 = path.node.value) === null || _path$node$value2 === void 0 ? void 0 : _path$node$value2.type) === 'StringLiteral' && path.node.value.value === 'none';
+  }).remove();
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value3;
+    return path.node.name.name === 'appearance' && ((_path$node$value3 = path.node.value) === null || _path$node$value3 === void 0 ? void 0 : _path$node$value3.type) === 'StringLiteral' && path.node.value.value === 'subtle-link';
+  }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+};
+var generateLinkComponent = exports.generateLinkComponent = function generateLinkComponent(element, j) {
+  var attributes = element.openingElement.attributes;
+  if (!element.children) {
+    return;
+  }
+  modifyLinkAttributes(element, j);
+  j(element).find(j.JSXAttribute).filter(function (attribute) {
+    var _attribute$node$value;
+    var isIconAttribute = attribute.node.name.name === 'iconBefore' || attribute.node.name.name === 'iconAfter';
+    if (((_attribute$node$value = attribute.node.value) === null || _attribute$node$value === void 0 ? void 0 : _attribute$node$value.type) === 'JSXExpressionContainer' && isIconAttribute) {
+      var iconNode = attribute.node.value;
+      if (iconNode && iconNode.type === 'JSXExpressionContainer' && iconNode.expression.type === 'JSXElement' && element.children) {
+        var icon = iconNode.expression;
+        attribute.node.name.name === 'iconBefore' ? element.children.unshift(icon) : element.children.push(icon);
+      }
+    }
+    return isIconAttribute;
+  }).remove();
+  return j.jsxElement.from({
+    openingElement: j.jsxOpeningElement(j.jsxIdentifier('Link'), attributes, false),
+    closingElement: j.jsxClosingElement(j.jsxIdentifier('Link')),
+    children: element.children
+  });
+};

package/dist/cjs/presets/migrate-to-new-buttons/utils/generate-new-button-element.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handleIconAttributes = exports.getIconElement = exports.getIconAttributes = exports.generateNewElement = void 0;
+exports.modifyButtonAttributes = exports.handleIconAttributes = exports.getIconElement = exports.getIconAttributes = exports.generateNewElement = void 0;
 var _constants = require("../utils/constants");
 var getIconAttributes = exports.getIconAttributes = function getIconAttributes(attributes) {
   var iconAttr = attributes === null || attributes === void 0 ? void 0 : attributes.filter(function (attribute) {
@@ -38,7 +38,6 @@ var getIconElement = exports.getIconElement = function getIconElement(iconAttr)
 var handleIconAttributes = exports.handleIconAttributes = function handleIconAttributes(element, j) {
   var iconRenamed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var buttonAttributes = element.openingElement.attributes;
-
   // Get iconBefore and iconAfter attributes
   var buttonIconAttributes = buttonAttributes && getIconAttributes(buttonAttributes);
   buttonIconAttributes === null || buttonIconAttributes === void 0 || buttonIconAttributes.forEach(function (iconAttribute) {
@@ -113,6 +112,12 @@ var generateNewElement = exports.generateNewElement = function generateNewElemen
   var attributes = element.openingElement.attributes;
   var iconAttrs = attributes && getIconAttributes(attributes);
   var isIconOrLinkIcon = variant === _constants.NEW_BUTTON_VARIANTS.icon || variant === _constants.NEW_BUTTON_VARIANTS.linkIcon;
+  if (variant === _constants.NEW_BUTTON_VARIANTS.link) {
+    j(element).find(j.JSXAttribute).filter(function (path) {
+      var _path$node$value;
+      return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link');
+    }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+  }
   if (isIconOrLinkIcon && iconAttrs !== null && iconAttrs !== void 0 && iconAttrs.length) {
     handleIconAttributes(element, j, true);
 
@@ -140,4 +145,16 @@ var generateNewElement = exports.generateNewElement = function generateNewElemen
     closingElement: isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)),
     children: element.children
   });
+};
+var modifyButtonAttributes = exports.modifyButtonAttributes = function modifyButtonAttributes(element, j, hasSpacingNone) {
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value2;
+    return path.node.name.name === 'appearance' && ((_path$node$value2 = path.node.value) === null || _path$node$value2 === void 0 ? void 0 : _path$node$value2.type) === 'StringLiteral' && (path.node.value.value === 'link' || path.node.value.value === 'subtle-link');
+  }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+  if (hasSpacingNone) {
+    j(element).find(j.JSXAttribute).filter(function (path) {
+      var _path$node$value3;
+      return path.node.name.name === 'spacing' && ((_path$node$value3 = path.node.value) === null || _path$node$value3 === void 0 ? void 0 : _path$node$value3.type) === 'StringLiteral' && path.node.value.value === 'none';
+    }).remove();
+  }
 };

package/dist/cjs/presets/migrate-to-new-buttons/utils/move-icon-value-from-link-button-to-link-children.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var moveIcon = function moveIcon(j, path, iconNode, beforeOrAfter) {
+  var element;
+  if (!iconNode) {
+    return;
+  }
+  if (iconNode.type === 'JSXExpressionContainer') {
+    // when iconBefore={(iconProps) => <AddIcon {...iconProps} />}
+    if (iconNode.expression.type === 'ArrowFunctionExpression' && iconNode.expression.body.type === 'JSXElement') {
+      // remove {...iconProps} spread attribute
+      element = iconNode.expression.body;
+      j(element).find(j.JSXSpreadAttribute).remove();
+      j(element).find(j.JSXAttribute).insertBefore(j.jsxAttribute(j.jsxIdentifier('label'), j.stringLiteral('')));
+    }
+
+    // when iconBefore={AddIcon}
+    if (iconNode.expression.type === 'Identifier') {
+      element = j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(iconNode.expression.name), [j.jsxAttribute(j.jsxIdentifier('label'), j.stringLiteral(''))], true));
+    }
+    if (element && path.node.children) {
+      beforeOrAfter === 'iconBefore' ? path.node.children.unshift(element) : path.node.children.push(element);
+    }
+  }
+};
+var _default = exports.default = moveIcon;

package/dist/es2019/presets/migrate-to-new-buttons/codemods/next-migrate-link-button-to-link.js

@@ -0,0 +1,95 @@
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
+import { getImportDeclaration } from '@hypermod/utils';
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+import { migrateButtonToSubtleLinkButton, migrateSubtleButtonToSubtleLinkButton, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS, PRINT_SETTINGS } from '../utils/constants';
+import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
+import { modifyLinkAttributes } from '../utils/generate-link-element';
+import moveIconValueFromLinkButtonPropsToLinkChildren from '../utils/move-icon-value-from-link-button-to-link-children';
+function transformer(file, api) {
+  const j = api.jscodeshift;
+  const source = j(file.source);
+
+  // Find all new button imports
+  const newButtonImportDeclarations = getImportDeclaration(j, source, NEW_BUTTON_ENTRY_POINT);
+
+  // No imports for new button found, exit early
+  if (!newButtonImportDeclarations.length) {
+    return source.toSource();
+  }
+  let linkButtonSpecifier = '';
+  let linkButtonDeclaration;
+  newButtonImportDeclarations.forEach(newButtonImport => {
+    if (!newButtonImport.value.specifiers) {
+      return;
+    }
+    newButtonImport.value.specifiers.map(specifier => {
+      if (specifier.type === 'ImportSpecifier' && specifier.imported && specifier.imported.name === NEW_BUTTON_VARIANTS['link']) {
+        var _specifier$local;
+        linkButtonDeclaration = newButtonImport;
+        linkButtonSpecifier = ((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name) || '';
+      }
+    });
+  });
+  if (!linkButtonSpecifier) {
+    return source.toSource();
+  }
+  let hasLink = false;
+  const allLinkButtons = source.find(j.JSXElement).filter(path => path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === linkButtonSpecifier);
+  allLinkButtons.filter(path => findJSXAttributeWithValue(path.value.openingElement, 'appearance', 'link') || findJSXAttributeWithValue(path.value.openingElement, 'appearance', 'subtle-link')).forEach(path => {
+    const hasSpacingNone = findJSXAttributeWithValue(path.value.openingElement, 'spacing', 'none');
+    if (!hasSpacingNone) {
+      let oldAppearanceValue;
+      j(path).find(j.JSXAttribute).filter(path => {
+        var _path$node$value;
+        if (path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link')) {
+          oldAppearanceValue = path.node.value.value;
+          return true;
+        }
+        return false;
+      }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+      if (oldAppearanceValue) {
+        var _path$value$openingEl;
+        const attribute = (_path$value$openingEl = path.value.openingElement.attributes) === null || _path$value$openingEl === void 0 ? void 0 : _path$value$openingEl.find(node => node.type === 'JSXAttribute' && node.name.name === 'appearance');
+        if (attribute) {
+          addCommentBefore(j, j(attribute), oldAppearanceValue === 'link' ? migrateButtonToSubtleLinkButton : migrateSubtleButtonToSubtleLinkButton, 'line');
+        }
+      }
+    }
+    if (hasSpacingNone) {
+      const {
+        attributes
+      } = path.node.openingElement;
+      modifyLinkAttributes(path.node, j);
+      j(path).find(j.JSXAttribute).filter(attribute => {
+        var _attribute$node$value;
+        const isIconAttribute = attribute.node.name.name === 'iconBefore' || attribute.node.name.name === 'iconAfter';
+        if (((_attribute$node$value = attribute.node.value) === null || _attribute$node$value === void 0 ? void 0 : _attribute$node$value.type) === 'JSXExpressionContainer' && isIconAttribute) {
+          moveIconValueFromLinkButtonPropsToLinkChildren(j, path, attribute.node.value, attribute.node.name.name);
+        }
+        return isIconAttribute;
+      }).remove();
+      hasLink = true;
+      j(path).replaceWith(j.jsxElement.from({
+        openingElement: j.jsxOpeningElement(j.jsxIdentifier('Link'), attributes, false),
+        closingElement: j.jsxClosingElement(j.jsxIdentifier('Link')),
+        children: path.node.children
+      }));
+    }
+  });
+
+  // add link import and remove link button import if no link button is found
+  if (hasLink && linkButtonDeclaration) {
+    const linkImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier('Link'))], j.stringLiteral('@atlaskit/link'));
+    j(linkButtonDeclaration).insertAfter(linkImport);
+    const remainingLinkButton = source.find(j.JSXElement).filter(path => path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === linkButtonSpecifier);
+    if (!remainingLinkButton.length) {
+      var _value$specifiers;
+      j(linkButtonDeclaration).find(j.ImportSpecifier).filter(path => path.node.imported.name === NEW_BUTTON_VARIANTS['link']).remove();
+      if (((_value$specifiers = linkButtonDeclaration.value.specifiers) === null || _value$specifiers === void 0 ? void 0 : _value$specifiers.length) === 0) {
+        j(linkButtonDeclaration).remove();
+      }
+    }
+  }
+  return source.toSource(PRINT_SETTINGS);
+}
+export default transformer;