@workday/canvas-kit-codemod 6.3.0 → 7.0.0-alpha.0-next.0

package/dist/es6/v6/renameCanvasDepthValue.js

@@ -1,74 +1,9 @@
-var mainPackage = '@workday/canvas-kit-react';
-var tokensPackage = '@workday/canvas-kit-react/tokens';
-var renameMap = {
-    CanvasDepthValue: 'CanvasDepthValues',
-};
-export default function transformer(file, api) {
+import { renameImports } from './utils';
+var transform = function (file, api) {
     var j = api.jscodeshift;
     var root = j(file.source);
-    var hasCanvasDepthValueImports = false;
-    // Toggles the failsafe that prevents us from accidentally transforming something unintentionally.
-    root.find(j.ImportDeclaration, function (nodePath) {
-        var value = nodePath.source.value;
-        // if there is a CanvasDepthValue import from either the main package or the tokens package, toggle the failsafe
-        if (value === mainPackage || value === tokensPackage) {
-            var importSpecifiers = nodePath.specifiers || [];
-            importSpecifiers.forEach(function (specifier) {
-                if (specifier.type === 'ImportSpecifier' && specifier.imported.name in renameMap) {
-                    hasCanvasDepthValueImports = true;
-                }
-            });
-        }
-    });
-    // Failsafe to skip transforms unless a CanvasDepthValue import is detected
-    if (!hasCanvasDepthValueImports) {
-        return root.toSource();
-    }
-    // Rename CanvasDepthValue import from @workday/canvas-kit-react
-    // e.g. import { CanvasDepthValue } from '@workday/canvas-kit-react';
-    // becomes import { CanvasDepthValues } from '@workday/canvas-kit-react';
-    root.find(j.ImportDeclaration, { source: { value: mainPackage } }).forEach(function (nodePath) {
-        var importSpecifiers = nodePath.value.specifiers || [];
-        importSpecifiers.forEach(function (specifier) {
-            if (specifier.type === 'ImportSpecifier' && specifier.imported.name in renameMap) {
-                specifier.imported.name = renameMap[specifier.imported.name];
-            }
-        });
-    });
-    // Rename CanvasDepthValue import from @workday/canvas-kit-react/tokens
-    // e.g. import { CanvasDepthValue } from '@workday/canvas-kit-react/tokens';
-    // becomes import { CanvasDepthValues } from '@workday/canvas-kit-react/tokens';
-    root.find(j.ImportDeclaration, { source: { value: tokensPackage } }).forEach(function (nodePath) {
-        var importSpecifiers = nodePath.value.specifiers || [];
-        importSpecifiers.forEach(function (specifier) {
-            if (specifier.type === 'ImportSpecifier' && specifier.imported.name in renameMap) {
-                specifier.imported.name = renameMap[specifier.imported.name];
-            }
-        });
-    });
-    // Transform CanvasDepthValue type references
-    // e.g. type CustomDepthValues = CanvasDepthValue;
-    // becomes type CustomDepthValues = CanvasDepthValues;
-    root.find(j.TSTypeReference, { typeName: { type: 'Identifier' } }).forEach(function (nodePath) {
-        var identifier = nodePath.value.typeName;
-        if (identifier.name in renameMap) {
-            identifier.name = renameMap[identifier.name];
-        }
-    });
-    // Transform CanvasDepthValue type interface declaration references
-    // e.g. interface OtherCustomDepthValues extends CanvasDepthValue {};
-    // becomes interface OtherCustomDepthValues extends CanvasDepthValues {};
-    root.find(j.TSInterfaceDeclaration).forEach(function (nodePath) {
-        var _a;
-        // If the interface is extending SearchBarProps, transform the extension name to SearchFormProps
-        (_a = nodePath.node.extends) === null || _a === void 0 ? void 0 : _a.forEach(function (typeExtension) {
-            if (typeExtension.expression.type === 'Identifier') {
-                var typeName = typeExtension.expression.name;
-                if (typeExtension.expression.name in renameMap) {
-                    typeExtension.expression.name = renameMap[typeName];
-                }
-            }
-        });
-    });
-    return root.toSource();
-}
+    return renameImports(api, root, '@workday/canvas-kit-react/tokens', {
+        CanvasDepthValue: 'CanvasDepthValues',
+    }).toSource();
+};
+export default transform;

package/dist/es6/v6/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { ImportSpecifier, ImportDefaultSpecifier, ImportNamespaceSpecifier } from 'jscodeshift';
+import { ImportSpecifier, ImportDefaultSpecifier, ImportNamespaceSpecifier, Collection, API } from 'jscodeshift';
 export declare type ImportSpecifierArray = (ImportSpecifier | ImportNamespaceSpecifier | ImportDefaultSpecifier)[];
 /**
  * Returns a filtered array of ImportSpecifiers
@@ -48,4 +48,23 @@ export declare function filterImportDefaultSpecifiers(importSpecifiers: ImportSp
  * renameImportSpecifiers(pageHeaderSpecifiers, renameMap);
  */
 export declare function renameImportDefaultSpecifiers(importSpecifiers: ImportDefaultSpecifier[], renameMap: RenameMap): ImportDefaultSpecifier[];
+/**
+ * Search for import statements for a package and specific import specifiers. This
+ * is useful for codemods to skip files that don't contain import specifiers that
+ * require codemoding.
+ *
+ * @example
+ * const hasImports = hasImportSpecifiers(
+ *   api,
+ *   root,
+ *   '@workday/canvas-kit-react/cookie-banner',
+ *   ['CookieBanner', 'CookieBannerProps']
+ * )
+ *
+ * if (!hasImports) {
+ *   return file.source
+ * }
+ */
+export declare function hasImportSpecifiers(api: API, root: Collection<any>, packageName: string | string[], specifiers: string[]): boolean;
+export declare function renameImports(api: API, root: Collection<any>, packageName: string, specifierMap: Record<string, string>): Collection<any>;
 //# sourceMappingURL=index.d.ts.map

package/dist/es6/v6/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/v6/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,sBAAsB,EAAE,wBAAwB,EAAC,MAAM,aAAa,CAAC;AAE9F,oBAAY,oBAAoB,GAAG,CAC/B,eAAe,GACf,wBAAwB,GACxB,sBAAsB,CACzB,EAAE,CAAC;AAEJ;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CACpC,gBAAgB,EAAE,oBAAoB,EACtC,WAAW,CAAC,EAAE,MAAM,EAAE,qBAevB;AAED,oBAAY,SAAS,GAAG;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,gBAAgB,EAAE,eAAe,EAAE,EAAE,SAAS,EAAE,SAAS,qBAQ/F;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,6BAA6B,CAC3C,gBAAgB,EAAE,oBAAoB,EACtC,WAAW,CAAC,EAAE,MAAM,EAAE,4BAevB;AAED;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAC3C,gBAAgB,EAAE,sBAAsB,EAAE,EAC1C,SAAS,EAAE,SAAS,4BASrB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/v6/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,wBAAwB,EACxB,UAAU,EACV,GAAG,EACJ,MAAM,aAAa,CAAC;AAErB,oBAAY,oBAAoB,GAAG,CAC/B,eAAe,GACf,wBAAwB,GACxB,sBAAsB,CACzB,EAAE,CAAC;AAEJ;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CACpC,gBAAgB,EAAE,oBAAoB,EACtC,WAAW,CAAC,EAAE,MAAM,EAAE,qBAevB;AAED,oBAAY,SAAS,GAAG;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CAAC,gBAAgB,EAAE,eAAe,EAAE,EAAE,SAAS,EAAE,SAAS,qBAQ/F;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,6BAA6B,CAC3C,gBAAgB,EAAE,oBAAoB,EACtC,WAAW,CAAC,EAAE,MAAM,EAAE,4BAevB;AAED;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAC3C,gBAAgB,EAAE,sBAAsB,EAAE,EAC1C,SAAS,EAAE,SAAS,4BASrB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,EACrB,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,EAC9B,UAAU,EAAE,MAAM,EAAE,WAkCrB;AAED,wBAAgB,aAAa,CAC3B,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,EACrB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACnC,UAAU,CAAC,GAAG,CAAC,CAsFjB"}

package/dist/es6/v6/utils/index.js

@@ -88,3 +88,124 @@ export function renameImportDefaultSpecifiers(importSpecifiers, renameMap) {
     });
     return importSpecifiers;
 }
+/**
+ * Search for import statements for a package and specific import specifiers. This
+ * is useful for codemods to skip files that don't contain import specifiers that
+ * require codemoding.
+ *
+ * @example
+ * const hasImports = hasImportSpecifiers(
+ *   api,
+ *   root,
+ *   '@workday/canvas-kit-react/cookie-banner',
+ *   ['CookieBanner', 'CookieBannerProps']
+ * )
+ *
+ * if (!hasImports) {
+ *   return file.source
+ * }
+ */
+export function hasImportSpecifiers(api, root, packageName, specifiers) {
+    var j = api.jscodeshift;
+    return !!root.find(j.ImportDeclaration, function (nodePath) {
+        var value = nodePath.source.value;
+        // package name was found
+        if (typeof packageName === 'string'
+            ? value === packageName
+            : packageName.includes(value)) {
+            return true;
+        }
+        // Extract the main package(s) from the import, and test specifiers against that package
+        var mainPackage = (typeof packageName === 'string' ? [packageName] : packageName).map(function (s) {
+            return s
+                .split('/')
+                .slice(0, -1)
+                .join('/');
+        });
+        if (mainPackage.includes(value)) {
+            return !!(nodePath.specifiers || []).find(function (specifier) {
+                if (specifier.type === 'ImportSpecifier') {
+                    var specifierName = specifier.imported.name;
+                    return specifiers.includes(specifierName);
+                }
+                return false;
+            });
+        }
+        return false;
+    });
+}
+export function renameImports(api, root, packageName, specifierMap) {
+    var j = api.jscodeshift;
+    if (!hasImportSpecifiers(api, root, packageName, Object.keys(specifierMap))) {
+        return root;
+    }
+    var mainPackage = packageName
+        .split('/')
+        .slice(0, -1)
+        .join('/');
+    // Transform import statements
+    // e.g. import { CookieBanner, CookieBannerProps } from '@workday/canvas-kit-react';
+    // becomes import { DeprecatedCookieBanner, DeprecatedCookieBannerProps } from '@workday/canvas-kit-react';
+    root.find(j.ImportDeclaration, { source: { value: mainPackage } }).forEach(function (nodePath) {
+        var _a;
+        (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.forEach(function (specifier) {
+            if (specifier.type === 'ImportSpecifier') {
+                if (Object.keys(specifierMap).includes(specifier.imported.name)) {
+                    specifier.imported.name = specifierMap[specifier.imported.name];
+                }
+            }
+        });
+    });
+    // Transforms default imports from package
+    root.find(j.ImportDeclaration, { source: { value: packageName } }).forEach(function (nodePath) {
+        var _a;
+        (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.forEach(function (specifier) {
+            if (specifier.type === 'ImportDefaultSpecifier') {
+                if (specifier.local && Object.keys(specifierMap).includes(specifier.local.name)) {
+                    specifier.local.name = specifierMap[specifier.local.name];
+                }
+            }
+            if (specifier.type === 'ImportSpecifier') {
+                if (Object.keys(specifierMap).includes(specifier.imported.name)) {
+                    specifier.imported.name = specifierMap[specifier.imported.name];
+                }
+            }
+        });
+    });
+    // Transform type references
+    // e.g. `type CustomProps = CookieBannerProps;` becomes `type CustomProps = DeprecatedCookieBannerProps;`
+    root.find(j.TSTypeReference, { typeName: { type: 'Identifier' } }).forEach(function (nodePath) {
+        if (nodePath.value.typeName.type === 'Identifier' &&
+            Object.keys(specifierMap).includes(nodePath.value.typeName.name)) {
+            nodePath.value.typeName.name = specifierMap[nodePath.value.typeName.name];
+        }
+    });
+    // Transform type interface declaration references
+    // e.g. `interface CustomProps extends CookieBannerProps` becomes `interface CustomProps extends DeprecatedCookieBannerProps`
+    root.find(j.TSInterfaceDeclaration).forEach(function (nodePath) {
+        var _a;
+        // If the interface is extending CookieBannerProps, transform the extension name to DeprecatedCookieBannerProps
+        (_a = nodePath.node.extends) === null || _a === void 0 ? void 0 : _a.forEach(function (typeExtension) {
+            if (typeExtension.expression.type === 'Identifier' &&
+                Object.keys(specifierMap).includes(typeExtension.expression.name)) {
+                typeExtension.expression.name = specifierMap[typeExtension.expression.name];
+            }
+        });
+    });
+    // Transform JSXElements
+    // e.g. `<CookieBanner>` becomes `<DeprecatedCookieBanner>`
+    root.find(j.JSXIdentifier).forEach(function (nodePath) {
+        if (Object.keys(specifierMap).includes(nodePath.value.name)) {
+            nodePath.node.name = specifierMap[nodePath.value.name];
+        }
+    });
+    // Transform MemberExpressions
+    // e.g. `CookieBanner.DefaultNotice` becomes `DeprecatedCookieBanner.DefaultNotice`
+    root.find(j.MemberExpression, { object: { type: 'Identifier' } }).forEach(function (nodePath) {
+        if (nodePath.value.object.type === 'Identifier' &&
+            Object.keys(specifierMap).includes(nodePath.value.object.name)) {
+            nodePath.value.object.name = specifierMap[nodePath.value.object.name];
+        }
+    });
+    return root;
+}

package/dist/es6/v7/compoundActionBar.d.ts

@@ -0,0 +1,3 @@
+import { API, FileInfo, Options } from 'jscodeshift';
+export default function transformer(file: FileInfo, api: API, options: Options): string;
+//# sourceMappingURL=compoundActionBar.d.ts.map

package/dist/es6/v7/compoundActionBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compoundActionBar.d.ts","sourceRoot":"","sources":["../../../lib/v7/compoundActionBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAyC,MAAM,aAAa,CAAC;AAM3F,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,UAkD7E"}

package/dist/es6/v7/compoundActionBar.js

@@ -0,0 +1,42 @@
+import { getImportRenameMap } from './utils/getImportRenameMap';
+import { hasImportSpecifiers } from '../v6/utils';
+var actionBarPackage = '@workday/canvas-kit-react/action-bar';
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    if (!hasImportSpecifiers(api, root, actionBarPackage, ['ActionBar'])) {
+        return file.source;
+    }
+    // Replace default import with named or renamed import
+    root.find(j.ImportDefaultSpecifier).forEach(function (nodePath) {
+        var _a;
+        var parent = nodePath.parent;
+        var importSource = String(parent.node.source.value);
+        var localName = (_a = nodePath.value.local) === null || _a === void 0 ? void 0 : _a.name;
+        if (actionBarPackage === importSource && localName) {
+            nodePath.replace(j.importSpecifier(j.identifier('ActionBar'), j.identifier(localName)));
+        }
+    });
+    var _a = getImportRenameMap(j, root, '@workday/canvas-kit-react/action-bar'), importMap = _a.importMap, styledMap = _a.styledMap;
+    // Remove fixed prop from ActionBar component
+    root
+        .find(j.JSXElement, function (value) {
+        return value.openingElement.name.type === 'JSXIdentifier' &&
+            (value.openingElement.name.name === importMap.ActionBar ||
+                value.openingElement.name.name === styledMap.ActionBar);
+    })
+        .forEach(function (nodePath) {
+        var attributes = nodePath.value.openingElement.attributes;
+        if (attributes) {
+            // remove these attributes from ActionBar
+            nodePath.value.openingElement.attributes = attributes.filter(function (item) {
+                return item.type === 'JSXAttribute' &&
+                    item.name.type === 'JSXIdentifier' &&
+                    ['fixed'].includes(item.name.name)
+                    ? false
+                    : true;
+            });
+        }
+    });
+    return root.toSource();
+}

package/dist/es6/v7/compoundBanner.d.ts

@@ -0,0 +1,3 @@
+import { API, FileInfo, Options } from 'jscodeshift';
+export default function transformer(file: FileInfo, api: API, options: Options): string;
+//# sourceMappingURL=compoundBanner.d.ts.map

package/dist/es6/v7/compoundBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compoundBanner.d.ts","sourceRoot":"","sources":["../../../lib/v7/compoundBanner.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,QAAQ,EACR,OAAO,EAUR,MAAM,aAAa,CAAC;AAQrB,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,UAuM7E"}

package/dist/es6/v7/compoundBanner.js

@@ -0,0 +1,133 @@
+import { getImportRenameMap } from './utils/getImportRenameMap';
+function filterDefined(input) {
+    return !!input;
+}
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    var _a = getImportRenameMap(j, root, '@workday/canvas-kit-react/banner'), containsCanvasImports = _a.containsCanvasImports, importMap = _a.importMap, styledMap = _a.styledMap;
+    if (!containsCanvasImports) {
+        return file.source;
+    }
+    root
+        .find(j.JSXElement, function (value) {
+        return value.openingElement.name.type === 'JSXIdentifier' &&
+            (value.openingElement.name.name === importMap.Banner ||
+                value.openingElement.name.name === styledMap.Banner);
+    })
+        .forEach(function (nodePath) {
+        var _a, _b;
+        // bail early if we find a `Banner.Label` as a child
+        for (var _i = 0, _c = nodePath.value.children || []; _i < _c.length; _i++) {
+            var child = _c[_i];
+            if (child.type === 'JSXElement' &&
+                child.openingElement.name.type === 'JSXMemberExpression' &&
+                child.openingElement.name.object.type === 'JSXIdentifier' &&
+                child.openingElement.name.object.name === 'Banner' &&
+                child.openingElement.name.property.type === 'JSXIdentifier' &&
+                child.openingElement.name.property.name === 'Label') {
+                return;
+            }
+        }
+        var findAttribute = function (name) { return function (item) {
+            if (item.type === 'JSXAttribute' &&
+                item.name.type === 'JSXIdentifier' &&
+                item.name.name === name) {
+                return true;
+            }
+            return false;
+        }; };
+        var attributes = nodePath.value.openingElement.attributes;
+        if (attributes) {
+            var label = attributes.find(findAttribute('label'));
+            var actionText = attributes.find(findAttribute('actionText'));
+            var errorIndex_1 = attributes.findIndex(findAttribute('error'));
+            var variantIndex_1 = attributes.findIndex(findAttribute('variant'));
+            if (errorIndex_1 >= 0 && ((_a = nodePath.value.openingElement.attributes) === null || _a === void 0 ? void 0 : _a[errorIndex_1])) {
+                var errorExpression = nodePath.value.openingElement.attributes[errorIndex_1].value.expression;
+                var getNameToBoolean = function (name) {
+                    return name === 'Error' ? j.booleanLiteral(true) : j.booleanLiteral(false);
+                };
+                var setHasError = function (hasErrorValue) {
+                    if (nodePath.value.openingElement.attributes) {
+                        nodePath.value.openingElement.attributes[errorIndex_1] = j.jsxAttribute(j.jsxIdentifier('hasError'), j.jsxExpressionContainer(hasErrorValue));
+                    }
+                };
+                if (errorExpression.property) {
+                    var previousExpression = errorExpression;
+                    var newValue = getNameToBoolean(previousExpression.property.name);
+                    setHasError(newValue);
+                }
+                if (errorExpression.test) {
+                    var previousExpression = errorExpression;
+                    var newValue = j.conditionalExpression(previousExpression.test, getNameToBoolean(previousExpression.consequent.property.name), getNameToBoolean(previousExpression.alternate.property.name));
+                    setHasError(newValue);
+                }
+            }
+            if (variantIndex_1 >= 0 && ((_b = nodePath.value.openingElement.attributes) === null || _b === void 0 ? void 0 : _b[variantIndex_1])) {
+                var stickyExpression = nodePath.value.openingElement.attributes[variantIndex_1].value.expression;
+                var getNameToBoolean = function (name) {
+                    return name === 'Sticky' ? j.booleanLiteral(true) : j.booleanLiteral(false);
+                };
+                var setIsSticky = function (hasStickyValue) {
+                    if (nodePath.value.openingElement.attributes) {
+                        nodePath.value.openingElement.attributes[variantIndex_1] = j.jsxAttribute(j.jsxIdentifier('isSticky'), j.jsxExpressionContainer(hasStickyValue));
+                    }
+                };
+                if (stickyExpression.property) {
+                    var previousExpression = stickyExpression;
+                    var newValue = getNameToBoolean(previousExpression.property.name);
+                    setIsSticky(newValue);
+                }
+                if (stickyExpression.test) {
+                    var previousExpression = stickyExpression;
+                    var newValue = j.conditionalExpression(previousExpression.test, getNameToBoolean(previousExpression.consequent.property.name), getNameToBoolean(previousExpression.alternate.property.name));
+                    setIsSticky(newValue);
+                }
+            }
+            // remove these attributes from the list - we'll add them as sub components
+            nodePath.value.openingElement.attributes = attributes.filter(function (item) {
+                if (item.type === 'JSXAttribute' &&
+                    item.name.type === 'JSXIdentifier' &&
+                    ['label', 'actionText'].includes(item.name.name)) {
+                    return false;
+                }
+                return true;
+            });
+            var BannerIconJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.Banner), j.jsxIdentifier('Icon'));
+            var BannerLabelJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.Banner), j.jsxIdentifier('Label'));
+            var BannerActionTextJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.Banner), j.jsxIdentifier('ActionText'));
+            var convertAttributeToChildren = function (input) {
+                var _a;
+                switch ((_a = input.value) === null || _a === void 0 ? void 0 : _a.type) {
+                    case 'JSXExpressionContainer':
+                        // unwrap JSXElements
+                        if (input.value.expression.type === 'JSXElement') {
+                            return [input.value.expression];
+                        }
+                        return [input.value];
+                    default:
+                        return [input.value];
+                }
+            };
+            var createSelfClosingTag = function (Tag) {
+                var OpeningTag = j.jsxOpeningElement(Tag);
+                OpeningTag.selfClosing = true;
+                return j.jsxElement(OpeningTag);
+            };
+            nodePath.value.openingElement.selfClosing = false;
+            // Add subcomponents back as children
+            nodePath.value.children = [
+                createSelfClosingTag(BannerIconJSX),
+                !!label
+                    ? j.jsxElement(j.jsxOpeningElement(BannerLabelJSX), j.jsxClosingElement(BannerLabelJSX), convertAttributeToChildren(label))
+                    : createSelfClosingTag(BannerLabelJSX),
+                !!actionText
+                    ? j.jsxElement(j.jsxOpeningElement(BannerActionTextJSX), j.jsxClosingElement(BannerActionTextJSX), convertAttributeToChildren(actionText))
+                    : createSelfClosingTag(BannerActionTextJSX),
+            ].filter(filterDefined);
+            nodePath.value.closingElement = j.jsxClosingElement(nodePath.value.openingElement.name);
+        }
+    });
+    return root.toSource();
+}

package/dist/es6/v7/index.d.ts

@@ -0,0 +1,3 @@
+import { API, FileInfo, Options } from 'jscodeshift';
+export default function transformer(file: FileInfo, api: API, options: Options): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/es6/v7/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/v7/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAC,MAAM,aAAa,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,QAI7E"}

package/dist/es6/v7/index.js

@@ -0,0 +1,5 @@
+export default function transformer(file, api, options) {
+    // These will run in order. If your transform depends on others, place yours after dependent transforms
+    //   const fixes = [];
+    //   return fixes.reduce((source, fix) => fix({...file, source}, api, options), file.source);
+}

package/dist/es6/v7/utils/getImportRenameMap.d.ts

@@ -0,0 +1,7 @@
+import { Collection, JSCodeshift } from 'jscodeshift';
+export declare function getImportRenameMap(j: JSCodeshift, root: Collection<any>, packageName?: string): {
+    containsCanvasImports: boolean;
+    importMap: Record<string, string>;
+    styledMap: Record<string, string>;
+};
+//# sourceMappingURL=getImportRenameMap.d.ts.map

package/dist/es6/v7/utils/getImportRenameMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getImportRenameMap.d.ts","sourceRoot":"","sources":["../../../../lib/v7/utils/getImportRenameMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,WAAW,EAAiB,MAAM,aAAa,CAAC;AAEpE,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,WAAW,SAAK;;;;EAyDzF"}

package/dist/es6/v7/utils/getImportRenameMap.js

@@ -0,0 +1,50 @@
+export function getImportRenameMap(j, root, packageName) {
+    if (packageName === void 0) { packageName = ''; }
+    var containsCanvasImports = false;
+    // build import name remapping - in case someone renamed imports...
+    // i.e. `import { IconButton as StyledIconButton } ...`
+    var importMap = {};
+    var styledMap = {};
+    root.find(j.ImportDeclaration, function (node) {
+        // imports our module
+        var value = node.source.value;
+        if (typeof value === 'string' &&
+            (value === '@workday/canvas-kit-react' || value === packageName)) {
+            containsCanvasImports = true;
+            (node.specifiers || []).forEach(function (specifier) {
+                if (specifier.type === 'ImportSpecifier') {
+                    if (!specifier.local || specifier.local.name === specifier.imported.name) {
+                        importMap[specifier.imported.name] = specifier.imported.name;
+                    }
+                    else {
+                        importMap[specifier.imported.name] = specifier.local.name;
+                    }
+                }
+            });
+        }
+        return false;
+    });
+    root
+        .find(j.CallExpression, function (node) {
+        if (node.callee.type === 'Identifier' &&
+            node.callee.name === 'styled' &&
+            node.arguments[0].type === 'Identifier') {
+            return true;
+        }
+        return false;
+    })
+        .forEach(function (nodePath) {
+        // const StyledName = styled(OriginalName)({})
+        // const StyledName = styled(OriginalName)`` // Tagged template
+        if ((nodePath.parent.value.type === 'CallExpression' ||
+            nodePath.parent.value.type === 'TaggedTemplateExpression') &&
+            nodePath.parent.parent.value.type === 'VariableDeclarator' &&
+            nodePath.parent.parent.value.id.type === 'Identifier') {
+            var styledName = nodePath.parent.parent.value.id.name;
+            if (nodePath.value.arguments[0].type === 'Identifier') {
+                styledMap[nodePath.value.arguments[0].name] = styledName;
+            }
+        }
+    });
+    return { containsCanvasImports: containsCanvasImports, importMap: importMap, styledMap: styledMap };
+}

package/dist/es6/v7/utils/hasImportSpecifiers.d.ts

@@ -0,0 +1,20 @@
+import { Collection, API } from 'jscodeshift';
+/**
+ * Search for import statements for a package and specific import specifiers. This
+ * is useful for codemods to skip files that don't contain import specifiers that
+ * require codemoding.
+ *
+ * @example
+ * const hasImports = hasImportSpecifiers(
+ *   api,
+ *   root,
+ *   '@workday/canvas-kit-react/cookie-banner',
+ *   ['CookieBanner', 'CookieBannerProps']
+ * )
+ *
+ * if (!hasImports) {
+ *   return file.source
+ * }
+ */
+export declare function hasImportSpecifiers(api: API, root: Collection<any>, packageName: string | string[], specifiers: string[]): boolean;
+//# sourceMappingURL=hasImportSpecifiers.d.ts.map

package/dist/es6/v7/utils/hasImportSpecifiers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hasImportSpecifiers.d.ts","sourceRoot":"","sources":["../../../../lib/v7/utils/hasImportSpecifiers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,GAAG,EAAC,MAAM,aAAa,CAAC;AAE5C;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,EACrB,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,EAC9B,UAAU,EAAE,MAAM,EAAE,WAkCrB"}

package/dist/es6/v7/utils/hasImportSpecifiers.js

@@ -0,0 +1,46 @@
+/**
+ * Search for import statements for a package and specific import specifiers. This
+ * is useful for codemods to skip files that don't contain import specifiers that
+ * require codemoding.
+ *
+ * @example
+ * const hasImports = hasImportSpecifiers(
+ *   api,
+ *   root,
+ *   '@workday/canvas-kit-react/cookie-banner',
+ *   ['CookieBanner', 'CookieBannerProps']
+ * )
+ *
+ * if (!hasImports) {
+ *   return file.source
+ * }
+ */
+export function hasImportSpecifiers(api, root, packageName, specifiers) {
+    var j = api.jscodeshift;
+    return !!root.find(j.ImportDeclaration, function (nodePath) {
+        var value = nodePath.source.value;
+        // package name was found
+        if (typeof packageName === 'string'
+            ? value === packageName
+            : packageName.includes(value)) {
+            return true;
+        }
+        // Extract the main package(s) from the import, and test specifiers against that package
+        var mainPackage = (typeof packageName === 'string' ? [packageName] : packageName).map(function (s) {
+            return s
+                .split('/')
+                .slice(0, -1)
+                .join('/');
+        });
+        if (mainPackage.includes(value)) {
+            return !!(nodePath.specifiers || []).find(function (specifier) {
+                if (specifier.type === 'ImportSpecifier') {
+                    var specifierName = specifier.imported.name;
+                    return specifiers.includes(specifierName);
+                }
+                return false;
+            });
+        }
+        return false;
+    });
+}

package/index.js

@@ -2,32 +2,39 @@
 'use strict';
 
 const {spawn} = require('child_process');
-require('colors');
+const chalk = require('chalk');
 
 const {_: commands, path} = require('yargs')
   .scriptName('canvas-kit-codemod')
-  .usage('$0 <transform> [path]'.brightBlue.bold)
-  .command('v5 [path]', 'Canvas Kit v4 > v5 migration transform'.gray, yargs => {
+  .usage(chalk.bold.blueBright('$0 <transform> [path]'))
+  .command('v5 [path]', chalk.gray('Canvas Kit v4 > v5 migration transform'), yargs => {
     yargs.positional('path', {
       type: 'string',
       default: '.',
-      describe: 'The path to execute the transform in (recursively).'.gray,
+      describe: chalk.gray('The path to execute the transform in (recursively).'),
     });
   })
-  .command('v6 [path]', 'Canvas Kit v5 > v6 migration transform'.gray, yargs => {
+  .command('v6 [path]', chalk.gray('Canvas Kit v5 > v6 migration transform'), yargs => {
     yargs.positional('path', {
       type: 'string',
       default: '.',
-      describe: 'The path to execute the transform in (recursively).'.gray,
+      describe: chalk.gray('The path to execute the transform in (recursively).'),
     });
   })
-  .demandCommand(1, 'You must provide a transform to apply.'.red.bold)
+  .command('v7 [path]', chalk.gray('Canvas Kit v6 > v7 migration transform'), yargs => {
+    yargs.positional('path', {
+      type: 'string',
+      default: '.',
+      describe: chalk.gray('The path to execute the transform in (recursively).'),
+    });
+  })
+  .demandCommand(1, chalk.red.bold('You must provide a transform to apply.'))
   .strictCommands()
   .fail((msg, err, yargs) => {
     if (err) {
       throw err;
     }
-    console.error(`\n${msg.red.bold}\n`);
+    console.error(`\n${chalk.red.bold(msg)}\n`);
     console.error(yargs.help());
     process.exit(1);
   })
@@ -41,7 +48,7 @@ const {_: commands, path} = require('yargs')
 const transform = commands[0];
 console.log(transform, path);
 
-console.log(`\nApplying ${transform} transform to '${path}'\n`.brightBlue);
+console.log(chalk.blueBright(`\nApplying ${transform} transform to '${path}'\n`));
 const args = `-t ${__dirname}/dist/es6/${transform} ${path} --parser tsx --extensions js,jsx,ts,tsx`.split(
   ' '
 );