@atlaskit/codemod-cli 0.20.0 → 0.21.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/codemod-cli
 
+## 0.21.0
+
+### Minor Changes
+
+- [#87074](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/87074) [`92be609ad553`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/92be609ad553) - Adds migration support for LoadingButtons
+
+## 0.20.1
+
+### Patch Changes
+
+- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
+
 ## 0.20.0
 
 ### Minor Changes

package/cli/package.json

@@ -5,7 +5,7 @@
   "module:es2019": "../dist/es2019/cli.js",
   "types": "../dist/types/cli.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/cli.d.ts"
       ]

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.20.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.21.0", _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-to-new-button-variants.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _codemodUtils = require("@atlaskit/codemod-utils");
+var _utils = require("@hypermod/utils");
 var _constants = require("../utils/constants");
 var _generateNewButtonElement = require("../utils/generate-new-button-element");
 var _hasUnsupportedProps = require("../utils/has-unsupported-props");
@@ -16,7 +17,7 @@ var transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
   var buttonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
-    return path.node.source.value === _constants.entryPointsMapping.Button || path.node.source.value === _constants.NEW_BUTTON_ENTRY_POINT;
+    return path.node.source.value === _constants.entryPointsMapping.Button || path.node.source.value === _constants.entryPointsMapping.LoadingButton || path.node.source.value === _constants.NEW_BUTTON_ENTRY_POINT;
   });
   if (!buttonImports.length) {
     return fileSource.toSource();
@@ -37,6 +38,7 @@ var transformer = function transformer(file, api) {
   var buttonsWithoutUnsupportedProps = allButtons.filter(function (path) {
     return !(0, _hasUnsupportedProps.ifHasUnsupportedProps)(path.value.openingElement.attributes);
   });
+  var loadingButtonImportName = (0, _utils.getDefaultImportSpecifierName)(j, fileSource, _constants.entryPointsMapping.LoadingButton);
   buttonsWithoutUnsupportedProps.forEach(function (element) {
     var _element$value$childr;
     var attributes = element.value.openingElement.attributes;
@@ -54,6 +56,7 @@ var transformer = function transformer(file, api) {
     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) {
       (0, _generateNewButtonElement.moveSizeAndLabelAttributes)(element.value, j);
     }
@@ -75,6 +78,9 @@ var transformer = function transformer(file, api) {
       hasLinkButton = true;
       j(element).replaceWith((0, _generateNewButtonElement.generateNewElement)(_constants.NEW_BUTTON_VARIANTS.link, element.value, j));
     }
+    if (isLoadingButton) {
+      j(element).replaceWith((0, _generateNewButtonElement.generateNewElement)(_constants.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');
@@ -92,7 +98,7 @@ var transformer = function transformer(file, api) {
     }
   });
   var oldButtonImport = fileSource.find(j.ImportDeclaration).filter(function (path) {
-    return path.node.source.value === _constants.NEW_BUTTON_ENTRY_POINT || path.node.source.value === _constants.entryPointsMapping.Button;
+    return path.node.source.value === _constants.NEW_BUTTON_ENTRY_POINT || path.node.source.value === _constants.entryPointsMapping.Button || path.node.source.value === _constants.entryPointsMapping.LoadingButton;
   });
   var remainingDefaultButtons = fileSource.find(j.JSXElement).filter(function (path) {
     return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier && !(0, _hasUnsupportedProps.ifHasUnsupportedProps)(path.value.openingElement.attributes);
@@ -101,6 +107,11 @@ var transformer = function transformer(file, api) {
       return argument.type === 'Identifier' && (argument === null || argument === void 0 ? void 0 : argument.name);
     }).includes(specifierIdentifier);
   }).length > 0;
+
+  // Loading buttons map back to default imports
+  if (specifierIdentifier === loadingButtonImportName) {
+    specifiers.push(j.importDefaultSpecifier(j.identifier(_constants.NEW_BUTTON_VARIANTS.default)));
+  }
   if (remainingDefaultButtons) {
     specifiers.push(j.importDefaultSpecifier(j.identifier(_constants.NEW_BUTTON_VARIANTS.default)));
   }

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

@@ -74,6 +74,18 @@ var generateNewElement = exports.generateNewElement = function generateNewElemen
 
     // rename iconBefore/iconAfter to icon
     iconAttrs[0].name.name = 'icon';
+    var ariaLabelAttr = j(element.openingElement).find(j.JSXAttribute).filter(function (attribute) {
+      return attribute.node.name.name === 'aria-label';
+    });
+    if (ariaLabelAttr.length) {
+      var hasNoLabelProp = !(attributes !== null && attributes !== void 0 && attributes.find(function (attribute) {
+        return attribute.type === 'JSXAttribute' && attribute.name.name === 'label';
+      }));
+      if (hasNoLabelProp && attributes) {
+        attributes.push(j.jsxAttribute(j.jsxIdentifier('label'), ariaLabelAttr.get().node.value));
+      }
+      ariaLabelAttr.remove();
+    }
   }
   return j.jsxElement(
   // self closing if it's an icon button or icon link button

package/dist/cjs/presets/migrate-to-new-buttons/utils/import-types-from-new-entry-point.js

@@ -37,6 +37,5 @@ var importTypesFromNewEntryPoint = exports.importTypesFromNewEntryPoint = functi
       j(specifier).remove(); // remove old one
     });
   }
-
   return specifiers;
 };

package/dist/cjs/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/update-safe-imports.js

@@ -25,7 +25,6 @@ var importMap = {
   // '@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer':
   //   '@atlaskit/pragmatic-drag-and-drop/element/offset-from-pointer',
 };
-
 function updateSafeImports(file, api) {
   var j = api.jscodeshift;
   var root = j(file.source);

package/dist/cjs/types.js

@@ -12,7 +12,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _wrapNativeSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/wrapNativeSuper"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** Converts required args to optional if they have a default
  * Example: export type UserFlags = Default<Flags, keyof typeof defaultFlags>;
  */

package/dist/es2019/main.js

@@ -60,7 +60,6 @@ const resolveTransform = async (flags, transforms) => {
       return transform; // Return only if transform found.
     }
   }
-
   if (flags.transform && hasTransform(flags.transform)) {
     return parseTransformPath(flags.transform);
   }

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

@@ -1,4 +1,5 @@
 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 { generateNewElement, moveSizeAndLabelAttributes } from '../utils/generate-new-button-element';
 import { ifHasUnsupportedProps } from '../utils/has-unsupported-props';
@@ -9,7 +10,7 @@ import { importTypesFromNewEntryPoint } from '../utils/import-types-from-new-ent
 const transformer = (file, api) => {
   const j = api.jscodeshift;
   const fileSource = j(file.source);
-  const buttonImports = fileSource.find(j.ImportDeclaration).filter(path => path.node.source.value === entryPointsMapping.Button || path.node.source.value === NEW_BUTTON_ENTRY_POINT);
+  const buttonImports = fileSource.find(j.ImportDeclaration).filter(path => path.node.source.value === entryPointsMapping.Button || path.node.source.value === entryPointsMapping.LoadingButton || path.node.source.value === NEW_BUTTON_ENTRY_POINT);
   if (!buttonImports.length) {
     return fileSource.toSource();
   }
@@ -23,6 +24,7 @@ const transformer = (file, api) => {
   let hasIconButton = checkIfVariantAlreadyImported(NEW_BUTTON_VARIANTS.icon, fileSource, j);
   const allButtons = fileSource.find(j.JSXElement).filter(path => path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier);
   const buttonsWithoutUnsupportedProps = allButtons.filter(path => !ifHasUnsupportedProps(path.value.openingElement.attributes));
+  const loadingButtonImportName = getDefaultImportSpecifierName(j, fileSource, entryPointsMapping.LoadingButton);
   buttonsWithoutUnsupportedProps.forEach(element => {
     var _element$value$childr;
     const {
@@ -40,6 +42,7 @@ const transformer = (file, api) => {
     const isLinkButton = hasHref && !isLinkIconButton;
     let isIconButton = !hasHref && hasIcon && hasNoChildren && !isFitContainerIconButton;
     const isDefaultButtonWithAnIcon = !isLinkIconButton && !isIconButton && !isFitContainerIconButton && hasIcon;
+    const isLoadingButton = element.value.openingElement.name.type === 'JSXIdentifier' && element.value.openingElement.name.name === loadingButtonImportName;
     if (isDefaultButtonWithAnIcon) {
       moveSizeAndLabelAttributes(element.value, j);
     }
@@ -61,6 +64,9 @@ const transformer = (file, api) => {
       hasLinkButton = 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));
+    }
     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');
@@ -77,8 +83,13 @@ const transformer = (file, api) => {
       specifiers.push(j.importSpecifier(j.identifier(NEW_BUTTON_VARIANTS[variant])));
     }
   });
-  const oldButtonImport = fileSource.find(j.ImportDeclaration).filter(path => path.node.source.value === NEW_BUTTON_ENTRY_POINT || path.node.source.value === entryPointsMapping.Button);
+  const oldButtonImport = fileSource.find(j.ImportDeclaration).filter(path => path.node.source.value === NEW_BUTTON_ENTRY_POINT || path.node.source.value === entryPointsMapping.Button || path.node.source.value === entryPointsMapping.LoadingButton);
   const remainingDefaultButtons = fileSource.find(j.JSXElement).filter(path => path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === specifierIdentifier && !ifHasUnsupportedProps(path.value.openingElement.attributes)).length > 0 || fileSource.find(j.CallExpression).filter(path => path.node.arguments.map(argument => argument.type === 'Identifier' && (argument === null || argument === void 0 ? void 0 : argument.name)).includes(specifierIdentifier)).length > 0;
+
+  // Loading buttons map back to default imports
+  if (specifierIdentifier === loadingButtonImportName) {
+    specifiers.push(j.importDefaultSpecifier(j.identifier(NEW_BUTTON_VARIANTS.default)));
+  }
   if (remainingDefaultButtons) {
     specifiers.push(j.importDefaultSpecifier(j.identifier(NEW_BUTTON_VARIANTS.default)));
   }

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

@@ -65,6 +65,14 @@ export const generateNewElement = (variant, element, j) => {
 
     // rename iconBefore/iconAfter to icon
     iconAttrs[0].name.name = 'icon';
+    const ariaLabelAttr = j(element.openingElement).find(j.JSXAttribute).filter(attribute => attribute.node.name.name === 'aria-label');
+    if (ariaLabelAttr.length) {
+      const hasNoLabelProp = !(attributes !== null && attributes !== void 0 && attributes.find(attribute => attribute.type === 'JSXAttribute' && attribute.name.name === 'label'));
+      if (hasNoLabelProp && attributes) {
+        attributes.push(j.jsxAttribute(j.jsxIdentifier('label'), ariaLabelAttr.get().node.value));
+      }
+      ariaLabelAttr.remove();
+    }
   }
   return j.jsxElement(
   // self closing if it's an icon button or icon link button

package/dist/es2019/presets/migrate-to-new-buttons/utils/import-types-from-new-entry-point.js

@@ -25,6 +25,5 @@ export const importTypesFromNewEntryPoint = (buttonImports, specifiers, j, fileS
       j(specifier).remove(); // remove old one
     });
   }
-
   return specifiers;
 };

package/dist/es2019/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/update-safe-imports.js

@@ -19,7 +19,6 @@ const importMap = {
   // '@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer':
   //   '@atlaskit/pragmatic-drag-and-drop/element/offset-from-pointer',
 };
-
 export function updateSafeImports(file, api) {
   const j = api.jscodeshift;
   const root = j(file.source);

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.20.0", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.21.0", _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-to-new-button-variants.js

@@ -1,4 +1,5 @@
 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 { generateNewElement, moveSizeAndLabelAttributes } from '../utils/generate-new-button-element';
 import { ifHasUnsupportedProps } from '../utils/has-unsupported-props';
@@ -10,7 +11,7 @@ var transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
   var buttonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
-    return path.node.source.value === entryPointsMapping.Button || path.node.source.value === NEW_BUTTON_ENTRY_POINT;
+    return path.node.source.value === entryPointsMapping.Button || path.node.source.value === entryPointsMapping.LoadingButton || path.node.source.value === NEW_BUTTON_ENTRY_POINT;
   });
   if (!buttonImports.length) {
     return fileSource.toSource();
@@ -31,6 +32,7 @@ var transformer = function transformer(file, api) {
   var buttonsWithoutUnsupportedProps = allButtons.filter(function (path) {
     return !ifHasUnsupportedProps(path.value.openingElement.attributes);
   });
+  var loadingButtonImportName = getDefaultImportSpecifierName(j, fileSource, entryPointsMapping.LoadingButton);
   buttonsWithoutUnsupportedProps.forEach(function (element) {
     var _element$value$childr;
     var attributes = element.value.openingElement.attributes;
@@ -48,6 +50,7 @@ var transformer = function transformer(file, api) {
     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) {
       moveSizeAndLabelAttributes(element.value, j);
     }
@@ -69,6 +72,9 @@ var transformer = function transformer(file, api) {
       hasLinkButton = 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));
+    }
     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');
@@ -86,7 +92,7 @@ var transformer = function transformer(file, api) {
     }
   });
   var oldButtonImport = fileSource.find(j.ImportDeclaration).filter(function (path) {
-    return path.node.source.value === NEW_BUTTON_ENTRY_POINT || path.node.source.value === entryPointsMapping.Button;
+    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);
@@ -95,6 +101,11 @@ var transformer = function transformer(file, api) {
       return argument.type === 'Identifier' && (argument === null || argument === void 0 ? void 0 : argument.name);
     }).includes(specifierIdentifier);
   }).length > 0;
+
+  // Loading buttons map back to default imports
+  if (specifierIdentifier === loadingButtonImportName) {
+    specifiers.push(j.importDefaultSpecifier(j.identifier(NEW_BUTTON_VARIANTS.default)));
+  }
   if (remainingDefaultButtons) {
     specifiers.push(j.importDefaultSpecifier(j.identifier(NEW_BUTTON_VARIANTS.default)));
   }

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

@@ -68,6 +68,18 @@ export var generateNewElement = function generateNewElement(variant, element, j)
 
     // rename iconBefore/iconAfter to icon
     iconAttrs[0].name.name = 'icon';
+    var ariaLabelAttr = j(element.openingElement).find(j.JSXAttribute).filter(function (attribute) {
+      return attribute.node.name.name === 'aria-label';
+    });
+    if (ariaLabelAttr.length) {
+      var hasNoLabelProp = !(attributes !== null && attributes !== void 0 && attributes.find(function (attribute) {
+        return attribute.type === 'JSXAttribute' && attribute.name.name === 'label';
+      }));
+      if (hasNoLabelProp && attributes) {
+        attributes.push(j.jsxAttribute(j.jsxIdentifier('label'), ariaLabelAttr.get().node.value));
+      }
+      ariaLabelAttr.remove();
+    }
   }
   return j.jsxElement(
   // self closing if it's an icon button or icon link button

package/dist/esm/presets/migrate-to-new-buttons/utils/import-types-from-new-entry-point.js

@@ -31,6 +31,5 @@ export var importTypesFromNewEntryPoint = function importTypesFromNewEntryPoint(
       j(specifier).remove(); // remove old one
     });
   }
-
   return specifiers;
 };

package/dist/esm/presets/upgrade-pragmatic-drag-and-drop-to-stable/transformers/update-safe-imports.js

@@ -19,7 +19,6 @@ var importMap = {
   // '@atlaskit/pragmatic-drag-and-drop/util/offset-from-pointer':
   //   '@atlaskit/pragmatic-drag-and-drop/element/offset-from-pointer',
 };
-
 export function updateSafeImports(file, api) {
   var j = api.jscodeshift;
   var root = j(file.source);

package/dist/esm/types.js

@@ -5,7 +5,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _wrapNativeSuper from "@babel/runtime/helpers/wrapNativeSuper";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /** Converts required args to optional if they have a default
  * Example: export type UserFlags = Default<Flags, keyof typeof defaultFlags>;
  */

package/dist/types/presets/migrate-to-new-buttons/utils/generate-new-button-element.d.ts

@@ -1,4 +1,4 @@
-import type { API, JSXElement, JSXAttribute, JSXSpreadAttribute } from 'jscodeshift';
+import { API, JSXElement, JSXAttribute, JSXSpreadAttribute } from 'jscodeshift';
 import { NEW_BUTTON_VARIANTS } from '../utils/constants';
 export declare const getIconAttributes: (attributes: (JSXAttribute | JSXSpreadAttribute)[]) => JSXAttribute[] | null;
 export declare const getIconElement: (iconAttr: JSXAttribute) => JSXElement | null;

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

@@ -1,4 +1,4 @@
-import type { API, JSXElement, JSXAttribute, JSXSpreadAttribute } from 'jscodeshift';
+import { API, JSXElement, JSXAttribute, JSXSpreadAttribute } from 'jscodeshift';
 import { NEW_BUTTON_VARIANTS } from '../utils/constants';
 export declare const getIconAttributes: (attributes: (JSXAttribute | JSXSpreadAttribute)[]) => JSXAttribute[] | null;
 export declare const getIconElement: (iconAttr: JSXAttribute) => JSXElement | null;

package/filepath/package.json

@@ -5,7 +5,7 @@
   "module:es2019": "../dist/es2019/filepath.js",
   "types": "../dist/types/filepath.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/filepath.d.ts"
       ]

package/main/package.json

@@ -5,7 +5,7 @@
   "module:es2019": "../dist/es2019/main.js",
   "types": "../dist/types/main.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/main.d.ts"
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/codemod-cli",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "A cli for distributing codemods for atlassian-frontend components and services",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,9 +40,10 @@
   "bin": "./bin/codemod-cli.js",
   "dependencies": {
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/tokens": "^1.38.0",
+    "@atlaskit/tokens": "^1.42.0",
     "@babel/runtime": "^7.0.0",
     "@codeshift/utils": "^0.2.4",
+    "@hypermod/utils": "^0.4.2",
     "@types/jscodeshift": "^0.11.0",
     "chalk": "^4.1.2",
     "enquirer": "^2.3.4",
@@ -57,8 +58,8 @@
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "prettier": "^2.8.0",
     "ts-node": "^10.9.1",
-    "typescript": "~4.9.5"
+    "typescript": "~5.4.2"
   },
   "homepage": "https://atlaskit.atlassian.com/packages/monorepo-tooling/codemod-cli",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+}

package/sinceRef/package.json

@@ -5,7 +5,7 @@
   "module:es2019": "../dist/es2019/sinceRef.js",
   "types": "../dist/types/sinceRef.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/sinceRef.d.ts"
       ]

package/transforms/package.json

@@ -5,7 +5,7 @@
   "module:es2019": "../dist/es2019/transforms.js",
   "types": "../dist/types/transforms.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/transforms.d.ts"
       ]

package/types/package.json

@@ -5,7 +5,7 @@
   "module:es2019": "../dist/es2019/types.js",
   "types": "../dist/types/types.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/types.d.ts"
       ]

package/utils/package.json

@@ -5,7 +5,7 @@
   "module:es2019": "../dist/es2019/utils.js",
   "types": "../dist/types/utils.d.ts",
   "typesVersions": {
-    ">=4.5 <4.9": {
+    ">=4.5 <5.4": {
       "*": [
         "../dist/types-ts4.5/utils.d.ts"
       ]