@atlaskit/codemod-cli 0.23.1 → 0.24.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/codemod-cli
 
+## 0.24.1
+
+### Patch Changes
+
+-   [#100948](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100948)
+    [`28061857f2cd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/28061857f2cd) -
+    Prevent migration of buttons where icon component might be wrapped.
+
+## 0.24.0
+
+### Minor Changes
+
+-   [#99062](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99062)
+    [`b8cd8340331d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b8cd8340331d) -
+    Add transform to move away for UNSAFE button APIs.
+
 ## 0.23.1
 
 ### Patch Changes

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

@@ -13,9 +13,11 @@ 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 transformer = function transformer(file, api) {
   var j = api.jscodeshift;
   var fileSource = j(file.source);
+  (0, _addCommentForCustomThemeButtons.addCommentForCustomThemeButtons)(fileSource, j);
   var buttonImports = fileSource.find(j.ImportDeclaration).filter(function (path) {
     return path.node.source.value === _constants.entryPointsMapping.Button || path.node.source.value === _constants.entryPointsMapping.LoadingButton || path.node.source.value === _constants.NEW_BUTTON_ENTRY_POINT;
   });

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

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _utils = require("@hypermod/utils");
+var _constants = require("../utils/constants");
+function _default(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();
+  }
+
+  // Get all the specifyier names
+  // eg ['Button', 'IconButton', 'LinkButton', 'LinkIconButton']
+  var newButtonSpecifiers = [];
+  newButtonImportDeclarations.forEach(function (newButtonImport) {
+    if (!newButtonImport.value.specifiers) {
+      return;
+    }
+    newButtonImport.value.specifiers.map(function (specifier) {
+      if (specifier.local && specifier.local.name) {
+        newButtonSpecifiers.push(specifier.local.name);
+      }
+    });
+  });
+
+  // Find all new button JSX elements with an UNSAFE size prop
+  var newButtonJXSElements = source.find(j.JSXElement)
+  // is a new button?
+  .filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && newButtonSpecifiers.includes(path.value.openingElement.name.name);
+  })
+  // has an usafe size prop?
+  .filter(function (path) {
+    return Object.keys(_constants.UNSAFE_SIZE_PROPS_MAP).some(function (unsafeSizeProp) {
+      return (0, _utils.hasJSXAttributes)(j, path, unsafeSizeProp);
+    });
+  });
+  newButtonJXSElements.forEach(function (newButtonJXSElement) {
+    var _loop = function _loop(unsafeSizeProp) {
+        var _newButtonJXSElement$;
+        var iconProp = _constants.UNSAFE_SIZE_PROPS_MAP[unsafeSizeProp];
+
+        // Get all icon attributes
+        // eg. ['iconBefore', 'iconAfter', 'icon']
+        var iconAttributes = (_newButtonJXSElement$ = newButtonJXSElement.value.openingElement.attributes) === null || _newButtonJXSElement$ === void 0 ? void 0 : _newButtonJXSElement$.filter(function (attribute) {
+          return attribute.type === 'JSXAttribute' && attribute.name.name === iconProp;
+        });
+        if (!iconAttributes) {
+          return {
+            v: void 0
+          };
+        }
+
+        // Check if render prop or bounded API
+        iconAttributes.forEach(function (iconAttribute) {
+          var _newButtonJXSElement$2, _iconAttribute$value, _iconAttribute$value$;
+          var unsafeSizeAttribute = (_newButtonJXSElement$2 = newButtonJXSElement.value.openingElement.attributes) === null || _newButtonJXSElement$2 === void 0 ? void 0 : _newButtonJXSElement$2.find(function (attribute) {
+            return attribute.type === 'JSXAttribute' && attribute.name.name === unsafeSizeProp;
+          });
+          if (iconAttribute.type !== 'JSXAttribute' || ((_iconAttribute$value = iconAttribute.value) === null || _iconAttribute$value === void 0 ? void 0 : _iconAttribute$value.type) !== 'JSXExpressionContainer' || !unsafeSizeAttribute || unsafeSizeAttribute.type !== 'JSXAttribute') {
+            return;
+          }
+          var safeSizeAttribute = j.jsxAttribute.from({
+            name: j.jsxIdentifier('size'),
+            value: unsafeSizeAttribute.value
+          });
+          switch (iconAttribute.value.expression.type) {
+            // We have a render prop, move the UNSAFE prop to the render prop
+            case 'ArrowFunctionExpression':
+              // Prefer existing size on icon over UNSAFE size on button
+              if (iconAttribute.value.expression.body.type === 'JSXElement' && !((_iconAttribute$value$ = iconAttribute.value.expression.body.openingElement.attributes) !== null && _iconAttribute$value$ !== void 0 && _iconAttribute$value$.some(function (attribute) {
+                return attribute.type === 'JSXAttribute' && attribute.name.name === 'size';
+              }))) {
+                var _iconAttribute$value$2;
+                (_iconAttribute$value$2 = iconAttribute.value.expression.body.openingElement.attributes) === null || _iconAttribute$value$2 === void 0 || _iconAttribute$value$2.push(safeSizeAttribute);
+              }
+              break;
+
+            // We have a bounded API, move to render prop
+            case 'Identifier':
+              var iconName = iconAttribute.value.expression.name;
+
+              // Create new arrow function (renderProp)
+              iconAttribute.value = j.jsxExpressionContainer(j.arrowFunctionExpression.from({
+                params: [j.identifier('iconProps')],
+                body: j.jsxElement.from({
+                  openingElement: j.jsxOpeningElement.from({
+                    name: j.jsxIdentifier(iconName),
+                    selfClosing: true,
+                    attributes: [j.jsxSpreadAttribute.from({
+                      argument: j.identifier('iconProps')
+                    }), safeSizeAttribute]
+                  })
+                })
+              }));
+              break;
+          }
+
+          // Remove the UNSAFE icon attribute
+          j(newButtonJXSElement.value.openingElement).find(j.JSXAttribute).filter(function (attribute) {
+            return attribute.value.name.name === unsafeSizeProp;
+          }).remove();
+        });
+      },
+      _ret;
+    for (var unsafeSizeProp in _constants.UNSAFE_SIZE_PROPS_MAP) {
+      _ret = _loop(unsafeSizeProp);
+      if (_ret) return _ret.v;
+    }
+  });
+  return source.toSource(_constants.PRINT_SETTINGS);
+}

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

@@ -10,6 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 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"));
 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) {
@@ -21,7 +22,7 @@ function _transformer() {
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          transformers = [_nextSplitImports.default, _nextMigrateToNewButtonVariants.default];
+          transformers = [_nextSplitImports.default, _nextMigrateToNewButtonVariants.default, _nextRemoveUnsafeSize.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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addCommentForCustomThemeButtons = void 0;
+var _codemodUtils = require("@atlaskit/codemod-utils");
+var _constants = require("./constants");
+var addCommentForCustomThemeButtons = exports.addCommentForCustomThemeButtons = function addCommentForCustomThemeButtons(fileSource, j) {
+  var _fileSource$find$filt;
+  var customThemeButtonImportName;
+  (_fileSource$find$filt = fileSource.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === _constants.entryPointsMapping.CustomThemeButton;
+  })) === null || _fileSource$find$filt === void 0 || _fileSource$find$filt.forEach(function (path) {
+    var _path$node$specifiers;
+    (_path$node$specifiers = path.node.specifiers) === null || _path$node$specifiers === void 0 || _path$node$specifiers.forEach(function (specifier) {
+      if (specifier.type === 'ImportDefaultSpecifier') {
+        var _specifier$local;
+        customThemeButtonImportName = (_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name;
+      }
+    });
+  });
+  if (!customThemeButtonImportName) {
+    return;
+  }
+  var customThemeButtonElement = fileSource.find(j.JSXElement).filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === customThemeButtonImportName;
+  });
+  if (!customThemeButtonElement.length) {
+    return;
+  }
+  (0, _codemodUtils.addCommentBefore)(j, j(customThemeButtonElement.get(0).node.openingElement), _constants.customThemeButtonComment, 'line');
+};

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.linkButtonMissingHrefComment = exports.entryPointsMapping = exports.buttonPropsNoLongerSupportedComment = exports.PRINT_SETTINGS = exports.NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_ENTRY_POINT = exports.BUTTON_TYPES = void 0;
+exports.unsupportedProps = exports.migrateFitContainerButtonToIconButtonComment = exports.migrateFitContainerButtonToDefaultButtonComment = exports.linkButtonMissingHrefComment = exports.entryPointsMapping = exports.customThemeButtonComment = exports.buttonPropsNoLongerSupportedComment = exports.UNSAFE_SIZE_PROPS_MAP = exports.PRINT_SETTINGS = exports.NEW_BUTTON_VARIANTS = exports.NEW_BUTTON_ENTRY_POINT = exports.BUTTON_TYPES = void 0;
 var PRINT_SETTINGS = exports.PRINT_SETTINGS = {
   quote: 'single'
 };
@@ -21,8 +21,14 @@ var entryPointsMapping = exports.entryPointsMapping = {
   CustomThemeButton: '@atlaskit/button/custom-theme-button'
 };
 var BUTTON_TYPES = exports.BUTTON_TYPES = ['BaseOwnProps', 'BaseProps', 'ButtonProps', 'LoadingButtonProps', 'LoadingButtonOwnProps', 'ThemeTokens', 'ThemeProps', 'InteractionState', 'CustomThemeButtonProps', 'CustomThemeButtonOwnProps'];
+var UNSAFE_SIZE_PROPS_MAP = exports.UNSAFE_SIZE_PROPS_MAP = {
+  UNSAFE_size: 'icon',
+  UNSAFE_iconAfter_size: 'iconAfter',
+  UNSAFE_iconBefore_size: 'iconBefore'
+};
 var unsupportedProps = exports.unsupportedProps = ['component', 'css', 'style'];
 var linkButtonMissingHrefComment = exports.linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.";
 var buttonPropsNoLongerSupportedComment = exports.buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";
 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 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.";

package/dist/cjs/presets/migrate-to-new-buttons/utils/has-unsupported-props.js

@@ -6,7 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.ifHasUnsupportedProps = void 0;
 var _constants = require("./constants");
 var ifHasUnsupportedProps = exports.ifHasUnsupportedProps = function ifHasUnsupportedProps(attributes) {
-  return Boolean(attributes && (attributes === null || attributes === void 0 ? void 0 : attributes.some(function (node) {
+  var hasUnsupportedProps = Boolean(attributes && (attributes === null || attributes === void 0 ? void 0 : attributes.some(function (node) {
     return node.type === 'JSXAttribute' && _constants.unsupportedProps.includes(String(node.name.name));
   })));
+  var hasUnmigratableIcon = function hasUnmigratableIcon() {
+    var oldIconProps = ['iconBefore', 'iconAfter'];
+    var hasUnmigratableIcon = false;
+    if (!(attributes !== null && attributes !== void 0 && attributes.some(function (attribute) {
+      return attribute.type === 'JSXAttribute' && attribute.name.type === 'JSXIdentifier' && oldIconProps.includes(attribute.name.name);
+    }))) {
+      return hasUnmigratableIcon;
+    }
+    oldIconProps.forEach(function (oldIconProp) {
+      var _iconAttribute$value;
+      var iconAttribute = attributes.find(function (attribute) {
+        return attribute.type === 'JSXAttribute' && attribute.name.name === oldIconProp;
+      });
+      if (!iconAttribute) {
+        return;
+      }
+
+      // check to see if the element is self closing, otherwise assume it's not an icon (may contain wrapper)
+      if (iconAttribute.type === 'JSXAttribute' && ((_iconAttribute$value = iconAttribute.value) === null || _iconAttribute$value === void 0 ? void 0 : _iconAttribute$value.type) === 'JSXExpressionContainer' && iconAttribute.value.expression.type === 'JSXElement' && !iconAttribute.value.expression.openingElement.selfClosing) {
+        hasUnmigratableIcon = true;
+      }
+    });
+    return hasUnmigratableIcon;
+  };
+  return hasUnsupportedProps || hasUnmigratableIcon();
 };

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

@@ -7,9 +7,11 @@ import { checkIfVariantAlreadyImported } from '../utils/if-variant-already-impor
 import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
 import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-icon-button';
 import { importTypesFromNewEntryPoint } from '../utils/import-types-from-new-entry-point';
+import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
 const transformer = (file, api) => {
   const j = api.jscodeshift;
   const fileSource = j(file.source);
+  addCommentForCustomThemeButtons(fileSource, j);
   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();

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

@@ -0,0 +1,94 @@
+import { getImportDeclaration, hasJSXAttributes } from '@hypermod/utils';
+import { PRINT_SETTINGS, NEW_BUTTON_ENTRY_POINT, UNSAFE_SIZE_PROPS_MAP } from '../utils/constants';
+export default function (file, api) {
+  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();
+  }
+
+  // Get all the specifyier names
+  // eg ['Button', 'IconButton', 'LinkButton', 'LinkIconButton']
+  const newButtonSpecifiers = [];
+  newButtonImportDeclarations.forEach(newButtonImport => {
+    if (!newButtonImport.value.specifiers) {
+      return;
+    }
+    newButtonImport.value.specifiers.map(specifier => {
+      if (specifier.local && specifier.local.name) {
+        newButtonSpecifiers.push(specifier.local.name);
+      }
+    });
+  });
+
+  // Find all new button JSX elements with an UNSAFE size prop
+  const newButtonJXSElements = source.find(j.JSXElement)
+  // is a new button?
+  .filter(path => path.value.openingElement.name.type === 'JSXIdentifier' && newButtonSpecifiers.includes(path.value.openingElement.name.name))
+  // has an usafe size prop?
+  .filter(path => Object.keys(UNSAFE_SIZE_PROPS_MAP).some(unsafeSizeProp => hasJSXAttributes(j, path, unsafeSizeProp)));
+  newButtonJXSElements.forEach(newButtonJXSElement => {
+    for (const unsafeSizeProp in UNSAFE_SIZE_PROPS_MAP) {
+      var _newButtonJXSElement$;
+      const iconProp = UNSAFE_SIZE_PROPS_MAP[unsafeSizeProp];
+
+      // Get all icon attributes
+      // eg. ['iconBefore', 'iconAfter', 'icon']
+      const iconAttributes = (_newButtonJXSElement$ = newButtonJXSElement.value.openingElement.attributes) === null || _newButtonJXSElement$ === void 0 ? void 0 : _newButtonJXSElement$.filter(attribute => attribute.type === 'JSXAttribute' && attribute.name.name === iconProp);
+      if (!iconAttributes) {
+        return;
+      }
+
+      // Check if render prop or bounded API
+      iconAttributes.forEach(iconAttribute => {
+        var _newButtonJXSElement$2, _iconAttribute$value, _iconAttribute$value$;
+        const unsafeSizeAttribute = (_newButtonJXSElement$2 = newButtonJXSElement.value.openingElement.attributes) === null || _newButtonJXSElement$2 === void 0 ? void 0 : _newButtonJXSElement$2.find(attribute => attribute.type === 'JSXAttribute' && attribute.name.name === unsafeSizeProp);
+        if (iconAttribute.type !== 'JSXAttribute' || ((_iconAttribute$value = iconAttribute.value) === null || _iconAttribute$value === void 0 ? void 0 : _iconAttribute$value.type) !== 'JSXExpressionContainer' || !unsafeSizeAttribute || unsafeSizeAttribute.type !== 'JSXAttribute') {
+          return;
+        }
+        const safeSizeAttribute = j.jsxAttribute.from({
+          name: j.jsxIdentifier('size'),
+          value: unsafeSizeAttribute.value
+        });
+        switch (iconAttribute.value.expression.type) {
+          // We have a render prop, move the UNSAFE prop to the render prop
+          case 'ArrowFunctionExpression':
+            // Prefer existing size on icon over UNSAFE size on button
+            if (iconAttribute.value.expression.body.type === 'JSXElement' && !((_iconAttribute$value$ = iconAttribute.value.expression.body.openingElement.attributes) !== null && _iconAttribute$value$ !== void 0 && _iconAttribute$value$.some(attribute => attribute.type === 'JSXAttribute' && attribute.name.name === 'size'))) {
+              var _iconAttribute$value$2;
+              (_iconAttribute$value$2 = iconAttribute.value.expression.body.openingElement.attributes) === null || _iconAttribute$value$2 === void 0 ? void 0 : _iconAttribute$value$2.push(safeSizeAttribute);
+            }
+            break;
+
+          // We have a bounded API, move to render prop
+          case 'Identifier':
+            const iconName = iconAttribute.value.expression.name;
+
+            // Create new arrow function (renderProp)
+            iconAttribute.value = j.jsxExpressionContainer(j.arrowFunctionExpression.from({
+              params: [j.identifier('iconProps')],
+              body: j.jsxElement.from({
+                openingElement: j.jsxOpeningElement.from({
+                  name: j.jsxIdentifier(iconName),
+                  selfClosing: true,
+                  attributes: [j.jsxSpreadAttribute.from({
+                    argument: j.identifier('iconProps')
+                  }), safeSizeAttribute]
+                })
+              })
+            }));
+            break;
+        }
+
+        // Remove the UNSAFE icon attribute
+        j(newButtonJXSElement.value.openingElement).find(j.JSXAttribute).filter(attribute => attribute.value.name.name === unsafeSizeProp).remove();
+      });
+    }
+  });
+  return source.toSource(PRINT_SETTINGS);
+}

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

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

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

@@ -0,0 +1,23 @@
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+import { entryPointsMapping, customThemeButtonComment } from './constants';
+export const addCommentForCustomThemeButtons = (fileSource, j) => {
+  var _fileSource$find$filt;
+  let customThemeButtonImportName;
+  (_fileSource$find$filt = fileSource.find(j.ImportDeclaration).filter(path => path.node.source.value === entryPointsMapping.CustomThemeButton)) === null || _fileSource$find$filt === void 0 ? void 0 : _fileSource$find$filt.forEach(path => {
+    var _path$node$specifiers;
+    (_path$node$specifiers = path.node.specifiers) === null || _path$node$specifiers === void 0 ? void 0 : _path$node$specifiers.forEach(specifier => {
+      if (specifier.type === 'ImportDefaultSpecifier') {
+        var _specifier$local;
+        customThemeButtonImportName = (_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name;
+      }
+    });
+  });
+  if (!customThemeButtonImportName) {
+    return;
+  }
+  const customThemeButtonElement = fileSource.find(j.JSXElement).filter(path => path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === customThemeButtonImportName);
+  if (!customThemeButtonElement.length) {
+    return;
+  }
+  addCommentBefore(j, j(customThemeButtonElement.get(0).node.openingElement), customThemeButtonComment, 'line');
+};

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

@@ -15,8 +15,14 @@ export const entryPointsMapping = {
   CustomThemeButton: '@atlaskit/button/custom-theme-button'
 };
 export const BUTTON_TYPES = ['BaseOwnProps', 'BaseProps', 'ButtonProps', 'LoadingButtonProps', 'LoadingButtonOwnProps', 'ThemeTokens', 'ThemeProps', 'InteractionState', 'CustomThemeButtonProps', 'CustomThemeButtonOwnProps'];
+export const UNSAFE_SIZE_PROPS_MAP = {
+  UNSAFE_size: 'icon',
+  UNSAFE_iconAfter_size: 'iconAfter',
+  UNSAFE_iconBefore_size: 'iconBefore'
+};
 export const unsupportedProps = ['component', 'css', 'style'];
 export const linkButtonMissingHrefComment = `"link" and "subtle-link" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.`;
 export const buttonPropsNoLongerSupportedComment = `Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.`;
 export const migrateFitContainerButtonToDefaultButtonComment = `Migrated to a default button with text which is from the icon label.`;
-export const migrateFitContainerButtonToIconButtonComment = `"shouldFitContainer" is not available in icon buttons, please consider using a default button with text.`;
+export const migrateFitContainerButtonToIconButtonComment = `"shouldFitContainer" is not available in icon buttons, please consider using a default button with text.`;
+export const customThemeButtonComment = `CustomThemeButton will be deprecated. Please consider migrating to Pressable or Anchor Primitives with custom styles.`;

package/dist/es2019/presets/migrate-to-new-buttons/utils/has-unsupported-props.js

@@ -1,2 +1,25 @@
 import { unsupportedProps } from './constants';
-export const ifHasUnsupportedProps = attributes => Boolean(attributes && (attributes === null || attributes === void 0 ? void 0 : attributes.some(node => node.type === 'JSXAttribute' && unsupportedProps.includes(String(node.name.name)))));
+export const ifHasUnsupportedProps = attributes => {
+  let hasUnsupportedProps = Boolean(attributes && (attributes === null || attributes === void 0 ? void 0 : attributes.some(node => node.type === 'JSXAttribute' && unsupportedProps.includes(String(node.name.name)))));
+  const hasUnmigratableIcon = () => {
+    const oldIconProps = ['iconBefore', 'iconAfter'];
+    let hasUnmigratableIcon = false;
+    if (!(attributes !== null && attributes !== void 0 && attributes.some(attribute => attribute.type === 'JSXAttribute' && attribute.name.type === 'JSXIdentifier' && oldIconProps.includes(attribute.name.name)))) {
+      return hasUnmigratableIcon;
+    }
+    oldIconProps.forEach(oldIconProp => {
+      var _iconAttribute$value;
+      const iconAttribute = attributes.find(attribute => attribute.type === 'JSXAttribute' && attribute.name.name === oldIconProp);
+      if (!iconAttribute) {
+        return;
+      }
+
+      // check to see if the element is self closing, otherwise assume it's not an icon (may contain wrapper)
+      if (iconAttribute.type === 'JSXAttribute' && ((_iconAttribute$value = iconAttribute.value) === null || _iconAttribute$value === void 0 ? void 0 : _iconAttribute$value.type) === 'JSXExpressionContainer' && iconAttribute.value.expression.type === 'JSXElement' && !iconAttribute.value.expression.openingElement.selfClosing) {
+        hasUnmigratableIcon = true;
+      }
+    });
+    return hasUnmigratableIcon;
+  };
+  return hasUnsupportedProps || hasUnmigratableIcon();
+};

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.23.1", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.24.1", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
           logger.log(chalk.bgBlue(chalk.black("\uD83D\uDCDA Atlassian-Frontend codemod library @ ".concat(_PACKAGE_VERSION_, " \uD83D\uDCDA"))));
           if (packages && packages.length > 0) {
             logger.log(chalk.gray("Searching for codemods for newer versions of the following packages: ".concat(packages.map(function (pkg) {

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

@@ -7,9 +7,11 @@ import { checkIfVariantAlreadyImported } from '../utils/if-variant-already-impor
 import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
 import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-icon-button';
 import { importTypesFromNewEntryPoint } from '../utils/import-types-from-new-entry-point';
+import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
 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;
   });

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

@@ -0,0 +1,115 @@
+import { getImportDeclaration, hasJSXAttributes } from '@hypermod/utils';
+import { PRINT_SETTINGS, NEW_BUTTON_ENTRY_POINT, UNSAFE_SIZE_PROPS_MAP } from '../utils/constants';
+export default function (file, api) {
+  var j = api.jscodeshift;
+  var source = j(file.source);
+
+  // Find all new button imports
+  var newButtonImportDeclarations = getImportDeclaration(j, source, NEW_BUTTON_ENTRY_POINT);
+
+  // No imports for new button found, exit early
+  if (!newButtonImportDeclarations.length) {
+    return source.toSource();
+  }
+
+  // Get all the specifyier names
+  // eg ['Button', 'IconButton', 'LinkButton', 'LinkIconButton']
+  var newButtonSpecifiers = [];
+  newButtonImportDeclarations.forEach(function (newButtonImport) {
+    if (!newButtonImport.value.specifiers) {
+      return;
+    }
+    newButtonImport.value.specifiers.map(function (specifier) {
+      if (specifier.local && specifier.local.name) {
+        newButtonSpecifiers.push(specifier.local.name);
+      }
+    });
+  });
+
+  // Find all new button JSX elements with an UNSAFE size prop
+  var newButtonJXSElements = source.find(j.JSXElement)
+  // is a new button?
+  .filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && newButtonSpecifiers.includes(path.value.openingElement.name.name);
+  })
+  // has an usafe size prop?
+  .filter(function (path) {
+    return Object.keys(UNSAFE_SIZE_PROPS_MAP).some(function (unsafeSizeProp) {
+      return hasJSXAttributes(j, path, unsafeSizeProp);
+    });
+  });
+  newButtonJXSElements.forEach(function (newButtonJXSElement) {
+    var _loop = function _loop(unsafeSizeProp) {
+        var _newButtonJXSElement$;
+        var iconProp = UNSAFE_SIZE_PROPS_MAP[unsafeSizeProp];
+
+        // Get all icon attributes
+        // eg. ['iconBefore', 'iconAfter', 'icon']
+        var iconAttributes = (_newButtonJXSElement$ = newButtonJXSElement.value.openingElement.attributes) === null || _newButtonJXSElement$ === void 0 ? void 0 : _newButtonJXSElement$.filter(function (attribute) {
+          return attribute.type === 'JSXAttribute' && attribute.name.name === iconProp;
+        });
+        if (!iconAttributes) {
+          return {
+            v: void 0
+          };
+        }
+
+        // Check if render prop or bounded API
+        iconAttributes.forEach(function (iconAttribute) {
+          var _newButtonJXSElement$2, _iconAttribute$value, _iconAttribute$value$;
+          var unsafeSizeAttribute = (_newButtonJXSElement$2 = newButtonJXSElement.value.openingElement.attributes) === null || _newButtonJXSElement$2 === void 0 ? void 0 : _newButtonJXSElement$2.find(function (attribute) {
+            return attribute.type === 'JSXAttribute' && attribute.name.name === unsafeSizeProp;
+          });
+          if (iconAttribute.type !== 'JSXAttribute' || ((_iconAttribute$value = iconAttribute.value) === null || _iconAttribute$value === void 0 ? void 0 : _iconAttribute$value.type) !== 'JSXExpressionContainer' || !unsafeSizeAttribute || unsafeSizeAttribute.type !== 'JSXAttribute') {
+            return;
+          }
+          var safeSizeAttribute = j.jsxAttribute.from({
+            name: j.jsxIdentifier('size'),
+            value: unsafeSizeAttribute.value
+          });
+          switch (iconAttribute.value.expression.type) {
+            // We have a render prop, move the UNSAFE prop to the render prop
+            case 'ArrowFunctionExpression':
+              // Prefer existing size on icon over UNSAFE size on button
+              if (iconAttribute.value.expression.body.type === 'JSXElement' && !((_iconAttribute$value$ = iconAttribute.value.expression.body.openingElement.attributes) !== null && _iconAttribute$value$ !== void 0 && _iconAttribute$value$.some(function (attribute) {
+                return attribute.type === 'JSXAttribute' && attribute.name.name === 'size';
+              }))) {
+                var _iconAttribute$value$2;
+                (_iconAttribute$value$2 = iconAttribute.value.expression.body.openingElement.attributes) === null || _iconAttribute$value$2 === void 0 || _iconAttribute$value$2.push(safeSizeAttribute);
+              }
+              break;
+
+            // We have a bounded API, move to render prop
+            case 'Identifier':
+              var iconName = iconAttribute.value.expression.name;
+
+              // Create new arrow function (renderProp)
+              iconAttribute.value = j.jsxExpressionContainer(j.arrowFunctionExpression.from({
+                params: [j.identifier('iconProps')],
+                body: j.jsxElement.from({
+                  openingElement: j.jsxOpeningElement.from({
+                    name: j.jsxIdentifier(iconName),
+                    selfClosing: true,
+                    attributes: [j.jsxSpreadAttribute.from({
+                      argument: j.identifier('iconProps')
+                    }), safeSizeAttribute]
+                  })
+                })
+              }));
+              break;
+          }
+
+          // Remove the UNSAFE icon attribute
+          j(newButtonJXSElement.value.openingElement).find(j.JSXAttribute).filter(function (attribute) {
+            return attribute.value.name.name === unsafeSizeProp;
+          }).remove();
+        });
+      },
+      _ret;
+    for (var unsafeSizeProp in UNSAFE_SIZE_PROPS_MAP) {
+      _ret = _loop(unsafeSizeProp);
+      if (_ret) return _ret.v;
+    }
+  });
+  return source.toSource(PRINT_SETTINGS);
+}

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

@@ -5,6 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import splitImportsTransformer from './codemods/next-split-imports';
 import migrateToNewButtonVariantsTransformer from './codemods/next-migrate-to-new-button-variants';
+import removeUnsafeSizeTransformer from './codemods/next-remove-unsafe-size';
 export default function transformer(_x, _x2) {
   return _transformer.apply(this, arguments);
 }
@@ -14,7 +15,7 @@ function _transformer() {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer];
+          transformers = [splitImportsTransformer, migrateToNewButtonVariantsTransformer, removeUnsafeSizeTransformer];
           src = file.source;
           transformers.forEach(function (transformer) {
             if (typeof src === 'undefined') {

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

@@ -0,0 +1,27 @@
+import { addCommentBefore } from '@atlaskit/codemod-utils';
+import { entryPointsMapping, customThemeButtonComment } from './constants';
+export var addCommentForCustomThemeButtons = function addCommentForCustomThemeButtons(fileSource, j) {
+  var _fileSource$find$filt;
+  var customThemeButtonImportName;
+  (_fileSource$find$filt = fileSource.find(j.ImportDeclaration).filter(function (path) {
+    return path.node.source.value === entryPointsMapping.CustomThemeButton;
+  })) === null || _fileSource$find$filt === void 0 || _fileSource$find$filt.forEach(function (path) {
+    var _path$node$specifiers;
+    (_path$node$specifiers = path.node.specifiers) === null || _path$node$specifiers === void 0 || _path$node$specifiers.forEach(function (specifier) {
+      if (specifier.type === 'ImportDefaultSpecifier') {
+        var _specifier$local;
+        customThemeButtonImportName = (_specifier$local = specifier.local) === null || _specifier$local === void 0 ? void 0 : _specifier$local.name;
+      }
+    });
+  });
+  if (!customThemeButtonImportName) {
+    return;
+  }
+  var customThemeButtonElement = fileSource.find(j.JSXElement).filter(function (path) {
+    return path.value.openingElement.name.type === 'JSXIdentifier' && path.value.openingElement.name.name === customThemeButtonImportName;
+  });
+  if (!customThemeButtonElement.length) {
+    return;
+  }
+  addCommentBefore(j, j(customThemeButtonElement.get(0).node.openingElement), customThemeButtonComment, 'line');
+};

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

@@ -15,8 +15,14 @@ export var entryPointsMapping = {
   CustomThemeButton: '@atlaskit/button/custom-theme-button'
 };
 export var BUTTON_TYPES = ['BaseOwnProps', 'BaseProps', 'ButtonProps', 'LoadingButtonProps', 'LoadingButtonOwnProps', 'ThemeTokens', 'ThemeProps', 'InteractionState', 'CustomThemeButtonProps', 'CustomThemeButtonOwnProps'];
+export var UNSAFE_SIZE_PROPS_MAP = {
+  UNSAFE_size: 'icon',
+  UNSAFE_iconAfter_size: 'iconAfter',
+  UNSAFE_iconBefore_size: 'iconBefore'
+};
 export var unsupportedProps = ['component', 'css', 'style'];
 export var linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.";
 export var 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 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.";

package/dist/esm/presets/migrate-to-new-buttons/utils/has-unsupported-props.js

@@ -1,6 +1,31 @@
 import { unsupportedProps } from './constants';
 export var ifHasUnsupportedProps = function ifHasUnsupportedProps(attributes) {
-  return Boolean(attributes && (attributes === null || attributes === void 0 ? void 0 : attributes.some(function (node) {
+  var hasUnsupportedProps = Boolean(attributes && (attributes === null || attributes === void 0 ? void 0 : attributes.some(function (node) {
     return node.type === 'JSXAttribute' && unsupportedProps.includes(String(node.name.name));
   })));
+  var hasUnmigratableIcon = function hasUnmigratableIcon() {
+    var oldIconProps = ['iconBefore', 'iconAfter'];
+    var hasUnmigratableIcon = false;
+    if (!(attributes !== null && attributes !== void 0 && attributes.some(function (attribute) {
+      return attribute.type === 'JSXAttribute' && attribute.name.type === 'JSXIdentifier' && oldIconProps.includes(attribute.name.name);
+    }))) {
+      return hasUnmigratableIcon;
+    }
+    oldIconProps.forEach(function (oldIconProp) {
+      var _iconAttribute$value;
+      var iconAttribute = attributes.find(function (attribute) {
+        return attribute.type === 'JSXAttribute' && attribute.name.name === oldIconProp;
+      });
+      if (!iconAttribute) {
+        return;
+      }
+
+      // check to see if the element is self closing, otherwise assume it's not an icon (may contain wrapper)
+      if (iconAttribute.type === 'JSXAttribute' && ((_iconAttribute$value = iconAttribute.value) === null || _iconAttribute$value === void 0 ? void 0 : _iconAttribute$value.type) === 'JSXExpressionContainer' && iconAttribute.value.expression.type === 'JSXElement' && !iconAttribute.value.expression.openingElement.selfClosing) {
+        hasUnmigratableIcon = true;
+      }
+    });
+    return hasUnmigratableIcon;
+  };
+  return hasUnsupportedProps || hasUnmigratableIcon();
 };

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

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

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

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

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

@@ -9,8 +9,10 @@ export declare const entryPointsMapping: {
     [key: string]: string;
 };
 export declare const BUTTON_TYPES: string[];
+export declare const UNSAFE_SIZE_PROPS_MAP: Record<string, string>;
 export declare const unsupportedProps: string[];
 export declare const linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.";
 export declare const buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";
 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.";

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

@@ -1,4 +1,4 @@
-import { API, JSXElement, JSXAttribute, JSXSpreadAttribute } from 'jscodeshift';
+import { type API, type JSXElement, type JSXAttribute, type 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/codemods/next-remove-unsafe-size.d.ts

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

package/dist/types-ts4.5/presets/migrate-to-new-buttons/utils/add-comment-for-custom-theme-buttons.d.ts

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

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

@@ -9,8 +9,10 @@ export declare const entryPointsMapping: {
     [key: string]: string;
 };
 export declare const BUTTON_TYPES: string[];
+export declare const UNSAFE_SIZE_PROPS_MAP: Record<string, string>;
 export declare const unsupportedProps: string[];
 export declare const linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are only available in LinkButton, please either provide a href prop then migrate to LinkButton, or remove the appearance from the default button.";
 export declare const buttonPropsNoLongerSupportedComment = "Buttons with \"component\", \"css\" or \"style\" prop can't be automatically migrated with codemods. Please migrate it manually.";
 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.";

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

@@ -1,4 +1,4 @@
-import { API, JSXElement, JSXAttribute, JSXSpreadAttribute } from 'jscodeshift';
+import { type API, type JSXElement, type JSXAttribute, type 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/codemod-cli",
-  "version": "0.23.1",
+  "version": "0.24.1",
   "description": "A cli for distributing codemods for atlassian-frontend components and services",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
   "bin": "./bin/codemod-cli.js",
   "dependencies": {
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/tokens": "^1.45.0",
+    "@atlaskit/tokens": "^1.48.0",
     "@babel/runtime": "^7.0.0",
     "@codeshift/utils": "^0.2.4",
     "@hypermod/utils": "^0.4.2",