@workday/canvas-kit-codemod 8.0.0 → 8.0.1

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

@@ -0,0 +1,4 @@
+import { Transform } from 'jscodeshift';
+declare const transform: Transform;
+export default transform;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/v8/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAYtC,QAAA,MAAM,SAAS,EAAE,SAehB,CAAC;AACF,eAAe,SAAS,CAAC"}

package/dist/es6/v8/index.js

@@ -0,0 +1,36 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import softDeprecateDrawer from './softDeprecateDrawer';
+import softDeprecateLayout from './softDeprecateLayout';
+import softDeprecatePreviewMenu from './softDeprecatePreviewMenu';
+import revomeDefaultImports from './removeDefaultImports';
+import promoteComponentsToTesting from './promoteComponentsToTesting';
+import promoteBreadcrumbs from './promoteBreadcrumbs';
+import restructureBreadcrumbs from './restructureBreadcrumbs';
+import refactorActionBarOverflowButton from './refactorActionBarOverflowButton';
+import renameLoadingAnimation from './renameLoadingAnimation';
+var transform = function (file, api, options) {
+    // These will run in order. If your transform depends on others, place yours after dependent transforms
+    var fixes = [
+        promoteBreadcrumbs,
+        restructureBreadcrumbs,
+        revomeDefaultImports,
+        softDeprecateDrawer,
+        softDeprecateLayout,
+        softDeprecatePreviewMenu,
+        promoteComponentsToTesting,
+        refactorActionBarOverflowButton,
+        renameLoadingAnimation,
+    ];
+    return fixes.reduce(function (source, fix) { return fix(__assign(__assign({}, file), { source: source }), api, options); }, file.source);
+};
+export default transform;

package/dist/es6/v8/promoteBreadcrumbs.d.ts

@@ -0,0 +1,4 @@
+import { Transform } from 'jscodeshift';
+declare const transform: Transform;
+export default transform;
+//# sourceMappingURL=promoteBreadcrumbs.d.ts.map

package/dist/es6/v8/promoteBreadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"promoteBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../lib/v8/promoteBreadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA6B,MAAM,aAAa,CAAC;AAIlE,QAAA,MAAM,SAAS,EAAE,SAuEhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/es6/v8/promoteBreadcrumbs.js

@@ -0,0 +1,54 @@
+var transform = function (file, api) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    var reactLayoutSpecifiers = [];
+    var foundImport = [];
+    root
+        .find(j.ImportDeclaration, {
+        source: { value: function (value) { return value.includes('@workday/canvas-kit-preview-react'); } },
+    })
+        .forEach(function (nodePath) {
+        var _a;
+        nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.filter(function (specifier) {
+            if (specifier.type === 'ImportSpecifier' &&
+                specifier.local &&
+                specifier.imported.name === 'Breadcrumbs') {
+                reactLayoutSpecifiers.push({
+                    importedName: specifier.imported.name,
+                    name: specifier.local.name,
+                });
+                return false;
+            }
+            return true;
+        });
+        foundImport.push(nodePath);
+    });
+    var existingLayoutImports = root.find(j.ImportDeclaration, {
+        source: { value: '@workday/canvas-kit-react/breadcrumbs' },
+    });
+    var mapToSpecifiers = function (specifier) {
+        return j.importSpecifier(j.identifier(specifier.importedName), specifier.name ? j.identifier(specifier.name) : undefined);
+    };
+    // add to existing import
+    if (existingLayoutImports.length) {
+        existingLayoutImports.forEach(function (nodePath) {
+            var _a;
+            nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.concat(reactLayoutSpecifiers.map(mapToSpecifiers));
+        });
+    }
+    else {
+        // create new import
+        if (foundImport.length) {
+            foundImport[0].insertBefore(j.importDeclaration(reactLayoutSpecifiers.map(mapToSpecifiers), j.stringLiteral('@workday/canvas-kit-react/breadcrumbs')));
+        }
+    }
+    foundImport.forEach(function (importPath) {
+        var _a;
+        if (((_a = importPath.value.specifiers) === null || _a === void 0 ? void 0 : _a.length) === 0 ||
+            importPath.value.source.value === '@workday/canvas-kit-preview-react/breadcrumbs') {
+            importPath.prune();
+        }
+    });
+    return root.toSource();
+};
+export default transform;

package/dist/es6/v8/promoteComponentsToTesting.d.ts

@@ -0,0 +1,4 @@
+import { Transform } from 'jscodeshift';
+declare const transform: Transform;
+export default transform;
+//# sourceMappingURL=promoteComponentsToTesting.d.ts.map

package/dist/es6/v8/promoteComponentsToTesting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"promoteComponentsToTesting.d.ts","sourceRoot":"","sources":["../../../lib/v8/promoteComponentsToTesting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA6B,MAAM,aAAa,CAAC;AAiBlE,QAAA,MAAM,SAAS,EAAE,SA8EhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/es6/v8/promoteComponentsToTesting.js

@@ -0,0 +1,76 @@
+var specifiersToMove = [
+    'ComponentStatesTable',
+    'permutateProps',
+    'ComponentStatesTableProps',
+    'PropCombination',
+    'PropDeclaration',
+    'Props',
+    'PropsDeclaration',
+    'convertToStaticStates',
+    'StaticStates',
+];
+// 1. Gather all import specifiers from @workday/canvas-kit-labs-react/common & @workday/canvas-kit-react/common
+// 2. Filter through all imports from @workday/canvas-kit-labs-react/common and gather specifiers we care about
+// 3. If no existing import, create new import with specifiers and insert before closest canvas kit import
+var transform = function (file, api) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    var commonLabsSpecifiers = [];
+    var foundImport = [];
+    // First move specifiers from labs or from main common
+    root
+        .find(j.ImportDeclaration, {
+        source: {
+            value: function (value) {
+                return value.includes('@workday/canvas-kit-labs-react') ||
+                    value.includes('@workday/canvas-kit-react');
+            },
+        },
+    })
+        .forEach(function (nodePath) {
+        var _a;
+        nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.filter(function (specifier) {
+            var _a, _b, _c, _d;
+            if (specifier.type === 'ImportSpecifier') {
+                if (((_a = specifier === null || specifier === void 0 ? void 0 : specifier.local) === null || _a === void 0 ? void 0 : _a.name) !== undefined &&
+                    specifiersToMove.includes((_b = specifier === null || specifier === void 0 ? void 0 : specifier.local) === null || _b === void 0 ? void 0 : _b.name)) {
+                    commonLabsSpecifiers.push({
+                        importedName: (_c = specifier === null || specifier === void 0 ? void 0 : specifier.local) === null || _c === void 0 ? void 0 : _c.name,
+                        name: (_d = specifier === null || specifier === void 0 ? void 0 : specifier.imported) === null || _d === void 0 ? void 0 : _d.name,
+                    });
+                    return false;
+                }
+            }
+            return true;
+        });
+        foundImport.push(nodePath);
+    });
+    var existingTestingImports = root.find(j.ImportDeclaration, {
+        source: { value: '@workday/canvas-kit-react/testing' },
+    });
+    var mapToSpecifiers = function (specifier) {
+        return j.importSpecifier(j.identifier(specifier.name), specifier.importedName ? j.identifier(specifier.importedName) : undefined);
+    };
+    // add to existing import testing import
+    if (existingTestingImports.length) {
+        existingTestingImports.forEach(function (nodePath) {
+            var _a;
+            nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.concat(commonLabsSpecifiers.map(mapToSpecifiers));
+        });
+    }
+    else {
+        // create new testing import
+        if (foundImport.length) {
+            foundImport[0].insertBefore(j.importDeclaration(commonLabsSpecifiers.map(mapToSpecifiers), j.stringLiteral('@workday/canvas-kit-react/testing')));
+        }
+    }
+    foundImport.forEach(function (importPath) {
+        var _a;
+        if (((_a = importPath.value.specifiers) === null || _a === void 0 ? void 0 : _a.length) === 0 ||
+            importPath.value.source.value === '@workday/canvas-kit-react/testing') {
+            importPath.prune();
+        }
+    });
+    return root.toSource();
+};
+export default transform;

package/dist/es6/v8/refactorActionBarOverflowButton.d.ts

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

package/dist/es6/v8/refactorActionBarOverflowButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refactorActionBarOverflowButton.d.ts","sourceRoot":"","sources":["../../../lib/v8/refactorActionBarOverflowButton.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,UA6E7E"}

package/dist/es6/v8/refactorActionBarOverflowButton.js

@@ -0,0 +1,50 @@
+import { getImportRenameMap } from '../v7/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;
+    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) {
+        (nodePath.value.children || []).forEach(function (child, index) {
+            var _a;
+            // Remove all attributes from ActionBar to replace them to ActionBar.List
+            var attributes = nodePath.value.openingElement.attributes || [];
+            var isModelProp = !!attributes.find(function (attr) {
+                return attr.type === 'JSXAttribute' &&
+                    (attr.name.name === 'model' || attr.name.name === 'items');
+            });
+            if (child.type === 'JSXElement' &&
+                child.openingElement.name.type === 'JSXMemberExpression' &&
+                child.openingElement.name.object.type === 'JSXIdentifier' &&
+                child.openingElement.name.object.name === importMap.ActionBar &&
+                child.openingElement.name.property.type === 'JSXIdentifier' &&
+                child.openingElement.name.property.name === 'List' &&
+                isModelProp) {
+                var ActionBarOverflowButtonJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.ActionBar), j.jsxIdentifier('OverflowButton'));
+                var overflowButton = j.jsxElement(j.jsxOpeningElement(ActionBarOverflowButtonJSX, [j.jsxAttribute(j.jsxIdentifier('aria-label'), j.stringLiteral('More actions'))], true));
+                (_a = child.openingElement.attributes) === null || _a === void 0 ? void 0 : _a.push(j.jsxAttribute(j.jsxIdentifier('overflowButton'), j.jsxExpressionContainer(overflowButton)));
+            }
+        });
+    });
+    return root.toSource();
+}

package/dist/es6/v8/removeDefaultImports.d.ts

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

package/dist/es6/v8/removeDefaultImports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"removeDefaultImports.d.ts","sourceRoot":"","sources":["../../../lib/v8/removeDefaultImports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,EAA6B,MAAM,aAAa,CAAC;AAiC/E,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,UAuB7E"}

package/dist/es6/v8/removeDefaultImports.js

@@ -0,0 +1,52 @@
+// List of import paths and the named export
+// before: import Button from '@workday/canvas-kit-react/button
+// after:  import { Button } from '@workday/canvas-kit-react/button
+var renameDefaultMap = {
+    '@workday/canvas-kit-labs-react/combobox': 'Combobox',
+    '@workday/canvas-kit-labs-react/drawer': 'Drawer',
+    '@workday/canvas-kit-preview-react/breadcrumbs': 'Breadcrumbs',
+    '@workday/canvas-kit-preview-react/color-picker': 'ColorPicker',
+    '@workday/canvas-kit-preview-react/menu': 'Menu',
+    '@workday/canvas-kit-preview-react/select': 'Select',
+    '@workday/canvas-kit-preview-react/side-panel': 'SidePanel',
+    '@workday/canvas-kit-react-fonts': 'fonts',
+    '@workday/canvas-kit-react/toast': 'Toast',
+    '@workday/canvas-kit-react/tokens': 'Canvas',
+    '@workday/canvas-kit-react/tooltip': 'Tooltip',
+    '@workday/canvas-kit-react/text-area': 'TextArea',
+    '@workday/canvas-kit-react/avatar': 'Avatar',
+    '@workday/canvas-kit-react/badge': 'CountBadge',
+    '@workday/canvas-kit-react/checkbox': 'Checkbox',
+    '@workday/canvas-kit-react/form-field': 'FormField',
+    '@workday/canvas-kit-react/loading-animation': 'LoadingDots',
+    '@workday/canvas-kit-react/radio': 'Radio',
+    '@workday/canvas-kit-react/segmented-control': 'SegmentedControl',
+    '@workday/canvas-kit-react/select': 'Select',
+    '@workday/canvas-kit-react/side-panel': 'SidePanel',
+    '@workday/canvas-kit-react/status-indicator': 'StatusIndicator',
+    '@workday/canvas-kit-react/switch': 'Switch',
+    '@workday/canvas-kit-react/table': 'Table',
+    '@workday/canvas-kit-react/text-input': 'TextInput',
+};
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    // Renames default imports from `renameDefaultMap` and changes them to named exports
+    // Example:
+    // before:
+    // import Button from '@workday/canvas-kit-react/button';
+    // import StyledButton from '@workday/canvas-kit-react/button';
+    // after:
+    // import { Button } from '@workday/canvas-kit-react/button';
+    // import { Button as StyledButton } from '@workday/canvas-kit-react/button';
+    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 (Object.keys(renameDefaultMap).includes(importSource) && localName) {
+            nodePath.replace(j.importSpecifier(j.identifier(localName)));
+        }
+    });
+    return root.toSource();
+}

package/dist/es6/v8/renameLoadingAnimation.d.ts

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

package/dist/es6/v8/renameLoadingAnimation.d.ts.map

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

package/dist/es6/v8/renameLoadingAnimation.js

@@ -0,0 +1,62 @@
+import { getImportRenameMap } from '../v7/utils/getImportRenameMap';
+import { hasImportSpecifiers } from '../v6/utils';
+var mainPackage = '@workday/canvas-kit-react';
+var loadingAnimationPackage = '@workday/canvas-kit-react/loading-animation';
+var loadingDotsPackage = '@workday/canvas-kit-react/loading-dots';
+var loadingAnimationImports = ['LoadingDots', 'LoadingAnimation'];
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    // exit if the named imports aren't found
+    if (!hasImportSpecifiers(api, root, loadingAnimationPackage, loadingAnimationImports)) {
+        return file.source;
+    }
+    // getImportRenameMap utility will tell us if the file containsCanvasImports
+    // and give us an importMap to track what identifiers we need to update
+    var importMap = getImportRenameMap(j, root, '@workday/canvas-kit-react/loading-animation').importMap;
+    root
+        .find(j.ImportDeclaration, {
+        // filter on imports from "@workday/canvas-kit/react" including slash imports
+        source: { value: function (value) { return value.includes(mainPackage); } },
+    })
+        .forEach(function (nodePath) {
+        var _a;
+        (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.forEach(function (specifier) {
+            if (specifier.type === 'ImportSpecifier') {
+                // Transform named import
+                // e.g. `import {LoadingAnimation}` becomes `import {LoadingDots}`
+                if (specifier.imported.name === 'LoadingAnimation') {
+                    specifier.imported.name = 'LoadingDots';
+                }
+                // Transform slash imports
+                // e.g. `import {LoadingAnimation} from from "@workday/canvas-kit-react/loading-animation"`
+                // and `import {LoadingDots} from from "@workday/canvas-kit-react/loading-animation"`
+                // becomes `import {LoadingDots} from from "@workday/canvas-kit-react/loading-dots"`
+                if (nodePath.value.source.value === loadingAnimationPackage) {
+                    nodePath.value.source.value = loadingDotsPackage;
+                }
+            }
+            return specifier;
+        });
+    });
+    // Transform LoadingAnimation JSXElements
+    // e.g. `<LoadingAnimation />` becomes `<LoadingDots />`
+    root.find(j.JSXIdentifier, { name: 'LoadingAnimation' }).forEach(function (nodePath) {
+        nodePath.node.name = 'LoadingDots';
+    });
+    // Transform styled compoents
+    // e.g. `const StyledLoadingAnimation = styled(LoadingAnimation)({});`
+    // becomes `const StyledLoadingAnimation = styled(LoadingDots)({});`
+    root.find(j.VariableDeclarator).forEach(function (nodePath) {
+        var _a;
+        if (((_a = nodePath.value.init) === null || _a === void 0 ? void 0 : _a.type) === 'CallExpression' &&
+            nodePath.value.init.callee.type === 'CallExpression' &&
+            nodePath.value.init.callee.callee.type === 'Identifier' &&
+            nodePath.value.init.callee.callee.name === 'styled' &&
+            nodePath.value.init.callee.arguments[0].type === 'Identifier' &&
+            nodePath.value.init.callee.arguments[0].name === importMap.LoadingAnimation) {
+            nodePath.value.init.callee.arguments[0].name = 'LoadingDots';
+        }
+    });
+    return root.toSource();
+}

package/dist/es6/v8/restructureBreadcrumbs.d.ts

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

package/dist/es6/v8/restructureBreadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"restructureBreadcrumbs.d.ts","sourceRoot":"","sources":["../../../lib/v8/restructureBreadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAa,MAAM,aAAa,CAAC;AAM/D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,UAwE7E"}

package/dist/es6/v8/restructureBreadcrumbs.js

@@ -0,0 +1,59 @@
+import { getImportRenameMap } from '../v7/utils/getImportRenameMap';
+import { hasImportSpecifiers } from '../v6/utils';
+var breadcrumbsPackage = '@workday/canvas-kit-react/breadcrumbs';
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    if (!hasImportSpecifiers(api, root, breadcrumbsPackage, ['Breadcrumbs'])) {
+        return file.source;
+    }
+    var _a = getImportRenameMap(j, root, breadcrumbsPackage), importMap = _a.importMap, styledMap = _a.styledMap;
+    root
+        .find(j.JSXElement, function (value) {
+        return value.openingElement.name.type === 'JSXMemberExpression' &&
+            value.openingElement.name.object.type === 'JSXIdentifier' &&
+            (value.openingElement.name.object.name === importMap.Breadcrumbs ||
+                value.openingElement.name.object.name === styledMap.Breadcrumbs) &&
+            value.openingElement.name.property.name === 'Nav';
+    })
+        .forEach(function (nodePath) {
+        // Select all props from opening tag
+        var attributes = nodePath.value.openingElement.attributes || [];
+        if (attributes) {
+            nodePath.value.openingElement.attributes = attributes.filter(function (item) { return !(item.type === 'JSXAttribute' && item.name.type === 'JSXIdentifier'); });
+        }
+        nodePath.value.openingElement = j.jsxOpeningElement(j.jsxIdentifier(importMap.Breadcrumbs));
+        nodePath.value.openingElement.attributes = attributes;
+        nodePath.value.closingElement = j.jsxClosingElement(j.jsxIdentifier(importMap.Breadcrumbs));
+        (nodePath.value.children || []).forEach(function (child) {
+            if (child.type === 'JSXElement' &&
+                child.openingElement.name.type === 'JSXMemberExpression' &&
+                child.openingElement.name.property.name === 'CollapsibleList') {
+                if (child.openingElement.name.type === 'JSXMemberExpression') {
+                    child.openingElement.name.property.name = 'List';
+                }
+                if (child.closingElement && child.closingElement.name.type === 'JSXMemberExpression') {
+                    child.closingElement.name.property.name = 'List';
+                }
+            }
+        });
+    });
+    root
+        .find(j.JSXElement, function (value) {
+        return value.openingElement.name.type === 'JSXMemberExpression' &&
+            value.openingElement.name.object.type === 'JSXIdentifier' &&
+            (value.openingElement.name.object.name === importMap.Breadcrumbs ||
+                value.openingElement.name.object.name === styledMap.Breadcrumbs) &&
+            value.openingElement.name.property.name === 'ListItem';
+    })
+        .forEach(function (nodePath) {
+        if (nodePath.value.openingElement.name.type === 'JSXMemberExpression') {
+            nodePath.value.openingElement.name.property.name = 'Item';
+        }
+        if (nodePath.value.closingElement &&
+            nodePath.value.closingElement.name.type === 'JSXMemberExpression') {
+            nodePath.value.closingElement.name.property.name = 'Item';
+        }
+    });
+    return root.toSource();
+}

package/dist/es6/v8/softDeprecateDrawer.d.ts

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

package/dist/es6/v8/softDeprecateDrawer.d.ts.map

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

package/dist/es6/v8/softDeprecateDrawer.js

@@ -0,0 +1,103 @@
+var mainPackage = '@workday/canvas-kit-labs-react';
+var drawerPackage = '@workday/canvas-kit-labs-react/drawer';
+var drawerImportNames = [
+    'Drawer',
+    'DrawerProps',
+    'DrawerHeaderProps',
+    'DrawerHeader',
+    'DrawerDirection',
+];
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    var hasDrawerImports = false;
+    // This toggles the failsafe that prevents us from accidentally transforming something unintentionally.
+    root.find(j.ImportDeclaration, function (nodePath) {
+        var value = nodePath.source.value;
+        // If there's an import from the drawer package, set the import boolean check to true
+        if (value === drawerPackage) {
+            hasDrawerImports = true;
+            return false;
+        }
+        // If there's an import from the main package, check to see if Drawer or DrawerProps are among the named imports
+        // e.g. import {Drawer} from '@workday/canvas-kit-labs-react';
+        if (value === mainPackage) {
+            (nodePath.specifiers || []).forEach(function (specifier) {
+                if (specifier.type === 'ImportSpecifier' &&
+                    drawerImportNames.includes(specifier.imported.name)) {
+                    hasDrawerImports = true;
+                }
+            });
+        }
+        return false;
+    });
+    // Failsafe to skip transforms unless a Drawer import is detected
+    if (!hasDrawerImports) {
+        return root.toSource();
+    }
+    root
+        .find(j.ImportDeclaration, {
+        source: { value: function (value) { return value.includes(mainPackage); } },
+    })
+        .forEach(function (nodePath) {
+        var _a;
+        (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.forEach(function (specifier) {
+            if (specifier.type === 'ImportSpecifier') {
+                //  `import {Drawer}` becomes `import {DeprecatedDrawer}`
+                //  `import {DrawerProps}` becomes `import {DeprecatedDrawerProps}`
+                //  `import {DrawerHeader}` becomes `import {DeprecatedDrawerHeader}`
+                //  `import {DrawerHeaderProps}` becomes `import {DeprecatedDrawerHeaderProps}`
+                if (drawerImportNames.includes(specifier.imported.name)) {
+                    specifier.imported.name = "Deprecated" + specifier.imported.name;
+                }
+            }
+            return specifier;
+        });
+    });
+    // Transform DrawerProps type references
+    // e.g. `type CustomProps = DrawerProps;` becomes `type CustomProps = DeprecatedDrawerProps;`
+    // Transform DrawerHeaderProps type references
+    // e.g. `type CustomProps = DrawerHeaderProps;` becomes `type CustomProps = DeprecatedDrawerHeaderProps;`
+    var typeNames = ['DrawerProps', 'DrawerHeaderProps'];
+    root
+        .find(j.TSTypeReference, {
+        typeName: {
+            type: 'Identifier',
+            name: function (value) { return typeNames.includes(value); },
+        },
+    })
+        .forEach(function (nodePath) {
+        var identifier = nodePath.value.typeName;
+        identifier.name = "Deprecated" + identifier.name;
+    });
+    // Transform DrawerProps type interface declaration references
+    // e.g. `interface CustomProps extends DrawerProps` becomes `interface CustomProps extends DeprecatedDrawerProps`
+    root.find(j.TSInterfaceDeclaration).forEach(function (nodePath) {
+        var _a;
+        // If the interface is extending DrawerProps, transform the extension name to DeprecatedDrawerProps
+        (_a = nodePath.node.extends) === null || _a === void 0 ? void 0 : _a.forEach(function (typeExtension) {
+            if (typeExtension.expression.type === 'Identifier') {
+                var typeExtensionName = typeExtension.expression.name;
+                if (typeExtension.expression.type === 'Identifier' &&
+                    typeNames.includes(typeExtensionName)) {
+                    typeExtension.expression.name = "Deprecated" + typeExtensionName;
+                }
+            }
+        });
+    });
+    // Transform `<DrawerDirection>` to `<DeprecatedDrawerDirection>`
+    root.find(j.Identifier, { name: 'DrawerDirection' }).forEach(function (nodePath) {
+        nodePath.value.name = 'DeprecatedDrawerDirection';
+    });
+    // Transform Drawer JSXElements
+    // e.g. `<Drawer>` becomes `<DeprecatedDrawer>`
+    root.find(j.JSXIdentifier, { name: 'Drawer' }).forEach(function (nodePath) {
+        nodePath.node.name = 'DeprecatedDrawer';
+    });
+    // Transform Drawer JSXElements
+    // e.g. `<DrawerHeader>` becomes `<DeprecatedDrawerHeader>`
+    root.find(j.JSXIdentifier, { name: 'DrawerHeader' }).forEach(function (nodePath) {
+        nodePath.node.name = 'DeprecatedDrawerHeader';
+    });
+    return root.toSource();
+}

package/dist/es6/v8/softDeprecateLayout.d.ts

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

package/dist/es6/v8/softDeprecateLayout.d.ts.map

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

package/dist/es6/v8/softDeprecateLayout.js

@@ -0,0 +1,84 @@
+var mainPackage = '@workday/canvas-kit-react';
+var layoutPackage = '@workday/canvas-kit-react/layout';
+var allImportNames = ['Layout', 'LayoutProps', 'Column', 'ColumnProps'];
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    var hasLayoutImports = false;
+    // This toggles the failsafe that prevents us from accidentally transforming something unintentionally.
+    root.find(j.ImportDeclaration, function (nodePath) {
+        var value = nodePath.source.value;
+        // If there's an import from the layout package, set the import boolean check to true
+        if (value === layoutPackage) {
+            hasLayoutImports = true;
+            return false;
+        }
+        // If there's an import from the main package, check to see if Layout or LayoutProps are among the named imports
+        // e.g. import {Layout} from '@workday/canvas-kit-react';
+        if (value === mainPackage) {
+            (nodePath.specifiers || []).forEach(function (specifier) {
+                if (specifier.type === 'ImportSpecifier') {
+                    if (allImportNames.includes(specifier.imported.name)) {
+                        hasLayoutImports = true;
+                    }
+                }
+            });
+        }
+        return false;
+    });
+    // Failsafe to skip transforms unless a Layout import is detected
+    if (!hasLayoutImports) {
+        return root.toSource();
+    }
+    root
+        .find(j.ImportDeclaration, {
+        source: { value: function (value) { return value.includes(mainPackage); } },
+    })
+        .forEach(function (nodePath) {
+        var _a;
+        (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.forEach(function (specifier) {
+            if (specifier.type === 'ImportSpecifier') {
+                //  Adds Deprecated part to a import name for Layout, LayoutProps, Column, ColumnProps
+                if (allImportNames.includes(specifier.imported.name)) {
+                    specifier.imported.name = "Deprecated" + specifier.imported.name;
+                }
+            }
+            return specifier;
+        });
+    });
+    // Add Deprecated in menu types and type interfaces
+    var typeNames = ['LayoutProps', 'ColumnProps'];
+    root
+        .find(j.TSTypeReference, {
+        typeName: {
+            type: 'Identifier',
+            name: function (name) { return typeNames.includes(name); },
+        },
+    })
+        .forEach(function (nodePath) {
+        var identifier = nodePath.value.typeName;
+        identifier.name = "Deprecated" + identifier.name;
+    });
+    // Add Deprecated to all interface names
+    root.find(j.TSInterfaceDeclaration).forEach(function (nodePath) {
+        var _a;
+        // If the interface is extending menu interfaces it should add Deprecated to them
+        (_a = nodePath.node.extends) === null || _a === void 0 ? void 0 : _a.forEach(function (typeExtension) {
+            if (typeExtension.expression.type === 'Identifier' &&
+                typeNames.includes(typeExtension.expression.name)) {
+                typeExtension.expression.name = "Deprecated" + typeExtension.expression.name;
+            }
+        });
+    });
+    // Transform Layout and LayoutItem JSXElements
+    // e.g. `<Layout>` becomes `<DeprecatedLayout>`
+    // e.g. `<Column>` becomes `<DeprecatedColumn>`
+    root
+        .find(j.JSXIdentifier, { name: function (name) { return name === 'Layout' || name === 'Column'; } })
+        .forEach(function (nodePath) {
+        if (nodePath.name !== 'property') {
+            nodePath.node.name = "Deprecated" + nodePath.node.name;
+        }
+    });
+    return root.toSource();
+}

package/dist/es6/v8/softDeprecatePreviewMenu.d.ts

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

package/dist/es6/v8/softDeprecatePreviewMenu.d.ts.map

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

package/dist/es6/v8/softDeprecatePreviewMenu.js

@@ -0,0 +1,79 @@
+var mainPackage = '@workday/canvas-kit-preview-react';
+var menuPackage = '@workday/canvas-kit-preview-react/menu';
+var allImportNames = ['Menu', 'MenuProps', 'MenuState', 'MenuItem', 'MenuItemProps'];
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    var hasMenuImports = false;
+    // This toggles the failsafe that prevents us from accidentally transforming something unintentionally.
+    root.find(j.ImportDeclaration, function (nodePath) {
+        var value = nodePath.source.value;
+        // If there's an import from the menu preview package, set the import boolean check to true
+        if (value === menuPackage) {
+            hasMenuImports = true;
+            return false;
+        }
+        // If there's an import from the main package, check to see if Menu or MenuProps are among the named imports
+        // e.g. import {Menu} from '@workday/canvas-kit-preview-react';
+        if (value === mainPackage) {
+            (nodePath.specifiers || []).forEach(function (specifier) {
+                if (specifier.type === 'ImportSpecifier') {
+                    if (allImportNames.includes(specifier.imported.name)) {
+                        hasMenuImports = true;
+                    }
+                }
+            });
+        }
+        return false;
+    });
+    // Failsafe to skip transforms unless a Menu import is detected
+    if (!hasMenuImports) {
+        return root.toSource();
+    }
+    root
+        .find(j.ImportDeclaration, {
+        source: { value: function (value) { return value.includes(mainPackage); } },
+    })
+        .forEach(function (nodePath) {
+        var _a;
+        (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.forEach(function (specifier) {
+            if (specifier.type === 'ImportSpecifier') {
+                //  Adds Deprecated part to a import name for Menu, MenuProps, MenuState, MenuItem, MenuItemProps
+                if (allImportNames.includes(specifier.imported.name)) {
+                    specifier.imported.name = "Deprecated" + specifier.imported.name;
+                }
+            }
+            return specifier;
+        });
+    });
+    // Add Deprecated in types using menu interfaces
+    var typeNames = ['MenuProps', 'MenuState', 'MenuItemProps'];
+    root
+        .find(j.TSTypeReference, {
+        typeName: { type: 'Identifier', name: function (name) { return typeNames.includes(name); } },
+    })
+        .forEach(function (nodePath) {
+        var identifier = nodePath.value.typeName;
+        identifier.name = "Deprecated" + identifier.name;
+    });
+    // Add Deprecated to all interface names
+    root.find(j.TSInterfaceDeclaration).forEach(function (nodePath) {
+        var _a;
+        // If the interface is extending menu interfaces it should add Deprecated to them
+        (_a = nodePath.node.extends) === null || _a === void 0 ? void 0 : _a.forEach(function (typeExtension) {
+            if (typeExtension.expression.type === 'Identifier' &&
+                typeNames.includes(typeExtension.expression.name)) {
+                typeExtension.expression.name = "Deprecated" + typeExtension.expression.name;
+            }
+        });
+    });
+    // Transform Menu and MenuItem JSXElements
+    // e.g. `<Menu>` becomes `<DeprecatedMenu>`
+    // e.g. `<MenuItem>` becomes `<DeprecatedMenuItem>`
+    root
+        .find(j.JSXIdentifier, { name: function (name) { return name === 'Menu' || name === 'MenuItem'; } })
+        .forEach(function (nodePath) {
+        nodePath.node.name = "Deprecated" + nodePath.node.name;
+    });
+    return root.toSource();
+}

package/index.js

@@ -28,6 +28,13 @@ const {_: commands, path} = require('yargs')
       describe: chalk.gray('The path to execute the transform in (recursively).'),
     });
   })
+  .command('v8 [path]', chalk.gray('Canvas Kit v7 > v8 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) => {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@workday/canvas-kit-codemod",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
-  "version": "8.0.0",
+  "version": "8.0.1",
   "description": "A collection of codemods for use on Workday Canvas Kit packages.",
   "main": "dist/es6/index.js",
   "sideEffects": false,
@@ -43,5 +43,5 @@
     "test": "TZ=UTC jest -c ../../jest.config.js",
     "typecheck:src": "tsc -p . --noEmit --incremental false"
   },
-  "gitHead": "433a9d272804ceed26191ac1ef629d61fab4dcb4"
+  "gitHead": "9a2467e289759e1aab0cbc7f1c37cd4739d0f071"
 }