@atlaskit/codemod-cli 0.25.0 → 0.25.2

package/dist/esm/presets/migrate-to-new-buttons/utils/find-attribute-with-value.js

@@ -0,0 +1,11 @@
+export var findJSXAttributeWithValue = function findJSXAttributeWithValue(path, attributeName, attributeValue) {
+  var _path$attributes;
+  if (!path || path.type === 'JSXSpreadAttribute') {
+    return false;
+  }
+  var attribute = path === null || path === void 0 || (_path$attributes = path.attributes) === null || _path$attributes === void 0 ? void 0 : _path$attributes.find(function (attribute) {
+    var _attribute$value;
+    return attribute.type === 'JSXAttribute' && attribute.name.name === attributeName && ((_attribute$value = attribute.value) === null || _attribute$value === void 0 ? void 0 : _attribute$value.type) === 'StringLiteral' && attribute.value.value === attributeValue;
+  });
+  return Boolean(attribute);
+};

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

@@ -0,0 +1,34 @@
+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')));
+};
+export var generateLinkComponent = function generateLinkComponent(element, j) {
+  var attributes = element.openingElement.attributes;
+  if (!element.children) {
+    return;
+  }
+  modifyLinkAttributes(element, j);
+  j(element).find(j.JSXAttribute).filter(function (attribute) {
+    var _attribute$node$value;
+    var isIconAttribute = attribute.node.name.name === 'iconBefore' || attribute.node.name.name === 'iconAfter';
+    if (((_attribute$node$value = attribute.node.value) === null || _attribute$node$value === void 0 ? void 0 : _attribute$node$value.type) === 'JSXExpressionContainer' && isIconAttribute) {
+      var iconNode = attribute.node.value;
+      if (iconNode && iconNode.type === 'JSXExpressionContainer' && iconNode.expression.type === 'JSXElement' && element.children) {
+        var icon = iconNode.expression;
+        attribute.node.name.name === 'iconBefore' ? element.children.unshift(icon) : element.children.push(icon);
+      }
+    }
+    return isIconAttribute;
+  }).remove();
+  return j.jsxElement.from({
+    openingElement: j.jsxOpeningElement(j.jsxIdentifier('Link'), attributes, false),
+    closingElement: j.jsxClosingElement(j.jsxIdentifier('Link')),
+    children: element.children
+  });
+};

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

@@ -32,7 +32,6 @@ export var getIconElement = function getIconElement(iconAttr) {
 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) {
@@ -107,6 +106,12 @@ 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);
 
@@ -134,4 +139,16 @@ export var generateNewElement = function generateNewElement(variant, element, j)
     closingElement: isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)),
     children: element.children
   });
+};
+export var modifyButtonAttributes = function modifyButtonAttributes(element, j, hasSpacingNone) {
+  j(element).find(j.JSXAttribute).filter(function (path) {
+    var _path$node$value2;
+    return path.node.name.name === 'appearance' && ((_path$node$value2 = path.node.value) === null || _path$node$value2 === void 0 ? void 0 : _path$node$value2.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$value3;
+      return path.node.name.name === 'spacing' && ((_path$node$value3 = path.node.value) === null || _path$node$value3 === void 0 ? void 0 : _path$node$value3.type) === 'StringLiteral' && path.node.value.value === 'none';
+    }).remove();
+  }
 };

package/dist/esm/presets/migrate-to-new-buttons/utils/move-icon-value-from-link-button-to-link-children.js

@@ -0,0 +1,24 @@
+var moveIcon = function moveIcon(j, path, iconNode, beforeOrAfter) {
+  var element;
+  if (!iconNode) {
+    return;
+  }
+  if (iconNode.type === 'JSXExpressionContainer') {
+    // when iconBefore={(iconProps) => <AddIcon {...iconProps} />}
+    if (iconNode.expression.type === 'ArrowFunctionExpression' && iconNode.expression.body.type === 'JSXElement') {
+      // remove {...iconProps} spread attribute
+      element = iconNode.expression.body;
+      j(element).find(j.JSXSpreadAttribute).remove();
+      j(element).find(j.JSXAttribute).insertBefore(j.jsxAttribute(j.jsxIdentifier('label'), j.stringLiteral('')));
+    }
+
+    // when iconBefore={AddIcon}
+    if (iconNode.expression.type === 'Identifier') {
+      element = j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(iconNode.expression.name), [j.jsxAttribute(j.jsxIdentifier('label'), j.stringLiteral(''))], true));
+    }
+    if (element && path.node.children) {
+      beforeOrAfter === 'iconBefore' ? path.node.children.unshift(element) : path.node.children.push(element);
+    }
+  }
+};
+export default moveIcon;

package/dist/types/presets/migrate-to-new-buttons/codemods/next-migrate-link-button-to-link.d.ts

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

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

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

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

@@ -1,12 +1,16 @@
 export declare const PRINT_SETTINGS: {
     quote: "single";
 };
-/** NEW button **/
+/**
+ * NEW button *
+ */
 export declare const NEW_BUTTON_ENTRY_POINT = "@atlaskit/button/new";
 export declare const NEW_BUTTON_VARIANTS: {
     [key: string]: string;
 };
-/** OLD button **/
+/**
+ * OLD button *
+ */
 export declare const OLD_BUTTON_ENTRY_POINT = "@atlaskit/button";
 export declare const OLD_BUTTON_VARIANTS: {
     [key: string]: string;
@@ -17,7 +21,8 @@ export declare const entryPointsMapping: {
 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 linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\".";
+export declare const noSpacinglinkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\", or provide a href prop then migrate to 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.";
@@ -27,3 +32,5 @@ export declare const loadingButtonComment: ({ hasLinkAppearance, hasHref, }: {
     hasLinkAppearance: boolean;
     hasHref: boolean;
 }) => string;
+export declare const migrateButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"default\" appearance.";
+export declare const migrateSubtleButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"subtle\" appearance.";

package/dist/types/presets/migrate-to-new-buttons/utils/find-attribute-with-value.d.ts

@@ -0,0 +1,2 @@
+import { type JSXOpeningElement, type JSXSpreadAttribute } from 'jscodeshift';
+export declare const findJSXAttributeWithValue: (path: JSXOpeningElement | JSXSpreadAttribute | undefined, attributeName: string, attributeValue: string) => boolean;

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

@@ -0,0 +1,3 @@
+import { type API, type JSXElement } from 'jscodeshift';
+export declare const modifyLinkAttributes: (element: JSXElement, j: API['jscodeshift']) => void;
+export declare const generateLinkComponent: (element: JSXElement, j: API['jscodeshift']) => JSXElement | undefined;

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

@@ -1,4 +1,4 @@
-import { type API, type JSXElement, type JSXAttribute, type JSXSpreadAttribute } from 'jscodeshift';
+import { type API, type JSXAttribute, type JSXElement, 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;
@@ -17,3 +17,4 @@ export declare const getIconElement: (iconAttr: JSXAttribute) => JSXElement | nu
  */
 export declare const handleIconAttributes: (element: JSXElement, j: API['jscodeshift'], iconRenamed?: boolean) => void;
 export declare const generateNewElement: (variant: (typeof NEW_BUTTON_VARIANTS)[keyof typeof NEW_BUTTON_VARIANTS], element: JSXElement, j: API['jscodeshift']) => JSXElement;
+export declare const modifyButtonAttributes: (element: JSXElement, j: API['jscodeshift'], hasSpacingNone: boolean) => void;

package/dist/types/presets/migrate-to-new-buttons/utils/move-icon-value-from-link-button-to-link-children.d.ts

@@ -0,0 +1,3 @@
+import { type JSXElement, type API, type JSXExpressionContainer, type ASTPath } from 'jscodeshift';
+declare const moveIcon: (j: API['jscodeshift'], path: ASTPath<JSXElement>, iconNode: JSXExpressionContainer | undefined | null, beforeOrAfter: 'iconBefore' | 'iconAfter') => void;
+export default moveIcon;

package/dist/types-ts4.5/presets/migrate-to-new-buttons/codemods/next-migrate-link-button-to-link.d.ts

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

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

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

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

@@ -1,12 +1,16 @@
 export declare const PRINT_SETTINGS: {
     quote: "single";
 };
-/** NEW button **/
+/**
+ * NEW button *
+ */
 export declare const NEW_BUTTON_ENTRY_POINT = "@atlaskit/button/new";
 export declare const NEW_BUTTON_VARIANTS: {
     [key: string]: string;
 };
-/** OLD button **/
+/**
+ * OLD button *
+ */
 export declare const OLD_BUTTON_ENTRY_POINT = "@atlaskit/button";
 export declare const OLD_BUTTON_VARIANTS: {
     [key: string]: string;
@@ -17,7 +21,8 @@ export declare const entryPointsMapping: {
 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 linkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\".";
+export declare const noSpacinglinkButtonMissingHrefComment = "\"link\" and \"subtle-link\" appearances are not available in the new Button, appearance should be \"subtle\" or \"default\", or provide a href prop then migrate to 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.";
@@ -27,3 +32,5 @@ export declare const loadingButtonComment: ({ hasLinkAppearance, hasHref, }: {
     hasLinkAppearance: boolean;
     hasHref: boolean;
 }) => string;
+export declare const migrateButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"default\" appearance.";
+export declare const migrateSubtleButtonToSubtleLinkButton = "\"link\" and \"subtle-link\" appearances are not available in the new Button. Appearance should be migrated to \"subtle\" or \"default\" for Link Button, or use Link with \"subtle\" appearance.";

package/dist/types-ts4.5/presets/migrate-to-new-buttons/utils/find-attribute-with-value.d.ts

@@ -0,0 +1,2 @@
+import { type JSXOpeningElement, type JSXSpreadAttribute } from 'jscodeshift';
+export declare const findJSXAttributeWithValue: (path: JSXOpeningElement | JSXSpreadAttribute | undefined, attributeName: string, attributeValue: string) => boolean;

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

@@ -0,0 +1,3 @@
+import { type API, type JSXElement } from 'jscodeshift';
+export declare const modifyLinkAttributes: (element: JSXElement, j: API['jscodeshift']) => void;
+export declare const generateLinkComponent: (element: JSXElement, j: API['jscodeshift']) => JSXElement | undefined;

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

@@ -1,4 +1,4 @@
-import { type API, type JSXElement, type JSXAttribute, type JSXSpreadAttribute } from 'jscodeshift';
+import { type API, type JSXAttribute, type JSXElement, 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;
@@ -17,3 +17,4 @@ export declare const getIconElement: (iconAttr: JSXAttribute) => JSXElement | nu
  */
 export declare const handleIconAttributes: (element: JSXElement, j: API['jscodeshift'], iconRenamed?: boolean) => void;
 export declare const generateNewElement: (variant: (typeof NEW_BUTTON_VARIANTS)[keyof typeof NEW_BUTTON_VARIANTS], element: JSXElement, j: API['jscodeshift']) => JSXElement;
+export declare const modifyButtonAttributes: (element: JSXElement, j: API['jscodeshift'], hasSpacingNone: boolean) => void;

package/dist/types-ts4.5/presets/migrate-to-new-buttons/utils/move-icon-value-from-link-button-to-link-children.d.ts

@@ -0,0 +1,3 @@
+import { type JSXElement, type API, type JSXExpressionContainer, type ASTPath } from 'jscodeshift';
+declare const moveIcon: (j: API['jscodeshift'], path: ASTPath<JSXElement>, iconNode: JSXExpressionContainer | undefined | null, beforeOrAfter: 'iconBefore' | 'iconAfter') => void;
+export default moveIcon;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/codemod-cli",
-	"version": "0.25.0",
+	"version": "0.25.2",
 	"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.51.0",
+		"@atlaskit/tokens": "^1.56.0",
 		"@babel/runtime": "^7.0.0",
 		"@codeshift/utils": "^0.2.4",
 		"@hypermod/utils": "^0.4.2",