@atlaskit/codemod-cli 0.24.0 → 0.24.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

package/dist/cjs/main.js

@@ -305,7 +305,7 @@ function _main() {
         case 4:
           _yield$parseArgs = _context5.sent;
           packages = _yield$parseArgs.packages;
-          _process$env$_PACKAGE = "0.24.0", _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

@@ -62,17 +62,27 @@ function _default(file, api) {
 
         // Check if render prop or bounded API
         iconAttributes.forEach(function (iconAttribute) {
-          var _newButtonJXSElement$2, _iconAttribute$value;
+          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':
-              // TODO: we have an existing render prop, move size to there
+              // 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
@@ -88,10 +98,7 @@ function _default(file, api) {
                     selfClosing: true,
                     attributes: [j.jsxSpreadAttribute.from({
                       argument: j.identifier('iconProps')
-                    }), j.jsxAttribute.from({
-                      name: j.jsxIdentifier('size'),
-                      value: unsafeSizeAttribute.value
-                    })]
+                    }), safeSizeAttribute]
                   })
                 })
               }));

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.UNSAFE_SIZE_PROPS_MAP = 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'
 };
@@ -30,4 +30,5 @@ 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

@@ -46,15 +46,23 @@ export default function (file, api) {
 
       // Check if render prop or bounded API
       iconAttributes.forEach(iconAttribute => {
-        var _newButtonJXSElement$2, _iconAttribute$value;
+        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':
-            // TODO: we have an existing render prop, move size to there
+            // 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
@@ -70,10 +78,7 @@ export default function (file, api) {
                   selfClosing: true,
                   attributes: [j.jsxSpreadAttribute.from({
                     argument: j.identifier('iconProps')
-                  }), j.jsxAttribute.from({
-                    name: j.jsxIdentifier('size'),
-                    value: unsafeSizeAttribute.value
-                  })]
+                  }), safeSizeAttribute]
                 })
               })
             }));

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

@@ -24,4 +24,5 @@ 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.24.0", _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

@@ -56,17 +56,27 @@ export default function (file, api) {
 
         // Check if render prop or bounded API
         iconAttributes.forEach(function (iconAttribute) {
-          var _newButtonJXSElement$2, _iconAttribute$value;
+          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':
-              // TODO: we have an existing render prop, move size to there
+              // 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
@@ -82,10 +92,7 @@ export default function (file, api) {
                     selfClosing: true,
                     attributes: [j.jsxSpreadAttribute.from({
                       argument: j.identifier('iconProps')
-                    }), j.jsxAttribute.from({
-                      name: j.jsxIdentifier('size'),
-                      value: unsafeSizeAttribute.value
-                    })]
+                    }), safeSizeAttribute]
                   })
                 })
               }));

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

@@ -24,4 +24,5 @@ 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/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

@@ -15,3 +15,4 @@ export declare const linkButtonMissingHrefComment = "\"link\" and \"subtle-link\
 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/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

@@ -15,3 +15,4 @@ export declare const linkButtonMissingHrefComment = "\"link\" and \"subtle-link\
 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/codemod-cli",
-  "version": "0.24.0",
+  "version": "0.24.1",
   "description": "A cli for distributing codemods for atlassian-frontend components and services",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"