@workday/canvas-kit-codemod 6.9.0-next.0 → 6.9.0-next.2

package/dist/es6/v7/updateSegmentedControl.js

@@ -0,0 +1,24 @@
+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;
+    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];
+            if (child.type === 'JSXElement' && child.openingElement.name.type === 'JSXIdentifier') {
+                child.openingElement.name.name = 'SegmentedControl.Button';
+            }
+        }
+    });
+    return root.toSource();
+}

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

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

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

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

package/dist/es6/v7/updateTabs.js

@@ -0,0 +1,48 @@
+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;
+    if (!containsCanvasImports) {
+        return file.source;
+    }
+    root
+        // Find <Tabs
+        .find(j.JSXOpeningElement, { name: { object: { name: importMap.Tabs } } })
+        // Filter for <Tabs.Item and <Tabs.Panel
+        .filter(function (path) {
+        return (path.value.name.type === 'JSXMemberExpression' &&
+            (path.value.name.property.name === 'Item' || path.value.name.property.name === 'Panel'));
+    })
+        .forEach(function (nodePath) {
+        var _a;
+        nodePath.value.attributes = (_a = nodePath.value.attributes) === null || _a === void 0 ? void 0 : _a.map(function (attribute) {
+            if (attribute.type === 'JSXAttribute' &&
+                attribute.name.type === 'JSXIdentifier' &&
+                attribute.name.name === 'name') {
+                attribute.name.name = 'data-id';
+            }
+            return attribute;
+        });
+    });
+    root
+        // find <Tabs.Menu.Item
+        .find(j.JSXOpeningElement, {
+        name: {
+            object: { object: { name: importMap.Tabs }, property: { name: 'Menu' } },
+            property: { name: 'Item' },
+        },
+    })
+        .forEach(function (nodePath) {
+        var _a;
+        nodePath.value.attributes = (_a = nodePath.value.attributes) === null || _a === void 0 ? void 0 : _a.map(function (attribute) {
+            if (attribute.type === 'JSXAttribute' &&
+                attribute.name.type === 'JSXIdentifier' &&
+                attribute.name.name === 'name') {
+                attribute.name.name = 'data-id';
+            }
+            return attribute;
+        });
+    });
+    return root.toSource();
+}

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;;;;EA2DzF"}

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

@@ -0,0 +1,52 @@
+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.startsWith('@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.9.0-next.0+8f9fb600",
+  "version": "6.9.0-next.2+8dd3d6b6",
   "description": "A collection of codemods for use on Workday Canvas Kit packages.",
   "main": "dist/es6/index.js",
   "sideEffects": false,
@@ -11,7 +11,8 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Workday/canvas-kit.git"
+    "url": "https://github.com/workday/canvas-kit.git",
+    "directory": "modules/codemod"
   },
   "files": [
     "dist/",
@@ -42,5 +43,5 @@
     "test": "TZ=UTC jest -c ../../jest.config.js",
     "typecheck:src": "tsc -p . --noEmit --incremental false"
   },
-  "gitHead": "8f9fb600b56c986b012e0282536296a2f5a54dff"
+  "gitHead": "8dd3d6b6d1af27a68d8ee952ad70a389a0b675dd"
 }