@atlaskit/codemod-cli 0.34.8 → 1.0.0

package/dist/esm/presets/migrate-icon-object-to-object/utils/get-new-import-info.js

@@ -0,0 +1,22 @@
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
+
+import { ICON_TO_OBJECT_NAME_MAPPINGS } from './constants';
+import { kebabToPascalCase } from './kebab-to-pascal-case';
+export function getNewImportInfo(iconName, size) {
+  // Check if this icon name needs to be mapped to a different object name
+  var objectName = ICON_TO_OBJECT_NAME_MAPPINGS[iconName] || iconName;
+
+  // Convert the object name to PascalCase
+  var pascalCaseName = kebabToPascalCase(objectName);
+  if (size === '16') {
+    return {
+      importPath: "@atlaskit/object/".concat(objectName),
+      componentName: "".concat(pascalCaseName, "Object")
+    };
+  } else {
+    return {
+      importPath: "@atlaskit/object/tile/".concat(objectName),
+      componentName: "".concat(pascalCaseName, "ObjectTile")
+    };
+  }
+}

package/dist/esm/presets/migrate-icon-object-to-object/utils/kebab-to-pascal-case.js

@@ -0,0 +1,7 @@
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
+
+export function kebabToPascalCase(str) {
+  return str.split('-').map(function (word) {
+    return word.charAt(0).toUpperCase() + word.slice(1);
+  }).join('');
+}

package/dist/esm/presets/migrate-icon-object-to-object/utils/parse-icon-object-import.js

@@ -0,0 +1,22 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/* eslint-disable @repo/internal/fs/filename-pattern-match */
+
+import { AVAILABLE_ICON_NAMES } from './constants';
+export function parseIconObjectImport(importPath) {
+  var match = importPath.match(/^@atlaskit\/icon-object\/glyph\/([^/]+)\/(16|24)$/);
+  if (!match) {
+    return null;
+  }
+  var _match = _slicedToArray(match, 3),
+    iconName = _match[1],
+    size = _match[2];
+
+  // Check if this is a valid icon name we support
+  if (!AVAILABLE_ICON_NAMES.includes(iconName)) {
+    return null;
+  }
+  return {
+    iconName: iconName,
+    size: size
+  };
+}

package/dist/esm/presets/migrate-to-link/codemods/migrate-to-link.js

@@ -1,9 +1,11 @@
 /* eslint-disable @repo/internal/fs/filename-pattern-match */
 import { getImportDeclaration } from '@hypermod/utils';
 import { addCommentBefore } from '@atlaskit/codemod-utils';
-import { genericUnsupportedMigrationComment, spreadPropsComment, stylePropComment } from '../utils/comments';
+import { spreadPropsComment } from '../utils/comments';
 import { LINK_ENTRY_POINT, LINK_EXPORT_NAME, PRINT_SETTINGS, UNSUPPORTED_STYLE_PROPS } from '../utils/constants';
 import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
+import { genericUnsupportedMigrationComment } from '../utils/generic-unsupported-migration-comment';
+import { stylePropComment } from '../utils/style-prop-comment';
 export default function transformer(file, api) {
   var j = api.jscodeshift;
   var source = j(file.source);

package/dist/esm/presets/migrate-to-link/utils/comments.js

@@ -1,12 +1 @@
-import { LINK_ENTRY_POINT } from './constants';
-export var stylePropComment = function stylePropComment(_ref) {
-  var propName = _ref.propName,
-    _ref$prefix = _ref.prefix,
-    prefix = _ref$prefix === void 0 ? '' : _ref$prefix;
-  return "".concat(prefix, "This link could not be migrated due to custom styles in `").concat(propName, "` prop.");
-};
-export var spreadPropsComment = "This link could not be migrated due to usage of spread props. The codemod cannot determine the props being spread. Please manually migrate.";
-export var genericUnsupportedMigrationComment = function genericUnsupportedMigrationComment() {
-  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return "".concat(prefix, "- If this is a simple text-based link, replace with `").concat(LINK_ENTRY_POINT, "`.\n").concat(prefix, "- If this is a button-like link style, replace with a link button from `@atlaskit/button`.\n").concat(prefix, "- If this needs to retain custom styles, use the `Anchor` primitive from `@atlaskit/primitives`.");
-};
+export var spreadPropsComment = "This link could not be migrated due to usage of spread props. The codemod cannot determine the props being spread. Please manually migrate.";

package/dist/esm/presets/migrate-to-link/utils/generic-unsupported-migration-comment.js

@@ -0,0 +1,5 @@
+import { LINK_ENTRY_POINT } from './constants';
+export var genericUnsupportedMigrationComment = function genericUnsupportedMigrationComment() {
+  var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return "".concat(prefix, "- If this is a simple text-based link, replace with `").concat(LINK_ENTRY_POINT, "`.\n").concat(prefix, "- If this is a button-like link style, replace with a link button from `@atlaskit/button`.\n").concat(prefix, "- If this needs to retain custom styles, use the `Anchor` primitive from `@atlaskit/primitives`.");
+};

package/dist/esm/presets/migrate-to-link/utils/style-prop-comment.js

@@ -0,0 +1,6 @@
+export var stylePropComment = function stylePropComment(_ref) {
+  var propName = _ref.propName,
+    _ref$prefix = _ref.prefix,
+    prefix = _ref$prefix === void 0 ? '' : _ref$prefix;
+  return "".concat(prefix, "This link could not be migrated due to custom styles in `").concat(propName, "` prop.");
+};

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

@@ -3,7 +3,7 @@ import { getImportDeclaration } from '@hypermod/utils';
 import { addCommentBefore } from '@atlaskit/codemod-utils';
 import { migrateButtonToSubtleLinkButton, migrateSubtleButtonToSubtleLinkButton, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS, PRINT_SETTINGS } from '../utils/constants';
 import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
-import { modifyLinkAttributes } from '../utils/generate-link-element';
+import { modifyLinkAttributes } from '../utils/modify-link-attributes';
 import moveIconValueFromLinkButtonPropsToLinkChildren from '../utils/move-icon-value-from-link-button-to-link-children';
 function transformer(file, api) {
   var j = api.jscodeshift;

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

@@ -4,16 +4,18 @@ import { getDefaultImportSpecifierName } from '@hypermod/utils';
 import { addCommentBefore } from '@atlaskit/codemod-utils';
 import { addCommentForCustomThemeButtons } from '../utils/add-comment-for-custom-theme-buttons';
 import { addCommentForOverlayProp } from '../utils/add-comment-for-overlay-prop';
+import { checkIfVariantAlreadyImported } from '../utils/check-if-variant-already-imported';
 import { buttonPropsNoLongerSupportedComment, entryPointsMapping, linkButtonMissingHrefComment, loadingButtonComment, migrateButtonToSubtleLinkButton, migrateSubtleButtonToSubtleLinkButton, NEW_BUTTON_ENTRY_POINT, NEW_BUTTON_VARIANTS, noSpacinglinkButtonMissingHrefComment, OLD_BUTTON_ENTRY_POINT, OLD_BUTTON_VARIANTS, PRINT_SETTINGS, unsupportedProps } from '../utils/constants';
 import { findJSXAttributeWithValue } from '../utils/find-attribute-with-value';
-import { generateLinkComponent } from '../utils/generate-link-element';
-import { generateNewElement, handleIconAttributes, modifyButtonAttributes } from '../utils/generate-new-button-element';
+import { generateLinkComponent } from '../utils/generate-link-component';
+import { generateNewElement } from '../utils/generate-new-element';
 import getDefaultImports from '../utils/get-default-imports';
 import getSpecifierNames from '../utils/get-specifier-names';
+import { handleIconAttributes } from '../utils/handle-icon-attributes';
 import { ifHasUnsupportedProps } from '../utils/has-unsupported-props';
-import { checkIfVariantAlreadyImported } from '../utils/if-variant-already-imported';
 import { importTypesFromNewEntryPoint } from '../utils/import-types-from-new-entry-point';
 import { migrateFitContainerIconButton } from '../utils/migrate-fit-container-icon-button';
+import { modifyButtonAttributes } from '../utils/modify-button-attributes';
 import { renameDefaultButtonToLegacyButtonImport } from '../utils/rename-default-button-to-legacy-button';
 var transformer = function transformer(file, api) {
   var j = api.jscodeshift;

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

@@ -0,0 +1,5 @@
+import { findVariantAlreadyImported } from './find-variant-already-imported';
+export var checkIfVariantAlreadyImported = function checkIfVariantAlreadyImported(variant, entryPoint, fileSource, j) {
+  var isDefaultSpecifier = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  return findVariantAlreadyImported(variant, entryPoint, fileSource, j, isDefaultSpecifier).length > 0;
+};

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

@@ -9,8 +9,4 @@ export var findVariantAlreadyImported = function findVariantAlreadyImported(vari
   return imports.find(j.ImportSpecifier).filter(function (path) {
     return path.node.imported.name === variant;
   });
-};
-export var checkIfVariantAlreadyImported = function checkIfVariantAlreadyImported(variant, entryPoint, fileSource, j) {
-  var isDefaultSpecifier = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  return findVariantAlreadyImported(variant, entryPoint, fileSource, j, isDefaultSpecifier).length > 0;
 };

package/dist/esm/presets/migrate-to-new-buttons/utils/{generate-link-element.js → generate-link-component.js}

@@ -1,13 +1,4 @@
-export var modifyLinkAttributes = function modifyLinkAttributes(element, j) {
-  j(element).find(j.JSXAttribute).filter(function (path) {
-    var _path$node$value, _path$node$value2;
-    return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && path.node.value.value === 'link' || path.node.name.name === 'spacing' && ((_path$node$value2 = path.node.value) === null || _path$node$value2 === void 0 ? void 0 : _path$node$value2.type) === 'StringLiteral' && path.node.value.value === 'none';
-  }).remove();
-  j(element).find(j.JSXAttribute).filter(function (path) {
-    var _path$node$value3;
-    return path.node.name.name === 'appearance' && ((_path$node$value3 = path.node.value) === null || _path$node$value3 === void 0 ? void 0 : _path$node$value3.type) === 'StringLiteral' && path.node.value.value === 'subtle-link';
-  }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
-};
+import { modifyLinkAttributes } from './modify-link-attributes';
 export var generateLinkComponent = function generateLinkComponent(element, j) {
   var attributes = element.openingElement.attributes;
   if (!element.children) {

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

@@ -0,0 +1,41 @@
+import { NEW_BUTTON_VARIANTS } from './constants';
+import { getIconAttributes } from './get-icon-attributes';
+import { handleIconAttributes } from './handle-icon-attributes';
+export var generateNewElement = function generateNewElement(variant, element, j) {
+  var attributes = element.openingElement.attributes;
+  var iconAttrs = attributes && getIconAttributes(attributes);
+  var isIconOrLinkIcon = variant === NEW_BUTTON_VARIANTS.icon || variant === NEW_BUTTON_VARIANTS.linkIcon;
+  if (variant === NEW_BUTTON_VARIANTS.link) {
+    j(element).find(j.JSXAttribute).filter(function (path) {
+      var _path$node$value;
+      return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'subtle-link' || path.node.value.value === 'link');
+    }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+  }
+  if (isIconOrLinkIcon && iconAttrs !== null && iconAttrs !== void 0 && iconAttrs.length) {
+    handleIconAttributes(element, j, true);
+
+    // 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.unshift(j.jsxAttribute.from({
+          name: j.jsxIdentifier('label'),
+          value: j.literal(ariaLabelAttr.get().value.value.value)
+        }));
+      }
+      ariaLabelAttr.remove();
+    }
+  }
+  return j.jsxElement.from({
+    openingElement: j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isIconOrLinkIcon),
+    // self closing if it's an icon button or icon link button
+    closingElement: isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)),
+    children: element.children
+  });
+};

package/dist/esm/presets/migrate-to-new-buttons/utils/get-icon-attributes.js

@@ -0,0 +1,9 @@
+export var getIconAttributes = function getIconAttributes(attributes) {
+  var iconAttr = attributes === null || attributes === void 0 ? void 0 : attributes.filter(function (attribute) {
+    return attribute.type === 'JSXAttribute' && (attribute.name.name === 'iconBefore' || attribute.name.name === 'iconAfter');
+  });
+  if (iconAttr !== null && iconAttr !== void 0 && iconAttr.length) {
+    return iconAttr;
+  }
+  return null;
+};

package/dist/esm/presets/migrate-to-new-buttons/utils/get-icon-element.js

@@ -0,0 +1,7 @@
+export var getIconElement = function getIconElement(iconAttr) {
+  var _iconAttr$value;
+  if (iconAttr && ((_iconAttr$value = iconAttr.value) === null || _iconAttr$value === void 0 ? void 0 : _iconAttr$value.type) === 'JSXExpressionContainer' && iconAttr.value.expression.type === 'JSXElement') {
+    return iconAttr.value.expression;
+  }
+  return null;
+};

package/dist/esm/presets/migrate-to-new-buttons/utils/handle-icon-attributes.js

@@ -0,0 +1,75 @@
+import { getIconAttributes } from './get-icon-attributes';
+import { getIconElement } from './get-icon-element';
+export var handleIconAttributes = function handleIconAttributes(element, j) {
+  var iconRenamed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var buttonAttributes = element.openingElement.attributes;
+  // Get iconBefore and iconAfter attributes
+  var buttonIconAttributes = buttonAttributes && getIconAttributes(buttonAttributes);
+  buttonIconAttributes === null || buttonIconAttributes === void 0 || buttonIconAttributes.forEach(function (iconAttribute) {
+    var iconElement = getIconElement(iconAttribute);
+    if (!iconElement) {
+      return;
+    }
+    var iconAttributes = iconElement.openingElement.attributes;
+    if (!Array.isArray(iconAttributes)) {
+      return;
+    }
+
+    // 1. Move label to root button element, only if label doesn't exist already. Button label
+    // takes precedence over icon label.
+
+    var buttonAlreadyHasLabelProp = buttonAttributes === null || buttonAttributes === void 0 ? void 0 : buttonAttributes.find(function (buttonAttribute) {
+      return buttonAttribute.type === 'JSXAttribute' && buttonAttribute.name.name === 'label';
+    });
+    var buttonAlreadyHasAriaLabelProp = buttonAttributes === null || buttonAttributes === void 0 ? void 0 : buttonAttributes.find(function (buttonAttribute) {
+      return buttonAttribute.type === 'JSXAttribute' && buttonAttribute.name.name === 'aria-label';
+    });
+    if (!buttonAlreadyHasLabelProp && !buttonAlreadyHasAriaLabelProp) {
+      var labelAttribute = iconAttributes.find(function (attribute) {
+        return attribute.type === 'JSXAttribute' && attribute.name.name === 'label';
+      });
+      if (labelAttribute && labelAttribute.type === 'JSXAttribute' && iconRenamed) {
+        buttonAttributes === null || buttonAttributes === void 0 || buttonAttributes.unshift(labelAttribute);
+      }
+    }
+
+    // 2. If there are any other props on icon, move to render prop
+    var attributesOtherThanLabelOrMediumSize = iconAttributes.filter(function (iconAttribute) {
+      var _iconAttribute$value, _iconAttribute$value2;
+      // Exclude size="medium"
+      if (iconAttribute.type === 'JSXAttribute' && iconAttribute.name.name === 'size' && ((_iconAttribute$value = iconAttribute.value) === null || _iconAttribute$value === void 0 ? void 0 : _iconAttribute$value.type) === 'StringLiteral' && ((_iconAttribute$value2 = iconAttribute.value) === null || _iconAttribute$value2 === void 0 ? void 0 : _iconAttribute$value2.value) === 'medium') {
+        return false;
+      }
+
+      // Exclude label
+      if (iconAttribute.type === 'JSXAttribute' && iconAttribute.name.name === 'label') {
+        return false;
+      }
+      return true;
+    });
+    if (attributesOtherThanLabelOrMediumSize.length > 0) {
+      // Move to render prop: `<MoreIcon primaryColor />` -> `(props) => <MoreIcon {...props} primaryColor />`
+
+      // Remove label and size="medium" attributes
+      j(iconElement.openingElement).find(j.JSXAttribute).filter(function (attribute) {
+        return attribute.value.name.name === 'label' || attribute.value.type === 'JSXAttribute' && attribute.value.name.name === 'size' && attribute.value.value && attribute.value.value.type === 'StringLiteral' && attribute.value.value.value === 'medium' || false;
+      }).remove();
+
+      // Add spread props
+      iconAttributes.unshift(j.jsxSpreadAttribute(j.identifier('iconProps')));
+
+      // Create new arrow function (renderProp)
+      iconAttribute.value = j.jsxExpressionContainer(j.arrowFunctionExpression.from({
+        params: [j.identifier('iconProps')],
+        body: iconElement,
+        expression: true
+      }));
+    } else {
+      var _iconAttribute$value3;
+      // Move to bounded API: {<MoreIcon />} => {MoreIcon}
+      if (iconElement.openingElement.name.type === 'JSXIdentifier' && ((_iconAttribute$value3 = iconAttribute.value) === null || _iconAttribute$value3 === void 0 ? void 0 : _iconAttribute$value3.type) === 'JSXExpressionContainer') {
+        iconAttribute.value.expression = j.identifier(iconElement.openingElement.name.name);
+      }
+    }
+  });
+};

package/dist/esm/presets/migrate-to-new-buttons/utils/migrate-fit-container-icon-button.js

@@ -1,6 +1,7 @@
 import { addCommentBefore } from '@atlaskit/codemod-utils';
-import { getIconAttributes, getIconElement } from '../utils/generate-new-button-element';
 import { migrateFitContainerButtonToDefaultButtonComment, migrateFitContainerButtonToIconButtonComment, NEW_BUTTON_VARIANTS } from './constants';
+import { getIconAttributes } from './get-icon-attributes';
+import { getIconElement } from './get-icon-element';
 export var migrateFitContainerIconButton = function migrateFitContainerIconButton(element, j) {
   var _iconElement$openingE, _labelAttribute$value;
   var attributes = element.value.openingElement.attributes;

package/dist/esm/presets/migrate-to-new-buttons/utils/modify-button-attributes.js

@@ -0,0 +1,12 @@
+export var modifyButtonAttributes = function modifyButtonAttributes(element, j, hasSpacingNone) {
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value;
+    return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && (path.node.value.value === 'link' || path.node.value.value === 'subtle-link');
+  }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+  if (hasSpacingNone) {
+    j(element).find(j.JSXAttribute).filter(function (path) {
+      var _path$node$value2;
+      return path.node.name.name === 'spacing' && ((_path$node$value2 = path.node.value) === null || _path$node$value2 === void 0 ? void 0 : _path$node$value2.type) === 'StringLiteral' && path.node.value.value === 'none';
+    }).remove();
+  }
+};

package/dist/esm/presets/migrate-to-new-buttons/utils/modify-link-attributes.js

@@ -0,0 +1,10 @@
+export var modifyLinkAttributes = function modifyLinkAttributes(element, j) {
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value, _path$node$value2;
+    return path.node.name.name === 'appearance' && ((_path$node$value = path.node.value) === null || _path$node$value === void 0 ? void 0 : _path$node$value.type) === 'StringLiteral' && path.node.value.value === 'link' || path.node.name.name === 'spacing' && ((_path$node$value2 = path.node.value) === null || _path$node$value2 === void 0 ? void 0 : _path$node$value2.type) === 'StringLiteral' && path.node.value.value === 'none';
+  }).remove();
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value3;
+    return path.node.name.name === 'appearance' && ((_path$node$value3 = path.node.value) === null || _path$node$value3 === void 0 ? void 0 : _path$node$value3.type) === 'StringLiteral' && path.node.value.value === 'subtle-link';
+  }).replaceWith(j.jsxAttribute(j.jsxIdentifier('appearance'), j.stringLiteral('subtle')));
+};