@atlaskit/codemod-cli 0.25.0 → 0.25.2

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

@@ -1,16 +1,19 @@
-import { addCommentBefore } from '@atlaskit/codemod-utils';
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
 import { getDefaultImportSpecifierName } from '@hypermod/utils';
-import { PRINT_SETTINGS, OLD_BUTTON_VARIANTS, NEW_BUTTON_VARIANTS, entryPointsMapping, OLD_BUTTON_ENTRY_POINT, NEW_BUTTON_ENTRY_POINT, linkButtonMissingHrefComment, buttonPropsNoLongerSupportedComment, unsupportedProps, loadingButtonComment } from '../utils/constants';
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
+import { addCommentForOverlayProp } from '../utils/add-comment-for-overlay-prop';
+import { buttonPropsNoLongerSupportedComment, entryPointsMapping, linkButtonMissingHrefComment, loadingButtonComment, migrateButtonToSubtleLinkButton, migrateSubtleButtonToSubtleLinkButton, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS, noSpacinglinkButtonMissingHrefComment, OLD_BUTTON_ENTRY_POINT, OLD_BUTTON_VARIANTS, PRINT_SETTINGS, unsupportedProps } from '../utils/constants';
+import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
+import { generateLinkComponent } from '../utils/generate-link-element';
+import { generateNewElement, handleIconAttributes, modifyButtonAttributes } from '../utils/generate-new-button-element';
 import getDefaultImports from '../utils/get-default-imports';
 import getSpecifierNames from '../utils/get-specifier-names';
-import { generateNewElement, handleIconAttributes } from '../utils/generate-new-button-element';
 import { ifHasUnsupportedProps } from '../utils/has-unsupported-props';
 import { checkIfVariantAlreadyImported } from '../utils/if-variant-already-imported';
-import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
-import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-icon-button';
 import { importTypesFromNewEntryPoint } from '../utils/import-types-from-new-entry-point';
-import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
-import { addCommentForOverlayProp } from '../utils/add-comment-for-overlay-prop';
+import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-icon-button';
+import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
 const transformer = (file, api) => {
   const j = api.jscodeshift;
   const fileSource = j(file.source);
@@ -40,7 +43,8 @@ const transformer = (file, api) => {
     defaultButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.default, NEW_BUTTON_ENTRY_POINT, fileSource, j, true),
     linkButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.link, NEW_BUTTON_ENTRY_POINT, fileSource, j),
     iconButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.icon, NEW_BUTTON_ENTRY_POINT, fileSource, j),
-    linkIconButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.linkIcon, NEW_BUTTON_ENTRY_POINT, fileSource, j)
+    linkIconButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.linkIcon, NEW_BUTTON_ENTRY_POINT, fileSource, j),
+    link: checkIfVariantAlreadyImported('link', '@atlaskit/link', fileSource, j)
   };
   const oldButtonElements = fileSource.find(j.JSXElement).filter(path => {
     return path.value.openingElement.name.type === 'JSXIdentifier' && ((oldDefaultImportSpecifiers === null || oldDefaultImportSpecifiers === void 0 ? void 0 : oldDefaultImportSpecifiers.includes(path.value.openingElement.name.name)) || Object.values(OLD_BUTTON_VARIANTS).includes(path.value.openingElement.name.name));
@@ -59,18 +63,24 @@ const transformer = (file, api) => {
     const hasHref = buttonAttributes.includes('href');
     const hasIcon = buttonAttributes.includes('iconBefore') || buttonAttributes.includes('iconAfter');
     const hasNoChildren = ((_element$value$childr = element.value.children) === null || _element$value$childr === void 0 ? void 0 : _element$value$childr.length) === 0;
+    const hasSpacing = attributes.find(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');
+    const hasSpacingNone = findJSXAttributeWithValue(element.value.openingElement, 'spacing', 'none');
     const isFitContainerIconButton = hasIcon && hasNoChildren && buttonAttributes.includes('shouldFitContainer');
-    const isLinkIconButton = hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
-    const isLinkButton = hasHref && !isLinkIconButton;
-    let isIconButton = !hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
-    const isDefaultButton = !isLinkButton && !isLinkIconButton && !isIconButton && !isFitContainerIconButton;
-    const isDefaultVariantWithAnIcon = !isLinkIconButton && !isIconButton && !isFitContainerIconButton && hasIcon;
-    const isLoadingButton = element.value.openingElement.name.type === 'JSXIdentifier' && element.value.openingElement.name.name === loadingButtonDirectImportName;
     const linkAppearanceAttribute = attributes.find(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 ? void 0 : (_node$name = node.name) === null || _node$name === void 0 ? void 0 : _node$name.name) === 'appearance' && ((node === null || node === void 0 ? void 0 : (_node$value2 = node.value) === null || _node$value2 === void 0 ? void 0 : _node$value2.value) === 'link' || (node === null || node === void 0 ? void 0 : (_node$value3 = node.value) === null || _node$value3 === void 0 ? void 0 : _node$value3.value) === 'subtle-link');
     });
-    if (isDefaultVariantWithAnIcon) {
+    const isLinkIconButton = hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
+    const isLinkButton = hasHref && !isLinkIconButton && !hasNoChildren && hasSpacing;
+    const isLink = hasHref && !isLinkIconButton && !hasNoChildren && hasSpacingNone && linkAppearanceAttribute;
+    let isIconButton = !hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton && !isLink;
+    const isDefaultButton = !isLinkButton && !isLinkIconButton && !isIconButton && !isFitContainerIconButton && !isLink;
+    const isDefaultVariantWithAnIcon = !isLinkIconButton && !isIconButton && !isFitContainerIconButton && hasIcon && !isLink;
+    const isLoadingButton = element.value.openingElement.name.type === 'JSXIdentifier' && element.value.openingElement.name.name === loadingButtonDirectImportName;
+    if (isDefaultVariantWithAnIcon && !isLink) {
       handleIconAttributes(element.value, j);
     }
     if (isFitContainerIconButton) {
@@ -88,8 +98,24 @@ const transformer = (file, api) => {
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.icon, element.value, j));
     }
     if (isLinkButton && !isLoadingButton) {
+      var _element$node$attribu;
       hasVariant.linkButton = true;
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.link, element.value, j));
+      const attribute = (_element$node$attribu = element.node.attributes) === null || _element$node$attribu === void 0 ? void 0 : _element$node$attribu.find(node => 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') {
+            addCommentBefore(j, j(attribute), migrateButtonToSubtleLinkButton, 'line');
+          } else if (linkAppearanceAttribute.value.value === 'subtle-link') {
+            addCommentBefore(j, j(attribute), migrateSubtleButtonToSubtleLinkButton, 'line');
+          }
+        }
+      }
+    }
+    if (isLink && !isLoadingButton) {
+      hasVariant.link = true;
+      j(element).replaceWith(generateLinkComponent(element.node, j));
     }
     if (isDefaultButton && !isLoadingButton) {
       hasVariant.defaultButton = true;
@@ -135,7 +161,12 @@ const transformer = (file, api) => {
         }), 'block');
       }
     } else if (!hasHref && linkAppearanceAttribute) {
-      addCommentBefore(j, j(linkAppearanceAttribute), linkButtonMissingHrefComment, 'line');
+      var _element$node$attribu2;
+      modifyButtonAttributes(element.node, j, hasSpacingNone);
+      const attribute = (_element$node$attribu2 = element.node.attributes) === null || _element$node$attribu2 === void 0 ? void 0 : _element$node$attribu2.find(node => node.type === 'JSXAttribute' && node.name.name === 'appearance');
+      if (attribute) {
+        addCommentBefore(j, j(attribute), hasSpacingNone ? noSpacinglinkButtonMissingHrefComment : linkButtonMissingHrefComment, 'line');
+      }
     }
   });
 
@@ -182,6 +213,13 @@ const transformer = (file, api) => {
       renameDefaultButtonToLegacyButtonImport(oldButtonImports, oldButtonsWithUnsupportedProps, j);
     }
   }
+  if (hasVariant.link) {
+    const 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) {
     const existingNewButtonImports = fileSource.find(j.ImportDeclaration).filter(path => path.node.source.value === NEW_BUTTON_ENTRY_POINT);
     let newButtonImport = j.importDeclaration(specifiers, j.stringLiteral(NEW_BUTTON_ENTRY_POINT));

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

@@ -1,6 +1,6 @@
 import { getImportDeclaration, hasJSXAttributes } from '@hypermod/utils';
 import { PRINT_SETTINGS, NEW_BUTTON_ENTRY_POINT, UNSAFE_SIZE_PROPS_MAP } from '../utils/constants';
-export default function (file, api) {
+function transformer(file, api) {
   const j = api.jscodeshift;
   const source = j(file.source);
 
@@ -91,4 +91,5 @@ export default function (file, api) {
     }
   });
   return source.toSource(PRINT_SETTINGS);
-}
+}
+export default transformer;

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

@@ -1,8 +1,9 @@
 import splitImportsTransformer from './codemods/next-split-imports';
 import migrateToNewButtonVariantsTransformer from './codemods/next-migrate-to-new-button-variants';
 import removeUnsafeSizeTransformer from './codemods/next-remove-unsafe-size';
+import migrateLinkButtonToLinkTransformer from './codemods/next-migrate-link-button-to-link';
 export default async function transformer(file, api) {
-  const transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer, removeUnsafeSizeTransformer];
+  const transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer, removeUnsafeSizeTransformer, migrateLinkButtonToLinkTransformer];
   let src = file.source;
   transformers.forEach(transformer => {
     if (typeof src === 'undefined') {

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

@@ -2,7 +2,9 @@ export const PRINT_SETTINGS = {
   quote: 'single'
 };
 
-/** NEW button **/
+/**
+ * NEW button *
+ */
 export const NEW_BUTTON_ENTRY_POINT = '@atlaskit/button/new';
 export const NEW_BUTTON_VARIANTS = {
   default: 'Button',
@@ -11,7 +13,9 @@ export const NEW_BUTTON_VARIANTS = {
   linkIcon: 'LinkIconButton'
 };
 
-/** OLD button **/
+/**
+ * OLD button *
+ */
 export const OLD_BUTTON_ENTRY_POINT = '@atlaskit/button';
 export const OLD_BUTTON_VARIANTS = {
   loading: 'LoadingButton'
@@ -29,7 +33,8 @@ export const UNSAFE_SIZE_PROPS_MAP = {
   UNSAFE_iconBefore_size: 'iconBefore'
 };
 export const unsupportedProps = ['component', 'css', 'style'];
-export const 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.`;
+export const linkButtonMissingHrefComment = `"link" and "subtle-link" appearances are not available in the new Button, appearance should be "subtle" or "default".`;
+export const 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.`;
 export const buttonPropsNoLongerSupportedComment = `Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.`;
 export const migrateFitContainerButtonToDefaultButtonComment = `Migrated to a default button with text which is from the icon label.`;
 export const migrateFitContainerButtonToIconButtonComment = `"shouldFitContainer" is not available in icon buttons, please consider using a default button with text.`;
@@ -40,4 +45,6 @@ export const loadingButtonComment = ({
   hasHref
 }) => {
   return `This should be migrated to a new Button with a \`isLoading\` prop. ${hasLinkAppearance ? `"link" and "subtle-link" appearances are not available for new loading buttons."` : ''}${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.`;
-};
+};
+export const 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.`;
+export const 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/es2019/presets/migrate-to-new-buttons/utils/find-attribute-with-value.js

@@ -0,0 +1,11 @@
+export const findJSXAttributeWithValue = (path, attributeName, attributeValue) => {
+  var _path$attributes;
+  if (!path || path.type === 'JSXSpreadAttribute') {
+    return false;
+  }
+  const attribute = path === null || path === void 0 ? void 0 : (_path$attributes = path.attributes) === null || _path$attributes === void 0 ? void 0 : _path$attributes.find(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/es2019/presets/migrate-to-new-buttons/utils/generate-link-element.js

@@ -0,0 +1,36 @@
+export const modifyLinkAttributes = (element, j) => {
+  j(element).find(j.JSXAttribute).filter(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(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')));
+};
+export const generateLinkComponent = (element, j) => {
+  const {
+    attributes
+  } = element.openingElement;
+  if (!element.children) {
+    return;
+  }
+  modifyLinkAttributes(element, j);
+  j(element).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) {
+      const iconNode = attribute.node.value;
+      if (iconNode && iconNode.type === 'JSXExpressionContainer' && iconNode.expression.type === 'JSXElement' && element.children) {
+        const 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/es2019/presets/migrate-to-new-buttons/utils/generate-new-button-element.js

@@ -31,7 +31,6 @@ export const handleIconAttributes = (element, j, iconRenamed = false) => {
   const {
     attributes: buttonAttributes
   } = element.openingElement;
-
   // Get iconBefore and iconAfter attributes
   const buttonIconAttributes = buttonAttributes && getIconAttributes(buttonAttributes);
   buttonIconAttributes === null || buttonIconAttributes === void 0 ? void 0 : buttonIconAttributes.forEach(iconAttribute => {
@@ -100,6 +99,12 @@ export const generateNewElement = (variant, element, j) => {
   } = element.openingElement;
   const iconAttrs = attributes && getIconAttributes(attributes);
   const isIconOrLinkIcon = variant === NEW_BUTTON_VARIANTS.icon || variant === NEW_BUTTON_VARIANTS.linkIcon;
+  if (variant === NEW_BUTTON_VARIANTS.link) {
+    j(element).find(j.JSXAttribute).filter(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);
 
@@ -123,4 +128,16 @@ export const generateNewElement = (variant, element, j) => {
     closingElement: isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)),
     children: element.children
   });
+};
+export const modifyButtonAttributes = (element, j, hasSpacingNone) => {
+  j(element).find(j.JSXAttribute).filter(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(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/es2019/presets/migrate-to-new-buttons/utils/move-icon-value-from-link-button-to-link-children.js

@@ -0,0 +1,24 @@
+const moveIcon = (j, path, iconNode, beforeOrAfter) => {
+  let 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);
+    }
+  }
+};
+export default moveIcon;

package/dist/esm/main.js

@@ -298,7 +298,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.bgBlue(chalk.black("\uD83D\uDCDA Atlassian-Frontend codemod library @ ".concat(_PACKAGE_VERSION_, " \uD83D\uDCDA"))));
           if (packages && packages.length > 0) {
             logger.log(chalk.gray("Searching for codemods for newer versions of the following packages: ".concat(packages.map(function (pkg) {

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

@@ -0,0 +1,103 @@
+/* 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) {
+  var j = api.jscodeshift;
+  var source = j(file.source);
+
+  // Find all new button imports
+  var newButtonImportDeclarations = getImportDeclaration(j, source, 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 === 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 findJSXAttributeWithValue(path.value.openingElement, 'appearance', 'link') || findJSXAttributeWithValue(path.value.openingElement, 'appearance', 'subtle-link');
+  }).forEach(function (path) {
+    var hasSpacingNone = 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) {
+          addCommentBefore(j, j(attribute), oldAppearanceValue === 'link' ? migrateButtonToSubtleLinkButton : migrateSubtleButtonToSubtleLinkButton, 'line');
+        }
+      }
+    }
+    if (hasSpacingNone) {
+      var attributes = path.node.openingElement.attributes;
+      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) {
+          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) {
+    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 === 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;

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

@@ -1,17 +1,20 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { addCommentBefore } from '@atlaskit/codemod-utils';
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
 import { getDefaultImportSpecifierName } from '@hypermod/utils';
-import { PRINT_SETTINGS, OLD_BUTTON_VARIANTS, NEW_BUTTON_VARIANTS, entryPointsMapping, OLD_BUTTON_ENTRY_POINT, NEW_BUTTON_ENTRY_POINT, linkButtonMissingHrefComment, buttonPropsNoLongerSupportedComment, unsupportedProps, loadingButtonComment } from '../utils/constants';
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
+import { addCommentForOverlayProp } from '../utils/add-comment-for-overlay-prop';
+import { buttonPropsNoLongerSupportedComment, entryPointsMapping, linkButtonMissingHrefComment, loadingButtonComment, migrateButtonToSubtleLinkButton, migrateSubtleButtonToSubtleLinkButton, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS, noSpacinglinkButtonMissingHrefComment, OLD_BUTTON_ENTRY_POINT, OLD_BUTTON_VARIANTS, PRINT_SETTINGS, unsupportedProps } from '../utils/constants';
+import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
+import { generateLinkComponent } from '../utils/generate-link-element';
+import { generateNewElement, handleIconAttributes, modifyButtonAttributes } from '../utils/generate-new-button-element';
 import getDefaultImports from '../utils/get-default-imports';
 import getSpecifierNames from '../utils/get-specifier-names';
-import { generateNewElement, handleIconAttributes } from '../utils/generate-new-button-element';
 import { ifHasUnsupportedProps } from '../utils/has-unsupported-props';
 import { checkIfVariantAlreadyImported } from '../utils/if-variant-already-imported';
-import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
-import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-icon-button';
 import { importTypesFromNewEntryPoint } from '../utils/import-types-from-new-entry-point';
-import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
-import { addCommentForOverlayProp } from '../utils/add-comment-for-overlay-prop';
+import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-icon-button';
+import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
 var transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
@@ -45,7 +48,8 @@ var transformer = function transformer(file, api) {
     defaultButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.default, NEW_BUTTON_ENTRY_POINT, fileSource, j, true),
     linkButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.link, NEW_BUTTON_ENTRY_POINT, fileSource, j),
     iconButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.icon, NEW_BUTTON_ENTRY_POINT, fileSource, j),
-    linkIconButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.linkIcon, NEW_BUTTON_ENTRY_POINT, fileSource, j)
+    linkIconButton: checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.linkIcon, NEW_BUTTON_ENTRY_POINT, fileSource, j),
+    link: 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(OLD_BUTTON_VARIANTS).includes(path.value.openingElement.name.name));
@@ -66,18 +70,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 = 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) {
       handleIconAttributes(element.value, j);
     }
     if (isFitContainerIconButton) {
@@ -95,8 +105,26 @@ var transformer = function transformer(file, api) {
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.icon, element.value, j));
     }
     if (isLinkButton && !isLoadingButton) {
+      var _element$node$attribu;
       hasVariant.linkButton = true;
       j(element).replaceWith(generateNewElement(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') {
+            addCommentBefore(j, j(attribute), migrateButtonToSubtleLinkButton, 'line');
+          } else if (linkAppearanceAttribute.value.value === 'subtle-link') {
+            addCommentBefore(j, j(attribute), migrateSubtleButtonToSubtleLinkButton, 'line');
+          }
+        }
+      }
+    }
+    if (isLink && !isLoadingButton) {
+      hasVariant.link = true;
+      j(element).replaceWith(generateLinkComponent(element.node, j));
     }
     if (isDefaultButton && !isLoadingButton) {
       hasVariant.defaultButton = true;
@@ -146,7 +174,14 @@ var transformer = function transformer(file, api) {
         }), 'block');
       }
     } else if (!hasHref && linkAppearanceAttribute) {
-      addCommentBefore(j, j(linkAppearanceAttribute), linkButtonMissingHrefComment, 'line');
+      var _element$node$attribu2;
+      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) {
+        addCommentBefore(j, j(_attribute), hasSpacingNone ? noSpacinglinkButtonMissingHrefComment : linkButtonMissingHrefComment, 'line');
+      }
     }
   });
 
@@ -209,6 +244,13 @@ var transformer = function transformer(file, api) {
       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 === NEW_BUTTON_ENTRY_POINT;

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

@@ -1,6 +1,6 @@
 import { getImportDeclaration, hasJSXAttributes } from '@hypermod/utils';
 import { PRINT_SETTINGS, NEW_BUTTON_ENTRY_POINT, UNSAFE_SIZE_PROPS_MAP } from '../utils/constants';
-export default function (file, api) {
+function transformer(file, api) {
   var j = api.jscodeshift;
   var source = j(file.source);
 
@@ -112,4 +112,5 @@ export default function (file, api) {
     }
   });
   return source.toSource(PRINT_SETTINGS);
-}
+}
+export default transformer;

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

@@ -6,6 +6,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import splitImportsTransformer from './codemods/next-split-imports';
 import migrateToNewButtonVariantsTransformer from './codemods/next-migrate-to-new-button-variants';
 import removeUnsafeSizeTransformer from './codemods/next-remove-unsafe-size';
+import migrateLinkButtonToLinkTransformer from './codemods/next-migrate-link-button-to-link';
 export default function transformer(_x, _x2) {
   return _transformer.apply(this, arguments);
 }
@@ -15,7 +16,7 @@ function _transformer() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer, removeUnsafeSizeTransformer];
+          transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer, removeUnsafeSizeTransformer, migrateLinkButtonToLinkTransformer];
           src = file.source;
           transformers.forEach(function (transformer) {
             if (typeof src === 'undefined') {

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

@@ -2,7 +2,9 @@ export var PRINT_SETTINGS = {
   quote: 'single'
 };
 
-/** NEW button **/
+/**
+ * NEW button *
+ */
 export var NEW_BUTTON_ENTRY_POINT = '@atlaskit/button/new';
 export var NEW_BUTTON_VARIANTS = {
   default: 'Button',
@@ -11,7 +13,9 @@ export var NEW_BUTTON_VARIANTS = {
   linkIcon: 'LinkIconButton'
 };
 
-/** OLD button **/
+/**
+ * OLD button *
+ */
 export var OLD_BUTTON_ENTRY_POINT = '@atlaskit/button';
 export var OLD_BUTTON_VARIANTS = {
   loading: 'LoadingButton'
@@ -29,7 +33,8 @@ export var UNSAFE_SIZE_PROPS_MAP = {
   UNSAFE_iconBefore_size: 'iconBefore'
 };
 export var unsupportedProps = ['component', 'css', 'style'];
-export var 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.";
+export var linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\".";
+export var 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.";
 export var buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";
 export var migrateFitContainerButtonToDefaultButtonComment = "Migrated to a default button with text which is from the icon label.";
 export var migrateFitContainerButtonToIconButtonComment = "\"shouldFitContainer\" is not available in icon buttons, please consider using a default button with text.";
@@ -39,4 +44,6 @@ export var loadingButtonComment = function loadingButtonComment(_ref) {
   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.");
-};
+};
+export var 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.";
+export var 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.";