@workday/canvas-kit-codemod 7.1.4 → 7.2.0-427-next.2

package/dist/es6/v7/renameLayoutImports.js

@@ -1,12 +1,12 @@
 // used to filter our imports we want to keep in @workday/canvas-kit-labs-react/common
-var commonSpecifiers = [
+const commonSpecifiers = [
     'useTheme',
     'ComponentStatesTable',
     'permutateProps',
     'useThemeRTL',
     'useThemedRing',
 ];
-var layoutSpecifiers = [
+const layoutSpecifiers = [
     'Flex',
     'Stack',
     'StackProps',
@@ -46,18 +46,18 @@ var layoutSpecifiers = [
 // 2. Filter through all imports from @workday/canvas-kit-labs-react/common and gather specifiers we care about
 // 3. If there's an existing @workday/canvas-kit-react/layout add gathered specifiers to that import
 // 4. 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 reactLayoutSpecifiers = [];
-    var foundImport = [];
+const transform = (file, api) => {
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    const reactLayoutSpecifiers = [];
+    const foundImport = [];
     root
         .find(j.ImportDeclaration, {
-        source: { value: function (value) { return value.includes('@workday/canvas-kit-labs-react'); } },
+        source: { value: (value) => value.includes('@workday/canvas-kit-labs-react') },
     })
-        .forEach(function (nodePath) {
+        .forEach(nodePath => {
         var _a;
-        nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.filter(function (specifier) {
+        nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.filter(specifier => {
             var _a, _b, _c, _d;
             if (specifier.type === 'ImportSpecifier' &&
                 !commonSpecifiers.includes(specifier.imported.name)) {
@@ -74,15 +74,15 @@ var transform = function (file, api) {
         });
         foundImport.push(nodePath);
     });
-    var existingLayoutImports = root.find(j.ImportDeclaration, {
+    const existingLayoutImports = root.find(j.ImportDeclaration, {
         source: { value: '@workday/canvas-kit-react/layout' },
     });
-    var mapToSpecifiers = function (specifier) {
+    const mapToSpecifiers = (specifier) => {
         return j.importSpecifier(j.identifier(specifier.name), specifier.importedName ? j.identifier(specifier.importedName) : undefined);
     };
     // add to existing import
     if (existingLayoutImports.length) {
-        existingLayoutImports.forEach(function (nodePath) {
+        existingLayoutImports.forEach(nodePath => {
             var _a;
             nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.concat(reactLayoutSpecifiers.map(mapToSpecifiers));
         });
@@ -93,7 +93,7 @@ var transform = function (file, api) {
             foundImport[0].insertBefore(j.importDeclaration(reactLayoutSpecifiers.map(mapToSpecifiers), j.stringLiteral('@workday/canvas-kit-react/layout')));
         }
     }
-    foundImport.forEach(function (importPath) {
+    foundImport.forEach(importPath => {
         var _a;
         if (((_a = importPath.value.specifiers) === null || _a === void 0 ? void 0 : _a.length) === 0 ||
             importPath.value.source.value === '@workday/canvas-kit-labs-react/layout') {

package/dist/es6/v7/updateDisclosureShowHide.js

@@ -1,35 +1,35 @@
 import { getImportRenameMap } from './utils/getImportRenameMap';
-var keys = function (input) { return Object.keys(input); };
+const keys = (input) => Object.keys(input);
 export default function transformer(file, api, options) {
-    var j = api.jscodeshift;
-    var root = j(file.source);
-    var _a = getImportRenameMap(j, root), containsCanvasImports = _a.containsCanvasImports, importMap = _a.importMap;
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    const { containsCanvasImports, importMap } = getImportRenameMap(j, root);
     if (!containsCanvasImports) {
         return file.source;
     }
-    var disclosureModels = [
+    const disclosureModels = [
         'useDisclosureModel',
         'usePopupModel',
         'useModalModel',
         'useDialogModel',
     ];
     // inverse the import map. It is more useful this way for this function
-    var imports = Object.keys(importMap).reduce(function (result, key) {
+    const imports = Object.keys(importMap).reduce((result, key) => {
         result[importMap[key]] = key;
         return result;
     }, {});
-    root.find(j.CallExpression).forEach(function (nodePath) {
-        var value = nodePath.value;
+    root.find(j.CallExpression).forEach(nodePath => {
+        const { value } = nodePath;
         // check if the identifier was imported from CK AND follows the `use{*}Model` naming convention
         if (value.callee.type === 'Identifier' &&
             disclosureModels.includes(imports[value.callee.name])) {
             // loop over all the arguments of the `use{*}Model` hook
-            value.arguments.forEach(function (argument) {
+            value.arguments.forEach(argument => {
                 // look for object expressions: `use{*}Model({ /* here */ })`
                 if (argument.type === 'ObjectExpression') {
                     // loop over all the properties looking for `ObjectMethod` and `ObjectProperties` where
                     // the value is a function matching `on{*}` or `should{*}` naming convention
-                    argument.properties.forEach(function (property) {
+                    argument.properties.forEach(property => {
                         // If it is an `ObjectMethod` or an `ObjectProperty` with an arrow function expression:
                         // {
                         //   onShow() {}, // ObjectMethod
@@ -39,37 +39,37 @@ export default function transformer(file, api, options) {
                             (property.type === 'ObjectProperty' &&
                                 property.value.type === 'ArrowFunctionExpression')) &&
                             property.key.type === 'Identifier') {
-                            var propertyName_1 = property.key.name;
+                            const propertyName = property.key.name;
                             // Both types have a `params`, but are at different places in the AST
-                            var params_1 = property.type === 'ObjectMethod'
+                            const params = property.type === 'ObjectMethod'
                                 ? property.params
                                 : property.value.type === 'ArrowFunctionExpression'
                                     ? property.value.params
                                     : [];
                             // create a mapping for param names of callbacks and guards. This makes the logic more
                             // difficult to follow, but decreases duplication
-                            var paramMapping_1 = {
+                            const paramMapping = {
                                 on: ['event'],
                                 should: ['event'],
                             };
                             // We will be overriding the params with this variable later
-                            var finalParams_1 = [];
+                            const finalParams = [];
                             // loop over each `paramMapping` type. `on*` and `should*` functions have different signatures
-                            keys(paramMapping_1).forEach(function (key) {
+                            keys(paramMapping).forEach(key => {
                                 // matches `onShow` and `shouldShow`
-                                if (new RegExp(key + "[A-Za-z]+").test(propertyName_1)) {
-                                    params_1.forEach(function (param) {
+                                if (new RegExp(`${key}[A-Za-z]+`).test(propertyName)) {
+                                    params.forEach(param => {
                                         if (param.type === 'ObjectPattern') {
-                                            param.properties.forEach(function (property) {
+                                            param.properties.forEach(property => {
                                                 if (property.type === 'ObjectProperty' &&
                                                     property.key.type === 'Identifier') {
                                                     if (property.value.type === 'Identifier' ||
                                                         property.value.type === 'ObjectPattern') {
-                                                        var index = paramMapping_1[key].indexOf(property.key.name);
+                                                        const index = paramMapping[key].indexOf(property.key.name);
                                                         // use `property.value` instead of `property.key.name` in case they
                                                         // renamed it example `shouldShow({ data: myData })`. The key name is
                                                         // `data` while the value is `myData`
-                                                        finalParams_1[index] = property.value;
+                                                        finalParams[index] = property.value;
                                                     }
                                                 }
                                             });
@@ -78,11 +78,11 @@ export default function transformer(file, api, options) {
                                     // `ObjectMethod` and `ObjectProperty` have params in a different place in the
                                     // AST, so apply `finalParams` where appropriate
                                     if (property.type === 'ObjectMethod') {
-                                        property.params = finalParams_1;
+                                        property.params = finalParams;
                                     }
                                     else if (property.type === 'ObjectProperty' &&
                                         property.value.type === 'ArrowFunctionExpression') {
-                                        property.value.params = finalParams_1;
+                                        property.value.params = finalParams;
                                     }
                                 }
                             });

package/dist/es6/v7/updateModelSignatures.js

@@ -1,29 +1,29 @@
 import { getImportRenameMap } from './utils/getImportRenameMap';
-var keys = function (input) { return Object.keys(input); };
+const keys = (input) => Object.keys(input);
 export default function transformer(file, api, options) {
-    var j = api.jscodeshift;
-    var root = j(file.source);
-    var _a = getImportRenameMap(j, root), containsCanvasImports = _a.containsCanvasImports, importMap = _a.importMap;
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    const { containsCanvasImports, importMap } = getImportRenameMap(j, root);
     if (!containsCanvasImports) {
         return file.source;
     }
     // inverse the import map. It is more useful this way for this function
-    var imports = Object.keys(importMap).reduce(function (result, key) {
+    const imports = Object.keys(importMap).reduce((result, key) => {
         result[importMap[key]] = key;
         return result;
     }, {});
-    root.find(j.CallExpression).forEach(function (nodePath) {
-        var value = nodePath.value;
+    root.find(j.CallExpression).forEach(nodePath => {
+        const { value } = nodePath;
         // check if the identifier was imported from CK AND follows the `use{*}Model` naming convention
         if (value.callee.type === 'Identifier' &&
             /use[a-zA-Z]+Model/.test(imports[value.callee.name])) {
             // loop over all the arguments of the `use{*}Model` hook
-            value.arguments.forEach(function (argument) {
+            value.arguments.forEach(argument => {
                 // look for object expressions: `use{*}Model({ /* here */ })`
                 if (argument.type === 'ObjectExpression') {
                     // loop over all the properties looking for `ObjectMethod` and `ObjectProperties` where
                     // the value is a function matching `on{*}` or `should{*}` naming convention
-                    argument.properties.forEach(function (property) {
+                    argument.properties.forEach(property => {
                         // If it is an `ObjectMethod` or an `ObjectProperty` with an arrow function expression:
                         // {
                         //   onShow() {}, // ObjectMethod
@@ -33,37 +33,37 @@ export default function transformer(file, api, options) {
                             (property.type === 'ObjectProperty' &&
                                 property.value.type === 'ArrowFunctionExpression')) &&
                             property.key.type === 'Identifier') {
-                            var propertyName_1 = property.key.name;
+                            const propertyName = property.key.name;
                             // Both types have a `params`, but are at different places in the AST
-                            var params_1 = property.type === 'ObjectMethod'
+                            const params = property.type === 'ObjectMethod'
                                 ? property.params
                                 : property.value.type === 'ArrowFunctionExpression'
                                     ? property.value.params
                                     : [];
                             // create a mapping for param names of callbacks and guards. This makes the logic more
                             // difficult to follow, but decreases duplication
-                            var paramMapping_1 = {
+                            const paramMapping = {
                                 on: ['data', 'state'],
                                 should: ['data', 'prevState'],
                             };
                             // We will be overriding the params with this variable later
-                            var finalParams_1 = [];
+                            const finalParams = [];
                             // loop over each `paramMapping` type. `on*` and `should*` functions have different signatures
-                            keys(paramMapping_1).forEach(function (key) {
+                            keys(paramMapping).forEach(key => {
                                 // matches `onShow` and `shouldShow`
-                                if (new RegExp(key + "[A-Za-z]+").test(propertyName_1)) {
-                                    params_1.forEach(function (param) {
+                                if (new RegExp(`${key}[A-Za-z]+`).test(propertyName)) {
+                                    params.forEach(param => {
                                         if (param.type === 'ObjectPattern') {
-                                            param.properties.forEach(function (property) {
+                                            param.properties.forEach(property => {
                                                 if (property.type === 'ObjectProperty' &&
                                                     property.key.type === 'Identifier') {
                                                     if (property.value.type === 'Identifier' ||
                                                         property.value.type === 'ObjectPattern') {
-                                                        var index = paramMapping_1[key].indexOf(property.key.name);
+                                                        const index = paramMapping[key].indexOf(property.key.name);
                                                         // use `property.value` instead of `property.key.name` in case they
                                                         // renamed it example `shouldShow({ data: myData })`. The key name is
                                                         // `data` while the value is `myData`
-                                                        finalParams_1[index] = property.value;
+                                                        finalParams[index] = property.value;
                                                     }
                                                 }
                                             });
@@ -72,11 +72,11 @@ export default function transformer(file, api, options) {
                                     // `ObjectMethod` and `ObjectProperty` have params in a different place in the
                                     // AST, so apply `finalParams` where appropriate
                                     if (property.type === 'ObjectMethod') {
-                                        property.params = finalParams_1;
+                                        property.params = finalParams;
                                     }
                                     else if (property.type === 'ObjectProperty' &&
                                         property.value.type === 'ArrowFunctionExpression') {
-                                        property.value.params = finalParams_1;
+                                        property.value.params = finalParams;
                                     }
                                 }
                             });

package/dist/es6/v7/updateSegmentedControl.js

@@ -1,20 +1,17 @@
 import { getImportRenameMap } from './utils/getImportRenameMap';
 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/segmented-control'), containsCanvasImports = _a.containsCanvasImports, importMap = _a.importMap, styledMap = _a.styledMap;
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    const { containsCanvasImports, importMap, styledMap } = getImportRenameMap(j, root, '@workday/canvas-kit-react/segmented-control');
     if (!containsCanvasImports) {
         return file.source;
     }
     root
-        .find(j.JSXElement, function (value) {
-        return value.openingElement.name.type === 'JSXIdentifier' &&
-            (value.openingElement.name.name === importMap.SegmentedControl ||
-                value.openingElement.name.name === styledMap.SegmentedControl);
-    })
-        .forEach(function (nodePath) {
-        for (var _i = 0, _a = nodePath.value.children || []; _i < _a.length; _i++) {
-            var child = _a[_i];
+        .find(j.JSXElement, (value) => value.openingElement.name.type === 'JSXIdentifier' &&
+        (value.openingElement.name.name === importMap.SegmentedControl ||
+            value.openingElement.name.name === styledMap.SegmentedControl))
+        .forEach(nodePath => {
+        for (const child of nodePath.value.children || []) {
             if (child.type === 'JSXElement' && child.openingElement.name.type === 'JSXIdentifier') {
                 child.openingElement.name.name = 'SegmentedControl.Button';
             }

package/dist/es6/v7/updateTabs.js

@@ -1,8 +1,8 @@
 import { getImportRenameMap } from './utils/getImportRenameMap';
 export default function transformer(file, api, options) {
-    var j = api.jscodeshift;
-    var root = j(file.source);
-    var _a = getImportRenameMap(j, root), containsCanvasImports = _a.containsCanvasImports, importMap = _a.importMap;
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    const { containsCanvasImports, importMap } = getImportRenameMap(j, root);
     if (!containsCanvasImports) {
         return file.source;
     }
@@ -10,13 +10,13 @@ export default function transformer(file, api, options) {
         // Find <Tabs
         .find(j.JSXOpeningElement, { name: { object: { name: importMap.Tabs } } })
         // Filter for <Tabs.Item and <Tabs.Panel
-        .filter(function (path) {
+        .filter(path => {
         return (path.value.name.type === 'JSXMemberExpression' &&
             (path.value.name.property.name === 'Item' || path.value.name.property.name === 'Panel'));
     })
-        .forEach(function (nodePath) {
+        .forEach(nodePath => {
         var _a;
-        nodePath.value.attributes = (_a = nodePath.value.attributes) === null || _a === void 0 ? void 0 : _a.map(function (attribute) {
+        nodePath.value.attributes = (_a = nodePath.value.attributes) === null || _a === void 0 ? void 0 : _a.map(attribute => {
             if (attribute.type === 'JSXAttribute' &&
                 attribute.name.type === 'JSXIdentifier' &&
                 attribute.name.name === 'name') {
@@ -33,9 +33,9 @@ export default function transformer(file, api, options) {
             property: { name: 'Item' },
         },
     })
-        .forEach(function (nodePath) {
+        .forEach(nodePath => {
         var _a;
-        nodePath.value.attributes = (_a = nodePath.value.attributes) === null || _a === void 0 ? void 0 : _a.map(function (attribute) {
+        nodePath.value.attributes = (_a = nodePath.value.attributes) === null || _a === void 0 ? void 0 : _a.map(attribute => {
             if (attribute.type === 'JSXAttribute' &&
                 attribute.name.type === 'JSXIdentifier' &&
                 attribute.name.name === 'name') {

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

@@ -1,19 +1,18 @@
-export function getImportRenameMap(j, root, packageName) {
-    if (packageName === void 0) { packageName = ''; }
-    var containsCanvasImports = false;
+export function getImportRenameMap(j, root, packageName = '') {
+    let 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) {
+    const importMap = {};
+    const styledMap = {};
+    root.find(j.ImportDeclaration, node => {
         // imports our module
-        var value = node.source.value;
+        const value = node.source.value;
         if (typeof value === 'string' &&
             (value === '@workday/canvas-kit-react' ||
                 value.startsWith('@workday/canvas-kit-react/') ||
                 value === packageName)) {
             containsCanvasImports = true;
-            (node.specifiers || []).forEach(function (specifier) {
+            (node.specifiers || []).forEach(specifier => {
                 if (specifier.type === 'ImportSpecifier') {
                     if (!specifier.local || specifier.local.name === specifier.imported.name) {
                         importMap[specifier.imported.name] = specifier.imported.name;
@@ -27,7 +26,7 @@ export function getImportRenameMap(j, root, packageName) {
         return false;
     });
     root
-        .find(j.CallExpression, function (node) {
+        .find(j.CallExpression, (node) => {
         if (node.callee.type === 'Identifier' &&
             node.callee.name === 'styled' &&
             node.arguments[0].type === 'Identifier') {
@@ -35,18 +34,18 @@ export function getImportRenameMap(j, root, packageName) {
         }
         return false;
     })
-        .forEach(function (nodePath) {
+        .forEach(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;
+            const 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 };
+    return { containsCanvasImports, importMap, styledMap };
 }

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

@@ -16,9 +16,9 @@
  * }
  */
 export function hasImportSpecifiers(api, root, packageName, specifiers) {
-    var j = api.jscodeshift;
-    return !!root.find(j.ImportDeclaration, function (nodePath) {
-        var value = nodePath.source.value;
+    const j = api.jscodeshift;
+    return !!root.find(j.ImportDeclaration, nodePath => {
+        const value = nodePath.source.value;
         // package name was found
         if (typeof packageName === 'string'
             ? value === packageName
@@ -26,16 +26,14 @@ export function hasImportSpecifiers(api, root, packageName, specifiers) {
             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('/');
-        });
+        const mainPackage = (typeof packageName === 'string' ? [packageName] : packageName).map(s => s
+            .split('/')
+            .slice(0, -1)
+            .join('/'));
         if (mainPackage.includes(value)) {
-            return !!(nodePath.specifiers || []).find(function (specifier) {
+            return !!(nodePath.specifiers || []).find(specifier => {
                 if (specifier.type === 'ImportSpecifier') {
-                    var specifierName = specifier.imported.name;
+                    const specifierName = specifier.imported.name;
                     return specifiers.includes(specifierName);
                 }
                 return false;

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,25 @@
+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';
+const transform = (file, api, options) => {
+    // These will run in order. If your transform depends on others, place yours after dependent transforms
+    const fixes = [
+        promoteBreadcrumbs,
+        restructureBreadcrumbs,
+        revomeDefaultImports,
+        softDeprecateDrawer,
+        softDeprecateLayout,
+        softDeprecatePreviewMenu,
+        promoteComponentsToTesting,
+        refactorActionBarOverflowButton,
+        renameLoadingAnimation,
+    ];
+    return fixes.reduce((source, fix) => fix({ ...file, 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,SAyEhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/es6/v8/promoteBreadcrumbs.js

@@ -0,0 +1,56 @@
+const transform = (file, api) => {
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    const breadcrumbsSpecifiers = [];
+    const foundImport = [];
+    root
+        .find(j.ImportDeclaration, {
+        source: { value: (value) => value.includes('@workday/canvas-kit-preview-react') },
+    })
+        .forEach(nodePath => {
+        var _a;
+        nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.filter(specifier => {
+            if (specifier.type === 'ImportSpecifier' &&
+                specifier.local &&
+                specifier.imported.name === 'Breadcrumbs') {
+                breadcrumbsSpecifiers.push({
+                    importedName: specifier.imported.name,
+                    name: specifier.local.name,
+                });
+                return false;
+            }
+            return true;
+        });
+        if (breadcrumbsSpecifiers.length) {
+            foundImport.push(nodePath);
+        }
+    });
+    const existingBreadcrumbsImports = root.find(j.ImportDeclaration, {
+        source: { value: '@workday/canvas-kit-react/breadcrumbs' },
+    });
+    const mapToSpecifiers = (specifier) => {
+        return j.importSpecifier(j.identifier(specifier.importedName), specifier.name ? j.identifier(specifier.name) : undefined);
+    };
+    // add to existing import
+    if (existingBreadcrumbsImports.length) {
+        existingBreadcrumbsImports.forEach(nodePath => {
+            var _a;
+            nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.concat(breadcrumbsSpecifiers.map(mapToSpecifiers));
+        });
+    }
+    else {
+        // create new import
+        if (foundImport.length) {
+            foundImport[0].insertBefore(j.importDeclaration(breadcrumbsSpecifiers.map(mapToSpecifiers), j.stringLiteral('@workday/canvas-kit-react/breadcrumbs')));
+        }
+    }
+    foundImport.forEach(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,SAgFhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/es6/v8/promoteComponentsToTesting.js

@@ -0,0 +1,76 @@
+const 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
+const transform = (file, api) => {
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    const commonLabsSpecifiers = [];
+    const foundImport = [];
+    // First move specifiers from labs or from main common
+    root
+        .find(j.ImportDeclaration, {
+        source: {
+            value: (value) => value.includes('@workday/canvas-kit-labs-react') ||
+                value.includes('@workday/canvas-kit-react'),
+        },
+    })
+        .forEach(nodePath => {
+        var _a;
+        nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.filter(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;
+        });
+        if (commonLabsSpecifiers.length) {
+            foundImport.push(nodePath);
+        }
+    });
+    const existingTestingImports = root.find(j.ImportDeclaration, {
+        source: { value: '@workday/canvas-kit-react/testing' },
+    });
+    const mapToSpecifiers = (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(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(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;