@workday/canvas-kit-codemod 6.0.0-alpha.0-next.31 → 6.0.0-alpha.0-next.37

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

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

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

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

package/dist/es6/v7/compoundBanner.js

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

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

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

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

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

package/dist/es6/v7/index.js

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

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

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

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

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

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

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

package/index.js

@@ -21,6 +21,13 @@ const {_: commands, path} = require('yargs')
       describe: 'The path to execute the transform in (recursively).'.gray,
     });
   })
+  .command('v7 [path]', 'Canvas Kit v6 > v7 migration transform'.gray, yargs => {
+    yargs.positional('path', {
+      type: 'string',
+      default: '.',
+      describe: 'The path to execute the transform in (recursively).'.gray,
+    });
+  })
   .demandCommand(1, 'You must provide a transform to apply.'.red.bold)
   .strictCommands()
   .fail((msg, err, yargs) => {
@@ -42,18 +49,19 @@ const transform = commands[0];
 console.log(transform, path);
 
 console.log(`\nApplying ${transform} transform to '${path}'\n`.brightBlue);
+const args = `-t ${__dirname}/dist/es6/${transform} ${path} --parser tsx --extensions js,jsx,ts,tsx`.split(
+  ' '
+);
 
-spawn(
-  `jscodeshift -t ${__dirname}/dist/es6/${transform} ${path} --parser=tsx --extensions=js,jsx,ts,tsx`,
-  (error, stdout, stderr) => {
-    if (error) {
-      console.error(`${error}\n`);
-      return;
-    }
-    console.log(`${stdout}\n`);
+const proc = spawn(`jscodeshift`, args);
 
-    if (stderr) {
-      console.error(`${stderr}\n`);
-    }
-  }
-);
+let errCode = 0;
+proc.stdout.on('data', data => console.log(data.toString()));
+proc.stderr.on('data', data => {
+  errCode = 1;
+  console.error(data.toString());
+});
+
+proc.on('close', code => {
+  process.exit(code || errCode);
+});

package/package.json

@@ -2,7 +2,7 @@
   "name": "@workday/canvas-kit-codemod",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
-  "version": "6.0.0-alpha.0-next.31+17cf46c1",
+  "version": "6.0.0-alpha.0-next.37+4f33e928",
   "description": "A collection of codemods for use on Workday Canvas Kit packages.",
   "main": "dist/es6/index.js",
   "sideEffects": false,
@@ -36,7 +36,8 @@
   "scripts": {
     "clean": "rimraf dist && rimraf .build-info && mkdirp dist",
     "build": "tsc -p tsconfig.es6.json",
-    "test": "TZ=UTC jest -c ../../jest.config.js"
+    "test": "TZ=UTC jest -c ../../jest.config.js",
+    "typecheck:src": "tsc -p . --noEmit --incremental false"
   },
-  "gitHead": "17cf46c147e4ccad22b84011924c73456d63e252"
+  "gitHead": "4f33e928c2e93b179997eaf8c9c6b40b87c10580"
 }