@atlaskit/codemod-cli 0.24.4 → 0.25.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/codemod-cli
 
+## 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
+
+- [#111403](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111403)
+  [`cc57d517bca2a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cc57d517bca2a) -
+  Migrate to new buttons codemod now adds comment for deprecated `overlay` props.
+
 ## 0.24.4
 
 ### Patch Changes

package/README.md

@@ -1,10 +1,13 @@
 # Codemods
 
-To easily download and run codemods associated with atlassian-frontend components and services, we provide a CLI tool called `@atlaskit/codemod-cli`.
+To easily download and run codemods associated with atlassian-frontend components and services, we
+provide a CLI tool called `@atlaskit/codemod-cli`.
 
-The idea is that upgrading major versions can be **assisted** by codemods, reducing upgrade-pain, improving adoption and giving component authors the flexibility to improve API and component design.
+The idea is that upgrading major versions can be **assisted** by codemods, reducing upgrade-pain,
+improving adoption and giving component authors the flexibility to improve API and component design.
 
-**Note:** Codemods will be designed to do the heavy lifting, but they'll often not be perfect so some manual work may still be required in order to successfully migrate.
+**Note:** Codemods will be designed to do the heavy lifting, but they'll often not be perfect so
+some manual work may still be required in order to successfully migrate.
 
 ---
 
@@ -16,7 +19,8 @@ The idea is that upgrading major versions can be **assisted** by codemods, reduc
 
 ### --preset, -n
 
-Select which transform to run from existing transform list by providing the preset name. This will allow you run the transfrom without any interaction.
+Select which transform to run from existing transform list by providing the preset name. This will
+allow you run the transfrom without any interaction.
 
 **example:**
 
@@ -33,7 +37,8 @@ The transform to run, transforms can be either a single file or directory with a
 
 ### --since-ref <git-ref>
 
-Determines changed packages since the specified git ref and runs all codemods for them. The automatic version of `--packages`. The ref can be any valid git ref, e.g. a commit hash, HEAD etc.
+Determines changed packages since the specified git ref and runs all codemods for them. The
+automatic version of `--packages`. The ref can be any valid git ref, e.g. a commit hash, HEAD etc.
 
 **example:**
 
@@ -42,7 +47,8 @@ Determines changed packages since the specified git ref and runs all codemods fo
 
 ### --packages
 
-Runs transforms for the specified comma separated list of packages, optionally include a version for each package to run all transforms since that version
+Runs transforms for the specified comma separated list of packages, optionally include a version for
+each package to run all transforms since that version
 
 **example:**
 
@@ -85,7 +91,9 @@ Ignore files that match a provided glob expression
 
 ### --no-filter-paths
 
-The codemod CLI filters supplied file paths by default, improving runtime by preventing codemods from running in non-dependent packages. Add this flag if there are problems with the filtering logic.
+The codemod CLI filters supplied file paths by default, improving runtime by preventing codemods
+from running in non-dependent packages. Add this flag if there are problems with the filtering
+logic.
 
 **example:**
 
@@ -110,7 +118,8 @@ Print all help text to the command line
 
 ### Custom options
 
-All options are passed to the transformer, which means you can supply custom options that are not listed here.
+All options are passed to the transformer, which means you can supply custom options that are not
+listed here.
 
 **examples:**
 
@@ -132,4 +141,5 @@ For a list of commands run it with `-h` or refer to the documentation above.
 
 ## For internal Atlassians
 
-_Internal Atlassians can access [additional documentation on Confluence](https://hello.atlassian.net/wiki/spaces/AF/pages/2627171992/Codemods)._
+_Internal Atlassians can access
+[additional documentation on Confluence](https://hello.atlassian.net/wiki/spaces/AF/pages/2627171992/Codemods)._

package/bin/codemod-cli.js

@@ -8,16 +8,16 @@ const project = path.join(__dirname, '../tsconfig.json');
 const dev = fs.existsSync(project);
 
 if (dev && !require.extensions['.ts']) {
-  // ts-node can only handle being registered once, see https://github.com/TypeStrong/ts-node/issues/409
-  require('ts-node').register({ project });
+	// ts-node can only handle being registered once, see https://github.com/TypeStrong/ts-node/issues/409
+	require('ts-node').register({ project });
 }
 
 require(path.join('..', dev ? 'src/cli' : 'dist/cjs/cli'))
-  .run()
-  .catch((error) => {
-    if (typeof error === 'number') {
-      process.exit(error);
-    }
-    console.error(error);
-    process.exit(1);
-  });
+	.run()
+	.catch((error) => {
+		if (typeof error === 'number') {
+			process.exit(error);
+		}
+		console.error(error);
+		process.exit(1);
+	});

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.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.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,94 @@
+"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 _constants = require("../utils/constants");
+var _moveIconValueFromLinkButtonToLinkChildren = _interopRequireDefault(require("../utils/move-icon-value-from-link-button-to-link-children"));
+var _findAttributeWithValue = require("../utils/find-attribute-with-value");
+var _generateLinkElement = require("../utils/generate-link-element");
+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) {
+      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;
+      (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

@@ -12,12 +12,15 @@ var _constants = require("../utils/constants");
 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 _generateLinkElement = require("../utils/generate-link-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 _findAttributeWithValue = require("../utils/find-attribute-with-value");
 var transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
@@ -51,11 +54,13 @@ 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));
   });
+  (0, _addCommentForOverlayProp.addCommentForOverlayProp)(oldButtonElements, j);
   var oldButtonsWithoutUnsupportedProps = oldButtonElements.filter(function (path) {
     return !(0, _hasUnsupportedProps.ifHasUnsupportedProps)(path.value.openingElement.attributes);
   });
@@ -71,18 +76,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) {
@@ -103,6 +114,10 @@ var transformer = function transformer(file, api) {
       hasVariant.linkButton = true;
       j(element).replaceWith((0, _generateNewButtonElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS.link, element.value, j));
     }
+    if (isLink && !isLoadingButton) {
+      hasVariant.link = true;
+      j(element).replaceWith((0, _generateLinkElement.generateLinkComponent)(element.node, j));
+    }
     if (isDefaultButton && !isLoadingButton) {
       hasVariant.defaultButton = true;
       j(element).replaceWith((0, _generateNewButtonElement.generateNewElement)(newDefaultImportSpecifiers !== null && newDefaultImportSpecifiers !== void 0 && newDefaultImportSpecifiers.length ?
@@ -214,6 +229,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/add-comment-for-custom-theme-buttons.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.addCommentForCustomThemeButtons = void 0;
 var _codemodUtils = require("@atlaskit/codemod-utils");
 var _constants = require("./constants");
+var _addCommentForOverlayProp = require("./add-comment-for-overlay-prop");
 var addCommentForCustomThemeButtons = exports.addCommentForCustomThemeButtons = function addCommentForCustomThemeButtons(fileSource, j) {
   var _fileSource$find$filt;
   var customThemeButtonImportName;
@@ -29,5 +30,6 @@ var addCommentForCustomThemeButtons = exports.addCommentForCustomThemeButtons =
   if (!customThemeButtonElement.length) {
     return;
   }
+  (0, _addCommentForOverlayProp.addCommentForOverlayProp)(customThemeButtonElement, j);
   (0, _codemodUtils.addCommentBefore)(j, j(customThemeButtonElement.get(0).node.openingElement), _constants.customThemeButtonComment, 'block');
 };

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addCommentForOverlayProp = void 0;
+var _codemodUtils = require("@atlaskit/codemod-utils");
+var _constants = require("./constants");
+var addCommentForOverlayProp = exports.addCommentForOverlayProp = function addCommentForOverlayProp(oldButtons, j) {
+  oldButtons.find(j.JSXAttribute).filter(function (attribute) {
+    return attribute.node.name.name === 'overlay';
+  }).forEach(function (attribute) {
+    (0, _codemodUtils.addCommentBefore)(j, j(attribute), _constants.overlayPropComment, 'block');
+  });
+};

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.unsupportedProps = 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.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;
 var PRINT_SETTINGS = exports.PRINT_SETTINGS = {
   quote: 'single'
 };
@@ -40,6 +40,7 @@ var buttonPropsNoLongerSupportedComment = exports.buttonPropsNoLongerSupportedCo
 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.";
 var customThemeButtonComment = exports.customThemeButtonComment = "CustomThemeButton will be deprecated. Please consider migrating to Pressable or Anchor Primitives with custom styles.";
+var overlayPropComment = exports.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.";
 var loadingButtonComment = exports.loadingButtonComment = function loadingButtonComment(_ref) {
   var hasLinkAppearance = _ref.hasLinkAppearance,
     hasHref = _ref.hasHref;

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

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

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,81 @@
+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) {
+  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) {
+      j(path).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 (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;