@workday/canvas-kit-codemod 13.0.0-alpha.998-next.0 → 13.0.1

package/dist/es6/v13/addPillLabel.d.ts

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

package/dist/es6/v13/addPillLabel.d.ts.map

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

package/dist/es6/v13/addPillLabel.js

@@ -0,0 +1,49 @@
+import { getImportRenameMap } from './utils/getImportRenameMap';
+import { hasImportSpecifiers } from '../v6/utils';
+const pillPackage = '@workday/canvas-kit-preview-react/pill';
+export default function transformer(file, api, options) {
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    // Skip transformation if Pill is not imported from the target package
+    if (!hasImportSpecifiers(api, root, pillPackage, ['Pill'])) {
+        return file.source;
+    }
+    const { importMap, styledMap } = getImportRenameMap(j, root, '@workday/canvas-kit-preview-react');
+    root
+        .find(j.JSXElement, (value) => value.openingElement.name.type === 'JSXIdentifier' &&
+        (value.openingElement.name.name === importMap.Pill ||
+            value.openingElement.name.name === styledMap.Pill))
+        .forEach(nodePath => {
+        var _a;
+        // Get the local name of the Pill component (e.g., Pill, MyPill, StyledPill)
+        const pillName = nodePath.node.openingElement.name.name;
+        // Check for subcomponents using the local Pill name
+        const hasPillSubcomponents = nodePath.node.children &&
+            nodePath.node.children.some(child => {
+                if (child.type === 'JSXElement' &&
+                    child.openingElement.type === 'JSXOpeningElement' &&
+                    child.openingElement.name.type === 'JSXMemberExpression' &&
+                    child.openingElement.name.object.type === 'JSXIdentifier' &&
+                    child.openingElement.name.object.name === pillName) {
+                    return (child.openingElement.name.property.name === 'Icon' ||
+                        child.openingElement.name.property.name === 'Avatar' ||
+                        child.openingElement.name.property.name === 'IconButton' ||
+                        child.openingElement.name.property.name === 'Count');
+                }
+                return false;
+            });
+        // If subcomponents are present, wrap text and expressions in Pill.Label
+        if (hasPillSubcomponents) {
+            nodePath.node.children = (_a = nodePath.node.children) === null || _a === void 0 ? void 0 : _a.map(child => {
+                if (child.type === 'JSXText' && child.value.trim() !== '') {
+                    return j.jsxElement(j.jsxOpeningElement(j.jsxMemberExpression(j.jsxIdentifier(pillName), j.jsxIdentifier('Label')), []), j.jsxClosingElement(j.jsxMemberExpression(j.jsxIdentifier(pillName), j.jsxIdentifier('Label'))), [child]);
+                }
+                else if (child.type === 'JSXExpressionContainer') {
+                    return j.jsxElement(j.jsxOpeningElement(j.jsxMemberExpression(j.jsxIdentifier(pillName), j.jsxIdentifier('Label')), []), j.jsxClosingElement(j.jsxMemberExpression(j.jsxIdentifier(pillName), j.jsxIdentifier('Label'))), [child]);
+                }
+                return child;
+            });
+        }
+    });
+    return root.toSource();
+}

package/dist/es6/v13/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/v13/index.d.ts.map

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

package/dist/es6/v13/index.js

@@ -0,0 +1,16 @@
+import addPillLabel from './addPillLabel';
+import renameDubLogosImports from './renameDubLogosImports';
+import renameDubLogosReferences from './renameDubLogosReferences';
+import promoteExpandable from './promoteExpandable';
+const transform = (file, api, options) => {
+    // These will run in order. If your transform depends on others, place yours after dependent transforms
+    const fixes = [
+        // add codemods here
+        addPillLabel,
+        promoteExpandable,
+        renameDubLogosImports,
+        renameDubLogosReferences,
+    ];
+    return fixes.reduce((source, fix) => fix({ ...file, source }, api, options), file.source);
+};
+export default transform;

package/dist/es6/v13/promoteExpandable.d.ts

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

package/dist/es6/v13/promoteExpandable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"promoteExpandable.d.ts","sourceRoot":"","sources":["../../../lib/v13/promoteExpandable.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/v13/promoteExpandable.js

@@ -0,0 +1,56 @@
+const transform = (file, api) => {
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    const expandableSpecifiers = [];
+    const foundImport = [];
+    root
+        .find(j.ImportDeclaration, {
+        source: { value: (value) => value.includes('@workday/canvas-kit-labs-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 === 'Expandable') {
+                expandableSpecifiers.push({
+                    importedName: specifier.imported.name,
+                    name: specifier.local.name,
+                });
+                return false;
+            }
+            return true;
+        });
+        if (expandableSpecifiers.length) {
+            foundImport.push(nodePath);
+        }
+    });
+    const existinExpandableImports = root.find(j.ImportDeclaration, {
+        source: { value: '@workday/canvas-kit-react/expandable' },
+    });
+    const mapToSpecifiers = (specifier) => {
+        return j.importSpecifier(j.identifier(specifier.importedName), specifier.name ? j.identifier(specifier.name) : undefined);
+    };
+    // add to existing import
+    if (existinExpandableImports.length) {
+        existinExpandableImports.forEach(nodePath => {
+            var _a;
+            nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.concat(expandableSpecifiers.map(mapToSpecifiers));
+        });
+    }
+    else {
+        // create new import
+        if (foundImport.length) {
+            foundImport[0].insertBefore(j.importDeclaration(expandableSpecifiers.map(mapToSpecifiers), j.stringLiteral('@workday/canvas-kit-react/expandable')));
+        }
+    }
+    foundImport.forEach(importPath => {
+        var _a;
+        if (!((_a = importPath.value.specifiers) === null || _a === void 0 ? void 0 : _a.length) ||
+            importPath.value.source.value === '@workday/canvas-kit-labs-react/expandable') {
+            importPath.prune();
+        }
+    });
+    return root.toSource();
+};
+export default transform;

package/dist/es6/v13/renameDubLogosImports.d.ts

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

package/dist/es6/v13/renameDubLogosImports.d.ts.map

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

package/dist/es6/v13/renameDubLogosImports.js

@@ -0,0 +1,43 @@
+import { hasImportSpecifiers } from '../v6/utils';
+const mainPackage = '@workday/canvas-kit-react';
+const dubLogoPackage = '@workday/canvas-kit-react/common';
+const dubLogoImports = ['dubLogoBlue', 'dubLogoWhite', 'wdayLogoBlue', 'wdayLogoWhite'];
+export default function transformer(file, api, options) {
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    // exit if the named imports aren't found
+    if (!hasImportSpecifiers(api, root, dubLogoPackage, dubLogoImports)) {
+        return file.source;
+    }
+    root
+        .find(j.ImportDeclaration, {
+        // filter on imports from "@workday/canvas-kit/react" including slash imports
+        source: { value: (value) => value.includes(mainPackage) },
+    })
+        .forEach(nodePath => {
+        var _a;
+        (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.forEach(specifier => {
+            if (specifier.type === 'ImportSpecifier') {
+                // Transform named import
+                // e.g. `import {dubLogoBlue}` becomes `import {dubLogoPrimary}`
+                if (specifier.imported.name === 'dubLogoBlue') {
+                    specifier.imported.name = 'dubLogoPrimary';
+                    // e.g. `import {dubLogoWhite}` becomes `import {dubLogoReversed}`
+                }
+                else if (specifier.imported.name === 'dubLogoWhite') {
+                    specifier.imported.name = 'dubLogoReversed';
+                    // e.g. `import {wdayLogoBlue}` becomes `import {wdayLogoPrimary}`
+                }
+                else if (specifier.imported.name === 'wdayLogoBlue') {
+                    specifier.imported.name = 'wdayLogoPrimary';
+                    // e.g. `import {wdayLogoWhite}` becomes `import {wdayLogoReversed}`
+                }
+                else if (specifier.imported.name === 'wdayLogoWhite') {
+                    specifier.imported.name = 'wdayLogoReversed';
+                }
+            }
+            return specifier;
+        });
+    });
+    return root.toSource();
+}

package/dist/es6/v13/renameDubLogosReferences.d.ts

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

package/dist/es6/v13/renameDubLogosReferences.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renameDubLogosReferences.d.ts","sourceRoot":"","sources":["../../../lib/v13/renameDubLogosReferences.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAc,OAAO,EAAC,MAAM,aAAa,CAAC;AAQ/D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,UAyC7E"}

package/dist/es6/v13/renameDubLogosReferences.js

@@ -0,0 +1,38 @@
+import { hasImportSpecifiers } from '../v6/utils';
+import { getImportRenameMap } from './utils/getImportRenameMap';
+const dubLogoPackages = ['@workday/canvas-kit-react', '@workday/canvas-kit-react/common'];
+const packageImports = ['dubLogoPrimary', 'dubLogoReversed', 'wdayLogoPrimary', 'wdayLogoReversed'];
+const oldpackageImports = ['dubLogoBlue', 'dubLogoWhite', 'wdayLogoBlue', 'wdayLogoWhite'];
+export default function transformer(file, api, options) {
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    // exit if the named imports aren't found
+    if (!hasImportSpecifiers(api, root, dubLogoPackages, packageImports)) {
+        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
+    const { importMap } = getImportRenameMap(j, root, '@workday/canvas-kit-react');
+    const expressions = root.find(j.JSXExpressionContainer);
+    // Transform attributes
+    expressions
+        .find(j.Identifier, (value) => {
+        const isCorrectImport = Object.entries(importMap).some(([original, imported]) => imported === original && oldpackageImports.includes(value.name));
+        return isCorrectImport;
+    })
+        .forEach(nodePath => {
+        if (nodePath.node.name === 'dubLogoBlue') {
+            nodePath.node.name = 'dubLogoPrimary';
+        }
+        else if (nodePath.node.name === 'dubLogoWhite') {
+            nodePath.node.name = 'dubLogoReversed';
+        }
+        if (nodePath.node.name === 'wdayLogoBlue') {
+            nodePath.node.name = 'wdayLogoPrimary';
+        }
+        if (nodePath.node.name === 'wdayLogoWhite') {
+            nodePath.node.name = 'wdayLogoReversed';
+        }
+    });
+    return root.toSource();
+}

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

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

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

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

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

@@ -0,0 +1,47 @@
+export function getImportRenameMap(j, root, mainPackage = '@workday/canvas-kit-react', packageName = '') {
+    let containsCanvasImports = false;
+    // build import name remapping - in case someone renamed imports...
+    // i.e. `import { IconButton as StyledIconButton } ...`
+    const importMap = {};
+    const styledMap = {};
+    root.find(j.ImportDeclaration, node => {
+        // imports our module
+        const value = node.source.value;
+        if (typeof value === 'string' &&
+            (value === mainPackage || value.startsWith(mainPackage) || value === packageName)) {
+            containsCanvasImports = true;
+            (node.specifiers || []).forEach(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, (node) => {
+        if (node.callee.type === 'Identifier' &&
+            node.callee.name === 'styled' &&
+            node.arguments[0].type === 'Identifier') {
+            return true;
+        }
+        return false;
+    })
+        .forEach(nodePath => {
+        if ((nodePath.parent.value.type === 'CallExpression' ||
+            nodePath.parent.value.type === 'TaggedTemplateExpression') &&
+            nodePath.parent.parent.value.type === 'VariableDeclarator' &&
+            nodePath.parent.parent.value.id.type === 'Identifier') {
+            const styledName = nodePath.parent.parent.value.id.name;
+            if (nodePath.value.arguments[0].type === 'Identifier') {
+                styledMap[nodePath.value.arguments[0].name] = styledName;
+            }
+        }
+    });
+    return { containsCanvasImports, importMap, styledMap };
+}

package/index.js

@@ -81,6 +81,13 @@ const {
       describe: chalk.gray('The path to execute the transform in (recursively).'),
     });
   })
+  .command('v13 [path]', chalk.gray('Canvas Kit v12 > v13 upgrade 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": "13.0.0-alpha.998-next.0",
+  "version": "13.0.1",
   "description": "A collection of codemods for use on Workday Canvas Kit packages.",
   "main": "dist/es6/index.js",
   "sideEffects": false,
@@ -46,5 +46,5 @@
   "resolutions": {
     "recast": "0.20.4"
   },
-  "gitHead": "d95041596e2b948c0a371f4c763746a98c58b2da"
+  "gitHead": "bb1ae05330f359a59d9776efe8e99cdc20e99f52"
 }