@atlaskit/codemod-cli 0.17.1 → 0.17.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/codemod-cli
 
+## 0.17.2
+
+### Patch Changes
+
+- [#56711](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/56711) [`a48d9247ddb2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a48d9247ddb2) - Small changes in button migration codemod - renamed UNSAFE_size to UNSAFE_iconBefore/iconAfter_size for new link and default buttons
+
 ## 0.17.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.17.1", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.17.2", _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/utils/generate-new-button-element.js

@@ -16,6 +16,7 @@ var getIconAttribute = function getIconAttribute(attributes) {
 };
 var moveSizeAndLabelAttributes = exports.moveSizeAndLabelAttributes = function moveSizeAndLabelAttributes(element, j) {
   var _iconAttr$value;
+  var iconRenamed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var attributes = element.openingElement.attributes;
   var iconAttr = attributes && getIconAttribute(attributes);
   if (iconAttr && ((_iconAttr$value = iconAttr.value) === null || _iconAttr$value === void 0 ? void 0 : _iconAttr$value.type) === 'JSXExpressionContainer' && iconAttr.value.expression.type === 'JSXElement') {
@@ -26,14 +27,14 @@ var moveSizeAndLabelAttributes = exports.moveSizeAndLabelAttributes = function m
       var labelAttribute = iconJSXElementAttributes.find(function (attribute) {
         return attribute.type === 'JSXAttribute' && attribute.name.name === 'label';
       });
-      if (labelAttribute && labelAttribute.type === 'JSXAttribute') {
+      if (labelAttribute && labelAttribute.type === 'JSXAttribute' && iconRenamed) {
         attributes === null || attributes === void 0 || attributes.push(labelAttribute);
       }
       var sizeAttribute = iconJSXElementAttributes.find(function (attribute) {
         return attribute.type === 'JSXAttribute' && attribute.name.name === 'size';
       });
       if (sizeAttribute && sizeAttribute.type === 'JSXAttribute') {
-        sizeAttribute.name.name = "UNSAFE_size";
+        sizeAttribute.name.name = iconRenamed ? 'UNSAFE_size' : "UNSAFE_".concat(iconAttr.name.name, "_size");
         attributes === null || attributes === void 0 || attributes.push(sizeAttribute);
       }
     }
@@ -47,14 +48,14 @@ var moveSizeAndLabelAttributes = exports.moveSizeAndLabelAttributes = function m
 var generateNewElement = exports.generateNewElement = function generateNewElement(variant, element, j) {
   var attributes = element.openingElement.attributes;
   var iconAttr = attributes && getIconAttribute(attributes);
-  if (variant === _constants.NEW_BUTTON_VARIANTS.icon.as && iconAttr && attributes) {
-    moveSizeAndLabelAttributes(element, j);
+  var isIconOrLinkIcon = variant === _constants.NEW_BUTTON_VARIANTS.icon.as || variant === _constants.NEW_BUTTON_VARIANTS.linkIcon.as;
+  if (isIconOrLinkIcon && iconAttr) {
+    moveSizeAndLabelAttributes(element, j, true);
 
     // rename iconBefore/iconAfter to icon
     iconAttr.name.name = 'icon';
   }
-
+  return j.jsxElement(
   // self closing if it's an icon button or icon link button
-  var isSelfClosing = variant === _constants.NEW_BUTTON_VARIANTS.icon.as || variant === _constants.NEW_BUTTON_VARIANTS.linkIcon.as;
-  return j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isSelfClosing), isSelfClosing ? null : j.jsxClosingElement(j.jsxIdentifier(variant)), element.children);
+  j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isIconOrLinkIcon), isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)), element.children);
 };

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

@@ -6,7 +6,7 @@ const getIconAttribute = attributes => {
   }
   return null;
 };
-export const moveSizeAndLabelAttributes = (element, j) => {
+export const moveSizeAndLabelAttributes = (element, j, iconRenamed = false) => {
   var _iconAttr$value;
   const {
     attributes
@@ -18,12 +18,12 @@ export const moveSizeAndLabelAttributes = (element, j) => {
     if (Array.isArray(iconJSXElementAttributes)) {
       // move label and size attributes from icon to the root Button prop
       const labelAttribute = iconJSXElementAttributes.find(attribute => attribute.type === 'JSXAttribute' && attribute.name.name === 'label');
-      if (labelAttribute && labelAttribute.type === 'JSXAttribute') {
+      if (labelAttribute && labelAttribute.type === 'JSXAttribute' && iconRenamed) {
         attributes === null || attributes === void 0 ? void 0 : attributes.push(labelAttribute);
       }
       const sizeAttribute = iconJSXElementAttributes.find(attribute => attribute.type === 'JSXAttribute' && attribute.name.name === 'size');
       if (sizeAttribute && sizeAttribute.type === 'JSXAttribute') {
-        sizeAttribute.name.name = `UNSAFE_size`;
+        sizeAttribute.name.name = iconRenamed ? 'UNSAFE_size' : `UNSAFE_${iconAttr.name.name}_size`;
         attributes === null || attributes === void 0 ? void 0 : attributes.push(sizeAttribute);
       }
     }
@@ -39,14 +39,14 @@ export const generateNewElement = (variant, element, j) => {
     attributes
   } = element.openingElement;
   const iconAttr = attributes && getIconAttribute(attributes);
-  if (variant === NEW_BUTTON_VARIANTS.icon.as && iconAttr && attributes) {
-    moveSizeAndLabelAttributes(element, j);
+  const isIconOrLinkIcon = variant === NEW_BUTTON_VARIANTS.icon.as || variant === NEW_BUTTON_VARIANTS.linkIcon.as;
+  if (isIconOrLinkIcon && iconAttr) {
+    moveSizeAndLabelAttributes(element, j, true);
 
     // rename iconBefore/iconAfter to icon
     iconAttr.name.name = 'icon';
   }
-
+  return j.jsxElement(
   // self closing if it's an icon button or icon link button
-  const isSelfClosing = variant === NEW_BUTTON_VARIANTS.icon.as || variant === NEW_BUTTON_VARIANTS.linkIcon.as;
-  return j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isSelfClosing), isSelfClosing ? null : j.jsxClosingElement(j.jsxIdentifier(variant)), element.children);
+  j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isIconOrLinkIcon), isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)), element.children);
 };

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.17.1", _PACKAGE_VERSION_ = _process$env$_PACKAGE === void 0 ? '0.0.0-dev' : _process$env$_PACKAGE;
+          _process$env$_PACKAGE = "0.17.2", _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/utils/generate-new-button-element.js

@@ -10,6 +10,7 @@ var getIconAttribute = function getIconAttribute(attributes) {
 };
 export var moveSizeAndLabelAttributes = function moveSizeAndLabelAttributes(element, j) {
   var _iconAttr$value;
+  var iconRenamed = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var attributes = element.openingElement.attributes;
   var iconAttr = attributes && getIconAttribute(attributes);
   if (iconAttr && ((_iconAttr$value = iconAttr.value) === null || _iconAttr$value === void 0 ? void 0 : _iconAttr$value.type) === 'JSXExpressionContainer' && iconAttr.value.expression.type === 'JSXElement') {
@@ -20,14 +21,14 @@ export var moveSizeAndLabelAttributes = function moveSizeAndLabelAttributes(elem
       var labelAttribute = iconJSXElementAttributes.find(function (attribute) {
         return attribute.type === 'JSXAttribute' && attribute.name.name === 'label';
       });
-      if (labelAttribute && labelAttribute.type === 'JSXAttribute') {
+      if (labelAttribute && labelAttribute.type === 'JSXAttribute' && iconRenamed) {
         attributes === null || attributes === void 0 || attributes.push(labelAttribute);
       }
       var sizeAttribute = iconJSXElementAttributes.find(function (attribute) {
         return attribute.type === 'JSXAttribute' && attribute.name.name === 'size';
       });
       if (sizeAttribute && sizeAttribute.type === 'JSXAttribute') {
-        sizeAttribute.name.name = "UNSAFE_size";
+        sizeAttribute.name.name = iconRenamed ? 'UNSAFE_size' : "UNSAFE_".concat(iconAttr.name.name, "_size");
         attributes === null || attributes === void 0 || attributes.push(sizeAttribute);
       }
     }
@@ -41,14 +42,14 @@ export var moveSizeAndLabelAttributes = function moveSizeAndLabelAttributes(elem
 export var generateNewElement = function generateNewElement(variant, element, j) {
   var attributes = element.openingElement.attributes;
   var iconAttr = attributes && getIconAttribute(attributes);
-  if (variant === NEW_BUTTON_VARIANTS.icon.as && iconAttr && attributes) {
-    moveSizeAndLabelAttributes(element, j);
+  var isIconOrLinkIcon = variant === NEW_BUTTON_VARIANTS.icon.as || variant === NEW_BUTTON_VARIANTS.linkIcon.as;
+  if (isIconOrLinkIcon && iconAttr) {
+    moveSizeAndLabelAttributes(element, j, true);
 
     // rename iconBefore/iconAfter to icon
     iconAttr.name.name = 'icon';
   }
-
+  return j.jsxElement(
   // self closing if it's an icon button or icon link button
-  var isSelfClosing = variant === NEW_BUTTON_VARIANTS.icon.as || variant === NEW_BUTTON_VARIANTS.linkIcon.as;
-  return j.jsxElement(j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isSelfClosing), isSelfClosing ? null : j.jsxClosingElement(j.jsxIdentifier(variant)), element.children);
+  j.jsxOpeningElement(j.jsxIdentifier(variant), attributes, isIconOrLinkIcon), isIconOrLinkIcon ? null : j.jsxClosingElement(j.jsxIdentifier(variant)), element.children);
 };

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

@@ -1,4 +1,4 @@
 import type { API, JSXElement } from 'jscodeshift';
 import { NEW_BUTTON_VARIANTS } from '../utils/constants';
-export declare const moveSizeAndLabelAttributes: (element: JSXElement, j: API['jscodeshift']) => void;
+export declare const moveSizeAndLabelAttributes: (element: JSXElement, j: API['jscodeshift'], iconRenamed?: boolean) => void;
 export declare const generateNewElement: (variant: (typeof NEW_BUTTON_VARIANTS)[keyof typeof NEW_BUTTON_VARIANTS]['as'], element: JSXElement, j: API['jscodeshift']) => JSXElement;

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

@@ -1,4 +1,4 @@
 import type { API, JSXElement } from 'jscodeshift';
 import { NEW_BUTTON_VARIANTS } from '../utils/constants';
-export declare const moveSizeAndLabelAttributes: (element: JSXElement, j: API['jscodeshift']) => void;
+export declare const moveSizeAndLabelAttributes: (element: JSXElement, j: API['jscodeshift'], iconRenamed?: boolean) => void;
 export declare const generateNewElement: (variant: (typeof NEW_BUTTON_VARIANTS)[keyof typeof NEW_BUTTON_VARIANTS]['as'], element: JSXElement, j: API['jscodeshift']) => JSXElement;

package/package.json

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

package/tmp/api-report-tmp.d.ts

@@ -1,66 +0,0 @@
-## API Report File for "@atlaskit/codemod-cli"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-// @public (undocumented)
-type CliFlags = {
-    transform?: string;
-    preset?: string;
-    packages?: string;
-    parser: 'babel' | 'babylon' | 'flow' | 'ts' | 'tsx';
-    extensions: string;
-    ignorePattern: string;
-    sinceRef?: string;
-    failOnError?: boolean;
-    filterPaths?: boolean;
-};
-
-// @public
-type Default<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
-
-// @public (undocumented)
-const defaultFlags: {
-    parser: "babel";
-    extensions: string;
-    ignorePattern: string;
-    logger: Console;
-};
-
-// @public (undocumented)
-type Flags_2 = CliFlags & {
-    logger: {
-        log: (...args: any) => void;
-        warn: (...args: any) => void;
-    };
-};
-export { Flags_2 as Flags }
-
-// @public (undocumented)
-function main(input: string[], userFlags: UserFlags): Promise<{
-    transforms: {
-        module: string;
-        root: string;
-        dir: string;
-        base: string;
-        ext: string;
-        name: string;
-    }[];
-}>;
-export default main;
-
-// @public (undocumented)
-export class NoTransformsExistError extends Error {
-}
-
-// @public (undocumented)
-export type UserFlags = Default<Flags_2, keyof typeof defaultFlags>;
-
-// @public (undocumented)
-export class ValidationError extends Error {
-}
-
-// (No @packageDocumentation comment for this package)
-
-```