@workday/canvas-kit-codemod 6.3.3 → 7.0.0-alpha.0-next.0

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

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

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

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

package/dist/es6/v7/compoundActionBar.js

@@ -0,0 +1,42 @@
+import { getImportRenameMap } from './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;
+    // Remove fixed prop from ActionBar component
+    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) {
+        var attributes = nodePath.value.openingElement.attributes;
+        if (attributes) {
+            // remove these attributes from ActionBar
+            nodePath.value.openingElement.attributes = attributes.filter(function (item) {
+                return item.type === 'JSXAttribute' &&
+                    item.name.type === 'JSXIdentifier' &&
+                    ['fixed'].includes(item.name.name)
+                    ? false
+                    : true;
+            });
+        }
+    });
+    return root.toSource();
+}

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,EAAE,WAAW,EAAiB,MAAM,aAAa,CAAC;AAEpE,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,EAAE,WAAW,SAAK;;;;EAyDzF"}

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

@@ -0,0 +1,50 @@
+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;
+                    }
+                }
+            });
+        }
+        return false;
+    });
+    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/dist/es6/v7/utils/hasImportSpecifiers.d.ts

@@ -0,0 +1,20 @@
+import { Collection, API } from 'jscodeshift';
+/**
+ * Search for import statements for a package and specific import specifiers. This
+ * is useful for codemods to skip files that don't contain import specifiers that
+ * require codemoding.
+ *
+ * @example
+ * const hasImports = hasImportSpecifiers(
+ *   api,
+ *   root,
+ *   '@workday/canvas-kit-react/cookie-banner',
+ *   ['CookieBanner', 'CookieBannerProps']
+ * )
+ *
+ * if (!hasImports) {
+ *   return file.source
+ * }
+ */
+export declare function hasImportSpecifiers(api: API, root: Collection<any>, packageName: string | string[], specifiers: string[]): boolean;
+//# sourceMappingURL=hasImportSpecifiers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hasImportSpecifiers.d.ts","sourceRoot":"","sources":["../../../../lib/v7/utils/hasImportSpecifiers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,GAAG,EAAC,MAAM,aAAa,CAAC;AAE5C;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,CAAC,GAAG,CAAC,EACrB,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,EAC9B,UAAU,EAAE,MAAM,EAAE,WAkCrB"}

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

@@ -0,0 +1,46 @@
+/**
+ * Search for import statements for a package and specific import specifiers. This
+ * is useful for codemods to skip files that don't contain import specifiers that
+ * require codemoding.
+ *
+ * @example
+ * const hasImports = hasImportSpecifiers(
+ *   api,
+ *   root,
+ *   '@workday/canvas-kit-react/cookie-banner',
+ *   ['CookieBanner', 'CookieBannerProps']
+ * )
+ *
+ * if (!hasImports) {
+ *   return file.source
+ * }
+ */
+export function hasImportSpecifiers(api, root, packageName, specifiers) {
+    var j = api.jscodeshift;
+    return !!root.find(j.ImportDeclaration, function (nodePath) {
+        var value = nodePath.source.value;
+        // package name was found
+        if (typeof packageName === 'string'
+            ? value === packageName
+            : packageName.includes(value)) {
+            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('/');
+        });
+        if (mainPackage.includes(value)) {
+            return !!(nodePath.specifiers || []).find(function (specifier) {
+                if (specifier.type === 'ImportSpecifier') {
+                    var specifierName = specifier.imported.name;
+                    return specifiers.includes(specifierName);
+                }
+                return false;
+            });
+        }
+        return false;
+    });
+}

package/index.js

@@ -21,6 +21,13 @@ const {_: commands, path} = require('yargs')
       describe: chalk.gray('The path to execute the transform in (recursively).'),
     });
   })
+  .command('v7 [path]', chalk.gray('Canvas Kit v6 > v7 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": "6.3.3",
+  "version": "7.0.0-alpha.0-next.0+69f28d82",
   "description": "A collection of codemods for use on Workday Canvas Kit packages.",
   "main": "dist/es6/index.js",
   "sideEffects": false,
@@ -42,5 +42,5 @@
     "test": "TZ=UTC jest -c ../../jest.config.js",
     "typecheck:src": "tsc -p . --noEmit --incremental false"
   },
-  "gitHead": "51dae8197af8debcac3aaa6229e113ac18fe195c"
+  "gitHead": "69f28d82a0291ed45c2c9d3ef92e437d69033471"
 }