@atlaskit/codemod-cli 0.24.1 → 0.24.3

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

@@ -1,6 +1,9 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { addCommentBefore } from '@atlaskit/codemod-utils';
 import { getDefaultImportSpecifierName } from '@hypermod/utils';
-import { PRINT_SETTINGS, NEW_BUTTON_VARIANTS, entryPointsMapping, NEW_BUTTON_ENTRY_POINT, linkButtonMissingHrefComment, buttonPropsNoLongerSupportedComment, unsupportedProps } from '../utils/constants';
+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 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';
@@ -12,30 +15,44 @@ var transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
   addCommentForCustomThemeButtons(fileSource, j);
-  var buttonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
-    return path.node.source.value === entryPointsMapping.Button || path.node.source.value === entryPointsMapping.LoadingButton || path.node.source.value === NEW_BUTTON_ENTRY_POINT;
+
+  // Find old buttons
+  var oldButtonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === entryPointsMapping.Button || path.node.source.value === entryPointsMapping.LoadingButton || path.node.source.value === OLD_BUTTON_ENTRY_POINT;
   });
-  if (!buttonImports.length) {
+  if (!oldButtonImports.length) {
     return fileSource.toSource();
   }
-  var defaultButtonImport = buttonImports.find(j.Specifier).filter(function (path) {
-    return path.node.type === 'ImportDefaultSpecifier';
+  var oldDefaultDefaultImports = getDefaultImports(oldButtonImports, j);
+  var oldDefaultImportSpecifiers = getSpecifierNames(oldDefaultDefaultImports);
+
+  // Find new buttons
+  var newButtonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === NEW_BUTTON_ENTRY_POINT;
   });
-  if (defaultButtonImport.length === 0) {
-    return fileSource.toSource();
-  }
-  var specifierIdentifier = defaultButtonImport.get(0).node.local.name;
-  var hasLinkIconButton = checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.linkIcon, fileSource, j);
-  var hasLinkButton = checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.link, fileSource, j);
-  var hasIconButton = checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.icon, fileSource, j);
-  var allButtons = fileSource.find(j.JSXElement).filter(function (path) {
-    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier;
+  var newDefaultDefaultImports = getDefaultImports(newButtonImports, j);
+  var newDefaultImportSpecifiers = getSpecifierNames(newDefaultDefaultImports);
+  var loadingButtonDirectImportName = getDefaultImportSpecifierName(j, fileSource, entryPointsMapping.LoadingButton);
+
+  /**
+   * Which variants should be in this file?
+   *
+   * Any variants enabled here will be added to the final import statement.
+   * Initial values check if the variant is already imported in the file.
+   */
+  var hasVariant = {
+    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)
+  };
+  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));
   });
-  var buttonsWithoutUnsupportedProps = allButtons.filter(function (path) {
+  var oldButtonsWithoutUnsupportedProps = oldButtonElements.filter(function (path) {
     return !ifHasUnsupportedProps(path.value.openingElement.attributes);
   });
-  var loadingButtonImportName = getDefaultImportSpecifierName(j, fileSource, entryPointsMapping.LoadingButton);
-  buttonsWithoutUnsupportedProps.forEach(function (element) {
+  oldButtonsWithoutUnsupportedProps.forEach(function (element) {
     var _element$value$childr;
     var attributes = element.value.openingElement.attributes;
     if (!attributes) {
@@ -51,9 +68,14 @@ var transformer = function transformer(file, api) {
     var isLinkIconButton = hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
     var isLinkButton = hasHref && !isLinkIconButton;
     var isIconButton = !hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
-    var isDefaultButtonWithAnIcon = !isLinkIconButton && !isIconButton && !isFitContainerIconButton && hasIcon;
-    var isLoadingButton = element.value.openingElement.name.type === 'JSXIdentifier' && element.value.openingElement.name.name === loadingButtonImportName;
-    if (isDefaultButtonWithAnIcon) {
+    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) {
       handleIconAttributes(element.value, j);
     }
     if (isFitContainerIconButton) {
@@ -62,73 +84,86 @@ var transformer = function transformer(file, api) {
         isIconButton = true;
       }
     }
-    if (isLinkIconButton) {
-      hasLinkIconButton = true;
+    if (isLinkIconButton && !isLoadingButton) {
+      hasVariant.linkIconButton = true;
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.linkIcon, element.value, j));
     }
-    if (isIconButton) {
-      hasIconButton = true;
+    if (isIconButton && !isLoadingButton) {
+      hasVariant.iconButton = true;
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.icon, element.value, j));
     }
-    if (isLinkButton) {
-      hasLinkButton = true;
+    if (isLinkButton && !isLoadingButton) {
+      hasVariant.linkButton = true;
       j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.link, element.value, j));
     }
-    if (isLoadingButton) {
-      j(element).replaceWith(generateNewElement(NEW_BUTTON_VARIANTS.default, element.value, j));
+    if (isDefaultButton && !isLoadingButton) {
+      hasVariant.defaultButton = true;
+      j(element).replaceWith(generateNewElement(newDefaultImportSpecifiers !== null && newDefaultImportSpecifiers !== void 0 && newDefaultImportSpecifiers.length ?
+      // If new button already has a default import, use that incase it's aliased
+      newDefaultImportSpecifiers[0] : NEW_BUTTON_VARIANTS.default, element.value, j));
     }
-    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 (!hasHref && linkAppearanceAttribute) {
+    if (isLoadingButton) {
+      var newElement = generateNewElement(NEW_BUTTON_VARIANTS[isIconButton || isLinkIconButton ? 'icon' : 'default'], element.value, j);
+      if (isIconButton || isLinkIconButton) {
+        hasVariant.iconButton = true;
+      } else {
+        hasVariant.defaultButton = true;
+      }
+      j(element).replaceWith(newElement);
+      if (hasHref || linkAppearanceAttribute) {
+        addCommentBefore(j, j(newElement), loadingButtonComment({
+          hasHref: hasHref,
+          hasLinkAppearance: Boolean(linkAppearanceAttribute)
+        }), 'block');
+      }
+    } else if (!hasHref && linkAppearanceAttribute) {
       addCommentBefore(j, j(linkAppearanceAttribute), linkButtonMissingHrefComment, 'line');
     }
   });
 
   // modify import declarations
   var specifiers = [];
-  [hasLinkButton ? 'link' : null, hasIconButton ? 'icon' : null, hasLinkIconButton ? 'linkIcon' : null].forEach(function (variant) {
+  [hasVariant.linkButton ? 'link' : null, hasVariant.iconButton ? 'icon' : null, hasVariant.linkIconButton ? 'linkIcon' : null].forEach(function (variant) {
     if (variant) {
       specifiers.push(j.importSpecifier(j.identifier(NEW_BUTTON_VARIANTS[variant])));
     }
   });
-  var oldButtonImport = fileSource.find(j.ImportDeclaration).filter(function (path) {
-    return path.node.source.value === NEW_BUTTON_ENTRY_POINT || path.node.source.value === entryPointsMapping.Button || path.node.source.value === entryPointsMapping.LoadingButton;
-  });
   var remainingDefaultButtons = fileSource.find(j.JSXElement).filter(function (path) {
-    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier && !ifHasUnsupportedProps(path.value.openingElement.attributes);
+    return path.value.openingElement.name.type === 'JSXIdentifier' && Boolean(oldDefaultImportSpecifiers === null || oldDefaultImportSpecifiers === void 0 ? void 0 : oldDefaultImportSpecifiers.includes(path.value.openingElement.name.name)) && !ifHasUnsupportedProps(path.value.openingElement.attributes);
   }).length > 0 || fileSource.find(j.CallExpression).filter(function (path) {
     return path.node.arguments.map(function (argument) {
       return argument.type === 'Identifier' && (argument === null || argument === void 0 ? void 0 : argument.name);
-    }).includes(specifierIdentifier);
+    }).some(function (name) {
+      return name && (oldDefaultImportSpecifiers === null || oldDefaultImportSpecifiers === void 0 ? void 0 : oldDefaultImportSpecifiers.includes(name));
+    });
   }).length > 0;
 
   // Loading buttons map back to default imports
-  if (specifierIdentifier === loadingButtonImportName) {
+  if (loadingButtonDirectImportName && oldDefaultImportSpecifiers !== null && oldDefaultImportSpecifiers !== void 0 && oldDefaultImportSpecifiers.includes(loadingButtonDirectImportName)) {
     fileSource
     // rename LoadingButton to Button in all call expressions i.e. render(LoadingButton), find(LoadingButton)
     .find(j.CallExpression).find(j.Identifier).forEach(function (path) {
-      if (path.node.name === loadingButtonImportName) {
+      if (path.node.name === loadingButtonDirectImportName) {
         path.node.name = NEW_BUTTON_VARIANTS.default;
       }
     });
-    specifiers.push(j.importDefaultSpecifier(j.identifier(NEW_BUTTON_VARIANTS.default)));
   }
-  if (!specifiers.find(function (specifier) {
+
+  // Only add the Button import if we found a default button, not icon only
+  if (hasVariant.defaultButton || !specifiers.find(function (specifier) {
     return specifier.type === 'ImportDefaultSpecifier';
   }) && remainingDefaultButtons) {
     specifiers.push(j.importDefaultSpecifier(j.identifier(NEW_BUTTON_VARIANTS.default)));
   }
 
   // update import path for types imports
-  specifiers = importTypesFromNewEntryPoint(buttonImports, specifiers, j, fileSource);
-  var buttonsWithUnsupportedProps = allButtons.filter(function (path) {
+  specifiers = importTypesFromNewEntryPoint(oldButtonImports, specifiers, j, fileSource);
+  var oldButtonsWithUnsupportedProps = oldButtonElements.filter(function (path) {
     return ifHasUnsupportedProps(path.value.openingElement.attributes);
   });
-  if (buttonsWithUnsupportedProps.length) {
+  if (oldButtonsWithUnsupportedProps.length) {
     // add comment to all buttons with unsupported props: "component", "style", "css"
-    buttonsWithUnsupportedProps.forEach(function (element) {
+    oldButtonsWithUnsupportedProps.forEach(function (element) {
       var _element$value$openin;
       var attribute = (_element$value$openin = element.value.openingElement.attributes) === null || _element$value$openin === void 0 ? void 0 : _element$value$openin.find(function (node) {
         return node.type === 'JSXAttribute' && typeof node.name.name === 'string' && unsupportedProps.includes(node.name.name);
@@ -142,16 +177,56 @@ var transformer = function transformer(file, api) {
     if (specifiers.find(function (specifier) {
       return specifier.type === 'ImportDefaultSpecifier';
     })) {
-      renameDefaultButtonToLegacyButtonImport(oldButtonImport, buttonsWithUnsupportedProps, j);
+      renameDefaultButtonToLegacyButtonImport(oldButtonImports, oldButtonsWithUnsupportedProps, j);
     }
   }
   if (specifiers.length) {
+    var existingNewButtonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
+      return path.node.source.value === NEW_BUTTON_ENTRY_POINT;
+    });
     var newButtonImport = j.importDeclaration(specifiers, j.stringLiteral(NEW_BUTTON_ENTRY_POINT));
-    oldButtonImport.forEach(function (path) {
+    oldButtonImports.forEach(function (path) {
       var _path$node;
       newButtonImport.comments = path !== null && path !== void 0 && (_path$node = path.node) !== null && _path$node !== void 0 && _path$node.comments ? path.node.comments : undefined;
     });
-    oldButtonImport.replaceWith(newButtonImport);
+    if (existingNewButtonImports.length) {
+      existingNewButtonImports.forEach(function (path) {
+        // Merge specifiers from existing new button import with added specifiers
+        var mergedSpecifiers = [].concat(_toConsumableArray(specifiers.filter(function (specifier) {
+          var _path$node$specifiers;
+          if (specifier.type !== 'ImportDefaultSpecifier') {
+            return true;
+          }
+
+          // Ensure we don't add a duplicate default specifier if one is already imported
+          return !((_path$node$specifiers = path.node.specifiers) !== null && _path$node$specifiers !== void 0 && _path$node$specifiers.find(function (s) {
+            return s.type === 'ImportDefaultSpecifier';
+          }));
+        })), _toConsumableArray(path.node.specifiers ? path.node.specifiers : [])) // Filter duplicates
+        .filter(function (specifier) {
+          if (specifier.type === 'ImportDefaultSpecifier') {
+            return true;
+          }
+          var isAlreadyImported = specifiers.find(function (s) {
+            var _specifier$local;
+            return s.type === 'ImportSpecifier' && s.imported.name === ((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name);
+          });
+          return !isAlreadyImported;
+        });
+        newButtonImport = j.importDeclaration(mergedSpecifiers, j.stringLiteral(NEW_BUTTON_ENTRY_POINT));
+      });
+      oldButtonImports.remove();
+      existingNewButtonImports.replaceWith(newButtonImport);
+    } else {
+      oldButtonImports.replaceWith(function (_, index) {
+        // Only replace the first import
+        if (index === 0) {
+          return newButtonImport;
+        }
+        // Remove the rest
+        return null;
+      });
+    }
   }
 
   // remove empty import declarations

package/dist/esm/presets/migrate-to-new-buttons/codemods/next-split-imports.js

@@ -1,5 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { PRINT_SETTINGS, entryPointsMapping, BUTTON_TYPES, NEW_BUTTON_ENTRY_POINT } from '../utils/constants';
+import renameElements from '../utils/rename-elements';
+import { getDefaultImportSpecifierName } from '@hypermod/utils';
 var transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
@@ -16,6 +18,8 @@ var transformer = function transformer(file, api) {
     var _node$node = node.node,
       specifiers = _node$node.specifiers,
       source = _node$node.source;
+
+    // Return early if the import is not a named import
     if ([].concat(_toConsumableArray(Object.values(entryPointsMapping)), [NEW_BUTTON_ENTRY_POINT, '@atlaskit/button/types']).includes(source.value)) {
       return fileSource.toSource(PRINT_SETTINGS);
     }
@@ -23,16 +27,22 @@ var transformer = function transformer(file, api) {
       return specifier.type === 'ImportDefaultSpecifier';
     });
     if (defaultSpecifier && defaultSpecifier.local) {
-      var defaultButtonImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier(defaultSpecifier.local.name))], j.stringLiteral(entryPointsMapping.Button));
-      j(node).insertAfter(defaultButtonImport);
+      var existingSpecifier = getDefaultImportSpecifierName(j, fileSource, entryPointsMapping.Button);
+      if (existingSpecifier) {
+        var _defaultSpecifier$loc;
+        renameElements((_defaultSpecifier$loc = defaultSpecifier.local) === null || _defaultSpecifier$loc === void 0 ? void 0 : _defaultSpecifier$loc.name, existingSpecifier, fileSource, j);
+      } else {
+        var newImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier(defaultSpecifier.local.name))], j.stringLiteral(entryPointsMapping.Button));
+        j(node).insertAfter(newImport);
+      }
     }
-    var valueSpecifiers = specifiers === null || specifiers === void 0 ? void 0 : specifiers.filter(function (specifier) {
+    var namedSpecifiers = specifiers === null || specifiers === void 0 ? void 0 : specifiers.filter(function (specifier) {
       return specifier.type === 'ImportSpecifier';
     });
-    var newTypeSpecifier = valueSpecifiers === null || valueSpecifiers === void 0 ? void 0 : valueSpecifiers.filter(function (specifier) {
+    var newTypeSpecifier = namedSpecifiers === null || namedSpecifiers === void 0 ? void 0 : namedSpecifiers.filter(function (specifier) {
       return specifier.type === 'ImportSpecifier' && (specifier.imported.name === 'Appearance' || specifier.imported.name === 'Spacing');
     });
-    var otherTypeSpecifiers = valueSpecifiers === null || valueSpecifiers === void 0 ? void 0 : valueSpecifiers.filter(function (specifier) {
+    var otherTypeSpecifiers = namedSpecifiers === null || namedSpecifiers === void 0 ? void 0 : namedSpecifiers.filter(function (specifier) {
       return BUTTON_TYPES.includes(specifier.imported.name);
     });
     if (newTypeSpecifier !== null && newTypeSpecifier !== void 0 && newTypeSpecifier.length) {
@@ -43,11 +53,17 @@ var transformer = function transformer(file, api) {
       var _typeImport = j.importDeclaration(otherTypeSpecifiers, j.stringLiteral('@atlaskit/button'));
       j(node).insertAfter(_typeImport);
     }
-    if (valueSpecifiers !== null && valueSpecifiers !== void 0 && valueSpecifiers.length) {
-      valueSpecifiers.forEach(function (specifier) {
+    if (namedSpecifiers !== null && namedSpecifiers !== void 0 && namedSpecifiers.length) {
+      namedSpecifiers.forEach(function (specifier) {
         if (specifier.local && specifier.type === 'ImportSpecifier' && specifier.local.name && entryPointsMapping[specifier.imported.name]) {
-          var newImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier(specifier.local.name))], j.stringLiteral(entryPointsMapping[specifier.imported.name]));
-          j(node).insertAfter(newImport);
+          var _existingSpecifier = getDefaultImportSpecifierName(j, fileSource, entryPointsMapping[specifier.imported.name]);
+          if (_existingSpecifier) {
+            var _specifier$local;
+            renameElements((_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name, _existingSpecifier, fileSource, j);
+          } else {
+            var _newImport = j.importDeclaration([j.importDefaultSpecifier(j.identifier(specifier.local.name))], j.stringLiteral(entryPointsMapping[specifier.imported.name]));
+            j(node).insertAfter(_newImport);
+          }
         }
       });
     }

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

@@ -1,13 +1,21 @@
 export var PRINT_SETTINGS = {
   quote: 'single'
 };
+
+/** NEW button **/
+export var NEW_BUTTON_ENTRY_POINT = '@atlaskit/button/new';
 export var NEW_BUTTON_VARIANTS = {
   default: 'Button',
   link: 'LinkButton',
   icon: 'IconButton',
   linkIcon: 'LinkIconButton'
 };
-export var NEW_BUTTON_ENTRY_POINT = '@atlaskit/button/new';
+
+/** OLD button **/
+export var OLD_BUTTON_ENTRY_POINT = '@atlaskit/button';
+export var OLD_BUTTON_VARIANTS = {
+  loading: 'LoadingButton'
+};
 export var entryPointsMapping = {
   Button: '@atlaskit/button/standard-button',
   LoadingButton: '@atlaskit/button/loading-button',
@@ -25,4 +33,9 @@ export var linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearan
 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.";
-export var customThemeButtonComment = "CustomThemeButton will be deprecated. Please consider migrating to Pressable or Anchor Primitives with custom styles.";
+export var customThemeButtonComment = "CustomThemeButton will be deprecated. Please consider migrating to Pressable or Anchor Primitives with custom styles.";
+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.");
+};

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

@@ -51,7 +51,10 @@ export var handleIconAttributes = function handleIconAttributes(element, j) {
     var buttonAlreadyHasLabelProp = buttonAttributes === null || buttonAttributes === void 0 ? void 0 : buttonAttributes.find(function (buttonAttribute) {
       return buttonAttribute.type === 'JSXAttribute' && buttonAttribute.name.name === 'label';
     });
-    if (!buttonAlreadyHasLabelProp) {
+    var buttonAlreadyHasAriaLabelProp = buttonAttributes === null || buttonAttributes === void 0 ? void 0 : buttonAttributes.find(function (buttonAttribute) {
+      return buttonAttribute.type === 'JSXAttribute' && buttonAttribute.name.name === 'aria-label';
+    });
+    if (!buttonAlreadyHasLabelProp && !buttonAlreadyHasAriaLabelProp) {
       var labelAttribute = iconAttributes.find(function (attribute) {
         return attribute.type === 'JSXAttribute' && attribute.name.name === 'label';
       });
@@ -117,12 +120,18 @@ export var generateNewElement = function generateNewElement(variant, element, j)
         return attribute.type === 'JSXAttribute' && attribute.name.name === 'label';
       }));
       if (hasNoLabelProp && attributes) {
-        attributes.push(j.jsxAttribute(j.jsxIdentifier('label'), ariaLabelAttr.get().node.value));
+        attributes.unshift(j.jsxAttribute.from({
+          name: j.jsxIdentifier('label'),
+          value: j.literal(ariaLabelAttr.get().value.value.value)
+        }));
       }
       ariaLabelAttr.remove();
     }
   }
-  return j.jsxElement(
-  // self closing if it's an icon button or icon link button
-  j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isIconOrLinkIcon), isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)), element.children);
+  return j.jsxElement.from({
+    openingElement: j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isIconOrLinkIcon),
+    // self closing if it's an icon button or icon link button
+    closingElement: isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)),
+    children: element.children
+  });
 };

package/dist/esm/presets/migrate-to-new-buttons/utils/get-default-imports.js

@@ -0,0 +1,8 @@
+/**
+ * Returns default import specifiers from the given import declarations.
+ */
+export default function getDefaultImports(importDeclarations, j) {
+  return importDeclarations.find(j.Specifier).filter(function (path) {
+    return path.node.type === 'ImportDefaultSpecifier';
+  });
+}

package/dist/esm/presets/migrate-to-new-buttons/utils/get-specifier-names.js

@@ -0,0 +1,8 @@
+/**
+ * Returns a list of specifier names from the given specifiers.
+ */
+export default function getSpecifierNames(specifiers) {
+  return specifiers.length ? specifiers.paths().map(function (path) {
+    return path.get().value.local.name;
+  }) : undefined;
+}

package/dist/esm/presets/migrate-to-new-buttons/utils/if-variant-already-imported.js

@@ -1,8 +1,16 @@
-import { NEW_BUTTON_ENTRY_POINT } from './constants';
-export var checkIfVariantAlreadyImported = function checkIfVariantAlreadyImported(variant, fileSource, j) {
-  return fileSource.find(j.ImportDeclaration).filter(function (path) {
-    return path.node.source.value === NEW_BUTTON_ENTRY_POINT;
-  }).find(j.ImportSpecifier).filter(function (path) {
+export var findVariantAlreadyImported = function findVariantAlreadyImported(variant, entryPoint, fileSource, j) {
+  var isDefaultSpecifier = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var imports = fileSource.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === entryPoint;
+  });
+  if (isDefaultSpecifier) {
+    return imports.find(j.ImportDefaultSpecifier);
+  }
+  return imports.find(j.ImportSpecifier).filter(function (path) {
     return path.node.imported.name === variant;
-  }).length > 0;
+  });
+};
+export var checkIfVariantAlreadyImported = function checkIfVariantAlreadyImported(variant, entryPoint, fileSource, j) {
+  var isDefaultSpecifier = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  return findVariantAlreadyImported(variant, entryPoint, fileSource, j, isDefaultSpecifier).length > 0;
 };

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

@@ -0,0 +1,12 @@
+export default function renameElements(elementName, newElementName, fileSource, j) {
+  var oldElements = fileSource.find(j.JSXElement).filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === elementName;
+  });
+
+  // Rename elements to match existing import name
+  oldElements.forEach(function (element) {
+    var _element$value$childr, _element$value$childr2;
+    var newElement = j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(newElementName), element.value.openingElement.attributes, ((_element$value$childr = element.value.children) === null || _element$value$childr === void 0 ? void 0 : _element$value$childr.length) === 0), ((_element$value$childr2 = element.value.children) === null || _element$value$childr2 === void 0 ? void 0 : _element$value$childr2.length) === 0 ? null : j.jsxClosingElement(j.jsxIdentifier(newElementName)), element.value.children);
+    j(element).replaceWith(newElement);
+  });
+}

package/dist/types/main.d.ts

@@ -1,4 +1,4 @@
-import { Flags, Default } from './types';
+import { type Flags, type Default } from './types';
 declare const defaultFlags: {
     parser: "babel";
     extensions: string;

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

@@ -1,10 +1,16 @@
 export declare const PRINT_SETTINGS: {
     quote: "single";
 };
+/** NEW button **/
+export declare const NEW_BUTTON_ENTRY_POINT = "@atlaskit/button/new";
 export declare const NEW_BUTTON_VARIANTS: {
     [key: string]: string;
 };
-export declare const NEW_BUTTON_ENTRY_POINT = "@atlaskit/button/new";
+/** OLD button **/
+export declare const OLD_BUTTON_ENTRY_POINT = "@atlaskit/button";
+export declare const OLD_BUTTON_VARIANTS: {
+    [key: string]: string;
+};
 export declare const entryPointsMapping: {
     [key: string]: string;
 };
@@ -16,3 +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 loadingButtonComment: ({ hasLinkAppearance, hasHref, }: {
+    hasLinkAppearance: boolean;
+    hasHref: boolean;
+}) => string;

package/dist/types/presets/migrate-to-new-buttons/utils/get-default-imports.d.ts

@@ -0,0 +1,5 @@
+import { type API, type Collection, type ImportDeclaration, type Specifier } from 'jscodeshift';
+/**
+ * Returns default import specifiers from the given import declarations.
+ */
+export default function getDefaultImports(importDeclarations: Collection<ImportDeclaration>, j: API['jscodeshift']): Collection<Specifier>;

package/dist/types/presets/migrate-to-new-buttons/utils/get-specifier-names.d.ts

@@ -0,0 +1,5 @@
+import { type Collection, type Specifier } from 'jscodeshift';
+/**
+ * Returns a list of specifier names from the given specifiers.
+ */
+export default function getSpecifierNames(specifiers: Collection<Specifier>): string[] | undefined;

package/dist/types/presets/migrate-to-new-buttons/utils/if-variant-already-imported.d.ts

@@ -1,2 +1,3 @@
 import type { API, Collection } from 'jscodeshift';
-export declare const checkIfVariantAlreadyImported: (variant: string, fileSource: Collection<any>, j: API['jscodeshift']) => boolean;
+export declare const findVariantAlreadyImported: (variant: string, entryPoint: string, fileSource: Collection<any>, j: API['jscodeshift'], isDefaultSpecifier?: boolean) => Collection<any>;
+export declare const checkIfVariantAlreadyImported: (variant: string, entryPoint: string, fileSource: Collection<any>, j: API['jscodeshift'], isDefaultSpecifier?: boolean) => boolean;

package/dist/types/presets/migrate-to-new-buttons/utils/migrate-fit-container-icon-button.d.ts

@@ -1,3 +1,3 @@
 import type { API, ASTPath } from 'jscodeshift';
-import { JSXElement } from 'jscodeshift';
+import { type JSXElement } from 'jscodeshift';
 export declare const migrateFitContainerIconButton: (element: ASTPath<JSXElement>, j: API['jscodeshift']) => boolean;

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

@@ -0,0 +1,2 @@
+import type { API, Collection } from 'jscodeshift';
+export default function renameElements(elementName: string, newElementName: string, fileSource: Collection<any>, j: API['jscodeshift']): void;

package/dist/types/presets/styled-to-emotion/styled-to-emotion.d.ts

@@ -1,4 +1,4 @@
-import { FileInfo, API, Options } from 'jscodeshift';
+import type { FileInfo, API, Options } from 'jscodeshift';
 /**
  * Converts all imports of `styled-components` to `@emotion/styled`
  */

package/dist/types/presets/theme-remove-deprecated-mixins/theme-remove-deprecated-mixins.d.ts

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

package/dist/types/presets/upgrade-pragmatic-drag-and-drop-to-stable/upgrade-pragmatic-drag-and-drop-to-stable.d.ts

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

package/dist/types/sinceRef.d.ts

@@ -1,4 +1,4 @@
-import { ParsedPkg } from './types';
+import { type ParsedPkg } from './types';
 /** Returns packages that have been upgraded in package.json since ref. The version refers to their previous
  * version
  */

package/dist/types/transforms.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="node" />
-import path, { ParsedPath } from 'path';
-import { ParsedPkg } from './types';
+import path, { type ParsedPath } from 'path';
+import { type ParsedPkg } from './types';
 export declare const hasTransform: (transformPath: string) => boolean;
 /** Retrieves transforms for `packages` if provided, otherwise all transforms including presets */
 export declare const getTransforms: (packages?: ParsedPkg[]) => ParsedPath[];

package/dist/types/types.d.ts

@@ -1,4 +1,4 @@
-import { FileInfo, API, Options } from 'jscodeshift';
+import { type FileInfo, type API, type Options } from 'jscodeshift';
 export type Transform = (fileInfo: FileInfo, { jscodeshift }: API, options: Options) => string;
 export type CliFlags = {
     /**

package/dist/types-ts4.5/main.d.ts

@@ -1,4 +1,4 @@
-import { Flags, Default } from './types';
+import { type Flags, type Default } from './types';
 declare const defaultFlags: {
     parser: "babel";
     extensions: string;

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

@@ -1,10 +1,16 @@
 export declare const PRINT_SETTINGS: {
     quote: "single";
 };
+/** NEW button **/
+export declare const NEW_BUTTON_ENTRY_POINT = "@atlaskit/button/new";
 export declare const NEW_BUTTON_VARIANTS: {
     [key: string]: string;
 };
-export declare const NEW_BUTTON_ENTRY_POINT = "@atlaskit/button/new";
+/** OLD button **/
+export declare const OLD_BUTTON_ENTRY_POINT = "@atlaskit/button";
+export declare const OLD_BUTTON_VARIANTS: {
+    [key: string]: string;
+};
 export declare const entryPointsMapping: {
     [key: string]: string;
 };
@@ -16,3 +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 loadingButtonComment: ({ hasLinkAppearance, hasHref, }: {
+    hasLinkAppearance: boolean;
+    hasHref: boolean;
+}) => string;

package/dist/types-ts4.5/presets/migrate-to-new-buttons/utils/get-default-imports.d.ts

@@ -0,0 +1,5 @@
+import { type API, type Collection, type ImportDeclaration, type Specifier } from 'jscodeshift';
+/**
+ * Returns default import specifiers from the given import declarations.
+ */
+export default function getDefaultImports(importDeclarations: Collection<ImportDeclaration>, j: API['jscodeshift']): Collection<Specifier>;

package/dist/types-ts4.5/presets/migrate-to-new-buttons/utils/get-specifier-names.d.ts

@@ -0,0 +1,5 @@
+import { type Collection, type Specifier } from 'jscodeshift';
+/**
+ * Returns a list of specifier names from the given specifiers.
+ */
+export default function getSpecifierNames(specifiers: Collection<Specifier>): string[] | undefined;