@atlaskit/codemod-cli 0.24.4 → 0.25.1

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

@@ -4,12 +4,15 @@ import { PRINT_SETTINGS, OLD_BUTTON_VARIANTS, NEW_BUTTON_VARIANTS, entryPointsMa
 import getDefaultImports from '../utils/get-default-imports';
 import getSpecifierNames from '../utils/get-specifier-names';
 import { generateNewElement, handleIconAttributes } from '../utils/generate-new-button-element';
+import { generateLinkComponent } from '../utils/generate-link-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 { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
 const transformer = (file, api) => {
   const j = api.jscodeshift;
   const fileSource = j(file.source);
@@ -39,11 +42,13 @@ 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));
   });
+  addCommentForOverlayProp(oldButtonElements, j);
   const oldButtonsWithoutUnsupportedProps = oldButtonElements.filter(path => !ifHasUnsupportedProps(path.value.openingElement.attributes));
   oldButtonsWithoutUnsupportedProps.forEach(element => {
     var _element$value$childr;
@@ -57,18 +62,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) {
@@ -89,6 +100,10 @@ const transformer = (file, api) => {
       hasVariant.linkButton = true;
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.link, element.value, j));
     }
+    if (isLink && !isLoadingButton) {
+      hasVariant.link = true;
+      j(element).replaceWith(generateLinkComponent(element.node, j));
+    }
     if (isDefaultButton && !isLoadingButton) {
       hasVariant.defaultButton = true;
       j(element).replaceWith(generateNewElement(newDefaultImportSpecifiers !== null && newDefaultImportSpecifiers !== void 0 && newDefaultImportSpecifiers.length ?
@@ -180,6 +195,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/add-comment-for-custom-theme-buttons.js

@@ -1,5 +1,6 @@
 import { addCommentBefore } from '@atlaskit/codemod-utils';
 import { entryPointsMapping, customThemeButtonComment } from './constants';
+import { addCommentForOverlayProp } from './add-comment-for-overlay-prop';
 export const addCommentForCustomThemeButtons = (fileSource, j) => {
   var _fileSource$find$filt;
   let customThemeButtonImportName;
@@ -19,5 +20,6 @@ export const addCommentForCustomThemeButtons = (fileSource, j) => {
   if (!customThemeButtonElement.length) {
     return;
   }
+  addCommentForOverlayProp(customThemeButtonElement, j);
   addCommentBefore(j, j(customThemeButtonElement.get(0).node.openingElement), customThemeButtonComment, 'block');
 };

package/dist/es2019/presets/migrate-to-new-buttons/utils/add-comment-for-overlay-prop.js

@@ -0,0 +1,7 @@
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+import { overlayPropComment } from './constants';
+export const addCommentForOverlayProp = (oldButtons, j) => {
+  oldButtons.find(j.JSXAttribute).filter(attribute => attribute.node.name.name === 'overlay').forEach(attribute => {
+    addCommentBefore(j, j(attribute), overlayPropComment, 'block');
+  });
+};

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

@@ -34,6 +34,7 @@ export const buttonPropsNoLongerSupportedComment = `Buttons with "component", "c
 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.`;
 export const customThemeButtonComment = `CustomThemeButton will be deprecated. Please consider migrating to Pressable or Anchor Primitives with custom styles.`;
+export const overlayPropComment = `The 'overlay' prop has been deprecated. This only existed in legacy buttons for supporting loading spinners, which can now be achieved in new buttons using the \`isLoading\` prop. Please remove the \`overlay\` prop and consider using the new \`isLoading\` prop.`;
 export const loadingButtonComment = ({
   hasLinkAppearance,
   hasHref

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);
 

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.24.4", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.25.1", _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,87 @@
+import { getImportDeclaration } from '@hypermod/utils';
+import { PRINT_SETTINGS, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS } from '../utils/constants';
+import moveIconValueFromLinkButtonPropsToLinkChildren from '../utils/move-icon-value-from-link-button-to-link-children';
+import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
+import { modifyLinkAttributes } from '../utils/generate-link-element';
+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) {
+      j(path).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 (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

@@ -5,12 +5,15 @@ import { PRINT_SETTINGS, OLD_BUTTON_VARIANTS, NEW_BUTTON_VARIANTS, entryPointsMa
 import getDefaultImports from '../utils/get-default-imports';
 import getSpecifierNames from '../utils/get-specifier-names';
 import { generateNewElement, handleIconAttributes } from '../utils/generate-new-button-element';
+import { generateLinkComponent } from '../utils/generate-link-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 { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
 var transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
@@ -44,11 +47,13 @@ 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));
   });
+  addCommentForOverlayProp(oldButtonElements, j);
   var oldButtonsWithoutUnsupportedProps = oldButtonElements.filter(function (path) {
     return !ifHasUnsupportedProps(path.value.openingElement.attributes);
   });
@@ -64,18 +69,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) {
@@ -96,6 +107,10 @@ var transformer = function transformer(file, api) {
       hasVariant.linkButton = true;
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.link, element.value, j));
     }
+    if (isLink && !isLoadingButton) {
+      hasVariant.link = true;
+      j(element).replaceWith(generateLinkComponent(element.node, j));
+    }
     if (isDefaultButton && !isLoadingButton) {
       hasVariant.defaultButton = true;
       j(element).replaceWith(generateNewElement(newDefaultImportSpecifiers !== null && newDefaultImportSpecifiers !== void 0 && newDefaultImportSpecifiers.length ?
@@ -207,6 +222,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/add-comment-for-custom-theme-buttons.js

@@ -1,5 +1,6 @@
 import { addCommentBefore } from '@atlaskit/codemod-utils';
 import { entryPointsMapping, customThemeButtonComment } from './constants';
+import { addCommentForOverlayProp } from './add-comment-for-overlay-prop';
 export var addCommentForCustomThemeButtons = function addCommentForCustomThemeButtons(fileSource, j) {
   var _fileSource$find$filt;
   var customThemeButtonImportName;
@@ -23,5 +24,6 @@ export var addCommentForCustomThemeButtons = function addCommentForCustomThemeBu
   if (!customThemeButtonElement.length) {
     return;
   }
+  addCommentForOverlayProp(customThemeButtonElement, j);
   addCommentBefore(j, j(customThemeButtonElement.get(0).node.openingElement), customThemeButtonComment, 'block');
 };

package/dist/esm/presets/migrate-to-new-buttons/utils/add-comment-for-overlay-prop.js

@@ -0,0 +1,9 @@
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+import { overlayPropComment } from './constants';
+export var addCommentForOverlayProp = function addCommentForOverlayProp(oldButtons, j) {
+  oldButtons.find(j.JSXAttribute).filter(function (attribute) {
+    return attribute.node.name.name === 'overlay';
+  }).forEach(function (attribute) {
+    addCommentBefore(j, j(attribute), overlayPropComment, 'block');
+  });
+};

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

@@ -34,6 +34,7 @@ export var buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"
 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.";
 export var customThemeButtonComment = "CustomThemeButton will be deprecated. Please consider migrating to Pressable or Anchor Primitives with custom styles.";
+export var overlayPropComment = "The 'overlay' prop has been deprecated. This only existed in legacy buttons for supporting loading spinners, which can now be achieved in new buttons using the `isLoading` prop. Please remove the `overlay` prop and consider using the new `isLoading` prop.";
 export var loadingButtonComment = function loadingButtonComment(_ref) {
   var hasLinkAppearance = _ref.hasLinkAppearance,
     hasHref = _ref.hasHref;

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

@@ -0,0 +1,11 @@
+export var 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/esm/presets/migrate-to-new-buttons/utils/generate-link-element.js

@@ -0,0 +1,34 @@
+export var 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')));
+};
+export var 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/esm/presets/migrate-to-new-buttons/utils/generate-new-button-element.js

@@ -32,7 +32,6 @@ export var getIconElement = function getIconElement(iconAttr) {
 export var 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) {
@@ -107,6 +106,12 @@ export var generateNewElement = function generateNewElement(variant, element, j)
   var attributes = element.openingElement.attributes;
   var iconAttrs = attributes && getIconAttributes(attributes);
   var isIconOrLinkIcon = variant === NEW_BUTTON_VARIANTS.icon || variant === NEW_BUTTON_VARIANTS.linkIcon;
+  if (variant === 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);
 

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

@@ -0,0 +1,24 @@
+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);
+    }
+  }
+};
+export default moveIcon;

package/dist/types/presets/migrate-to-new-buttons/codemods/next-migrate-link-button-to-link.d.ts

@@ -0,0 +1,3 @@
+import { type API, type FileInfo } from 'jscodeshift';
+declare function transformer(file: FileInfo, api: API): string;
+export default transformer;

package/dist/types/presets/migrate-to-new-buttons/codemods/next-remove-unsafe-size.d.ts

@@ -1,2 +1,3 @@
 import { type API, type FileInfo } from 'jscodeshift';
-export default function (file: FileInfo, api: API): string;
+declare function transformer(file: FileInfo, api: API): string;
+export default transformer;

package/dist/types/presets/migrate-to-new-buttons/utils/add-comment-for-overlay-prop.d.ts

@@ -0,0 +1,2 @@
+import type { API, Collection, JSXElement } from 'jscodeshift';
+export declare const addCommentForOverlayProp: (oldButtons: Collection<JSXElement>, j: API['jscodeshift']) => void;

package/dist/types/presets/migrate-to-new-buttons/utils/constants.d.ts

@@ -22,6 +22,7 @@ export declare const buttonPropsNoLongerSupportedComment = "Buttons with \"compo
 export declare const migrateFitContainerButtonToDefaultButtonComment = "Migrated to a default button with text which is from the icon label.";
 export declare const migrateFitContainerButtonToIconButtonComment = "\"shouldFitContainer\" is not available in icon buttons, please consider using a default button with text.";
 export declare const customThemeButtonComment = "CustomThemeButton will be deprecated. Please consider migrating to Pressable or Anchor Primitives with custom styles.";
+export declare const overlayPropComment = "The 'overlay' prop has been deprecated. This only existed in legacy buttons for supporting loading spinners, which can now be achieved in new buttons using the `isLoading` prop. Please remove the `overlay` prop and consider using the new `isLoading` prop.";
 export declare const loadingButtonComment: ({ hasLinkAppearance, hasHref, }: {
     hasLinkAppearance: boolean;
     hasHref: boolean;