@workday/canvas-kit-codemod 15.0.0-alpha.1303-next.0 → 15.0.0-alpha.1326-next.0

package/dist/es6/v14-tokens/utils/transformObjectPropertyRecursively.js

@@ -30,40 +30,43 @@ const updateArguments = ({ j, root }, expr, property, importDeclaration) => {
 };
 export const transformObjectPropertyRecursively = ({ j, root }, property, importDeclaration, isCanvasKitStyling) => {
     var _a;
+    const createObjectProperty = (key, value) => {
+        var _a, _b, _c;
+        const prop = j.objectProperty(key, value);
+        // Preserve computed flag: if explicitly true, or if key is not a simple literal/identifier
+        if (property.computed === true ||
+            (((_a = property.key) === null || _a === void 0 ? void 0 : _a.type) !== 'Identifier' &&
+                ((_b = property.key) === null || _b === void 0 ? void 0 : _b.type) !== 'StringLiteral' &&
+                ((_c = property.key) === null || _c === void 0 ? void 0 : _c.type) !== 'NumericLiteral')) {
+            prop.computed = true;
+        }
+        return prop;
+    };
     if (property.type === 'ObjectProperty' &&
         property.key.type === 'Identifier' &&
-        property.value.type === 'MemberExpression' &&
+        ((_a = property.value) === null || _a === void 0 ? void 0 : _a.type) === 'MemberExpression' &&
         property.value.object.type === 'Identifier' &&
         property.value.property.type === 'Identifier') {
         const cssProperty = property.key.name;
-        const tokens = (_a = Object.entries(systemColors).find(([blockKey]) => blockKey.split(',').some(prop => prop === cssProperty))) === null || _a === void 0 ? void 0 : _a[1];
-        const { property: value, object: { name }, } = property.value;
-        const colorToken = tokens === null || tokens === void 0 ? void 0 : tokens[value.name];
-        if (colorToken) {
-            if (importDeclaration[name] === 'colors') {
-                if (!isCanvasKitStyling) {
-                    addMissingImports({ j, root }, { importPath: '@workday/canvas-kit-styling', specifiers: ['cssVar'] });
-                }
-                addMissingImports({ j, root }, { importPath: '@workday/canvas-tokens-web', specifiers: ['system'] });
-                return j.objectProperty(j.identifier(cssProperty), isCanvasKitStyling
-                    ? varToMemberExpression(j, colorToken)
-                    : j.callExpression(j.identifier('cssVar'), [varToMemberExpression(j, colorToken)]));
-            }
-            if (importDeclaration[property.value.object.name] === 'base') {
-                addMissingImports({ j, root }, { importPath: '@workday/canvas-tokens-web', specifiers: ['system'] });
-                return j.objectProperty(j.identifier(cssProperty), varToMemberExpression(j, colorToken));
-            }
+        const propsName = Object.keys(systemColors).find(blockKey => blockKey.split(',').some(prop => prop === cssProperty));
+        const tokens = propsName ? systemColors[propsName] : null;
+        const propertyName = property.value.object.name;
+        const valueName = property.value.property.name;
+        if (!(tokens && importDeclaration[propertyName] === 'base')) {
+            return property;
         }
-        else {
-            const baseToken = baseMapping[property.value.property.name];
-            if (baseToken) {
-                addMissingImports({ j, root }, { importPath: '@workday/canvas-tokens-web', specifiers: ['base'] });
-                return j.objectProperty(j.identifier(cssProperty), j.memberExpression(j.identifier('base'), j.identifier(baseToken)));
-            }
+        const colorToken = tokens[valueName];
+        const baseToken = baseMapping[valueName];
+        if (colorToken || baseToken) {
+            addMissingImports({ j, root }, { importPath: '@workday/canvas-tokens-web', specifiers: [colorToken ? 'system' : 'base'] });
+            const newToken = colorToken
+                ? varToMemberExpression(j, colorToken)
+                : j.memberExpression(j.identifier('base'), j.identifier(baseToken));
+            return createObjectProperty(j.identifier(cssProperty), isCanvasKitStyling ? newToken : j.callExpression(j.identifier('cssVar'), [newToken]));
         }
         return property;
     }
-    if (property.value.type === 'CallExpression') {
+    if (property.type === 'ObjectProperty' && property.value.type === 'CallExpression') {
         property.value.arguments = updateArguments({ j, root }, property.value, property, importDeclaration);
     }
     if (property.type === 'ObjectProperty' && property.value.type === 'TemplateLiteral') {
@@ -95,7 +98,7 @@ export const transformObjectPropertyRecursively = ({ j, root }, property, import
             }
             return expr;
         });
-        return j.objectProperty(property.key, j.templateLiteral(transformedQuasis, transformedExpressions));
+        return createObjectProperty(property.key, j.templateLiteral(transformedQuasis, transformedExpressions));
     }
     if (property.type === 'ObjectProperty' && property.value.type === 'ConditionalExpression') {
         const { test, consequent, alternate } = property.value;
@@ -132,10 +135,10 @@ export const transformObjectPropertyRecursively = ({ j, root }, property, import
         if (alternate.type === 'CallExpression') {
             alternate.arguments = updateArguments({ j, root }, alternate, property, importDeclaration);
         }
-        return j.objectProperty(property.key, j.conditionalExpression(test, consequentNode, alternateNode));
+        return createObjectProperty(property.key, j.conditionalExpression(test, consequentNode, alternateNode));
     }
     if (property.type === 'ObjectProperty' && property.value.type === 'ObjectExpression') {
-        return j.objectProperty(property.key, j.objectExpression(property.value.properties.map((prop) => transformObjectPropertyRecursively({ j, root }, prop, importDeclaration, isCanvasKitStyling))));
+        return createObjectProperty(property.key, j.objectExpression(property.value.properties.map((prop) => transformObjectPropertyRecursively({ j, root }, prop, importDeclaration, isCanvasKitStyling))));
     }
     return property;
 };

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

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

package/dist/es6/v15/index.js

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

package/dist/es6/v15/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/v15/utils/getImportRenameMap.d.ts.map

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

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

@@ -0,0 +1,44 @@
+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) => node.callee.type === 'Identifier' &&
+        node.callee.name === 'styled' &&
+        node.arguments[0].type === 'Identifier')
+        .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') {
+            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

@@ -120,6 +120,13 @@ const {
       });
     }
   )
+  .command('v15 [path]', chalk.gray('Canvas Kit v14 > v15 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": "15.0.0-alpha.1303-next.0",
+  "version": "15.0.0-alpha.1326-next.0",
   "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": "4dc1e2083d2767fd402c2d014bedd8b35a014490"
+  "gitHead": "9cdfd5792eab2f74d194662da6b9957fdf573654"
 }