@workday/canvas-kit-codemod 7.0.0-alpha.89-next.16 → 7.0.0-alpha.92-next.19

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/v7/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAWtC,QAAA,MAAM,SAAS,EAAE,SAchB,CAAC;AACF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/v7/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAatC,QAAA,MAAM,SAAS,EAAE,SAgBhB,CAAC;AACF,eAAe,SAAS,CAAC"}

package/dist/es6/v7/index.js

@@ -17,6 +17,8 @@ import renameLayoutImports from './renameLayoutImports';
 import updateSegmentedControl from './updateSegmentedControl';
 import renameIconPosition from './renameIconPosition';
 import recategorizeIconButtons from './recategorizeIconButtons';
+import updateModelSignatures from './updateModelSignatures';
+import updateTabs from './updateTabs';
 var transform = function (file, api, options) {
     // These will run in order. If your transform depends on others, place yours after dependent transforms
     var fixes = [
@@ -28,6 +30,8 @@ var transform = function (file, api, options) {
         renameIconPosition,
         renameLayoutImports,
         updateSegmentedControl,
+        updateModelSignatures,
+        updateTabs,
     ];
     return fixes.reduce(function (source, fix) { return fix(__assign(__assign({}, file), { source: source }), api, options); }, file.source);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"recategorizeIconButtons.d.ts","sourceRoot":"","sources":["../../../lib/v7/recategorizeIconButtons.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,QAAQ,EACR,OAAO,EAMR,MAAM,aAAa,CAAC;AAcrB,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,UA0J7E"}
+{"version":3,"file":"recategorizeIconButtons.d.ts","sourceRoot":"","sources":["../../../lib/v7/recategorizeIconButtons.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,QAAQ,EACR,OAAO,EAMR,MAAM,aAAa,CAAC;AAcrB,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,UAiK7E"}

package/dist/es6/v7/recategorizeIconButtons.js

@@ -73,6 +73,9 @@ export default function transformer(file, api, options) {
         updateJSXTag(nodePath, buttonType);
         requiredImportSpecifiers.push(buttonType);
     });
+    if (requiredImportSpecifiers.length === 0) {
+        return file.source;
+    }
     // Find all instances of IconButton within a style function
     // const StyledIconButton = styled(IconButton) gets renamed to
     // const StyledIconButton = styled(CorrectButtonMapping)
@@ -80,7 +83,10 @@ export default function transformer(file, api, options) {
         var _a;
         if (((_a = nodePath.value.init) === null || _a === void 0 ? void 0 : _a.type) === 'CallExpression' &&
             nodePath.value.init.callee.type === 'CallExpression' &&
-            nodePath.value.init.callee.arguments[0].type === 'Identifier') {
+            nodePath.value.init.callee.callee.type === 'Identifier' &&
+            nodePath.value.init.callee.callee.name === 'styled' &&
+            nodePath.value.init.callee.arguments[0].type === 'Identifier' &&
+            nodePath.value.init.callee.arguments[0].name === importMap.IconButton) {
             nodePath.value.init.callee.arguments[0].name = buttonType;
             requiredImportSpecifiers.push(buttonType);
         }

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

@@ -1 +1 @@
-{"version":3,"file":"renameLayoutImports.d.ts","sourceRoot":"","sources":["../../../lib/v7/renameLayoutImports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA6B,MAAM,aAAa,CAAC;AAelE,QAAA,MAAM,SAAS,EAAE,SAqFhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"renameLayoutImports.d.ts","sourceRoot":"","sources":["../../../lib/v7/renameLayoutImports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA6B,MAAM,aAAa,CAAC;AAelE,QAAA,MAAM,SAAS,EAAE,SAuFhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/es6/v7/renameLayoutImports.js

@@ -68,7 +68,9 @@ var transform = function (file, api) {
     }
     else {
         // create new import
-        foundImport[0].insertBefore(j.importDeclaration(reactLayoutSpecifiers.map(mapToSpecifiers), j.stringLiteral('@workday/canvas-kit-react/layout')));
+        if (foundImport.length) {
+            foundImport[0].insertBefore(j.importDeclaration(reactLayoutSpecifiers.map(mapToSpecifiers), j.stringLiteral('@workday/canvas-kit-react/layout')));
+        }
     }
     foundImport.forEach(function (importPath) {
         var _a;

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

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

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

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

package/dist/es6/v7/updateModelSignatures.js

@@ -0,0 +1,90 @@
+import { getImportRenameMap } from './utils/getImportRenameMap';
+var keys = function (input) { return Object.keys(input); };
+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;
+    }
+    // inverse the import map. It is more useful this way for this function
+    var imports = Object.keys(importMap).reduce(function (result, key) {
+        result[importMap[key]] = key;
+        return result;
+    }, {});
+    root.find(j.CallExpression).forEach(function (nodePath) {
+        var value = nodePath.value;
+        // check if the identifier was imported from CK AND follows the `use{*}Model` naming convention
+        if (value.callee.type === 'Identifier' &&
+            /use[a-zA-Z]+Model/.test(imports[value.callee.name])) {
+            // loop over all the arguments of the `use{*}Model` hook
+            value.arguments.forEach(function (argument) {
+                // look for object expressions: `use{*}Model({ /* here */ })`
+                if (argument.type === 'ObjectExpression') {
+                    // loop over all the properties looking for `ObjectMethod` and `ObjectProperties` where
+                    // the value is a function matching `on{*}` or `should{*}` naming convention
+                    argument.properties.forEach(function (property) {
+                        // If it is an `ObjectMethod` or an `ObjectProperty` with an arrow function expression:
+                        // {
+                        //   onShow() {}, // ObjectMethod
+                        //   onHide: () => {}, ObjectProperty with arrow function expression
+                        // }
+                        if ((property.type === 'ObjectMethod' ||
+                            (property.type === 'ObjectProperty' &&
+                                property.value.type === 'ArrowFunctionExpression')) &&
+                            property.key.type === 'Identifier') {
+                            var propertyName_1 = property.key.name;
+                            // Both types have a `params`, but are at different places in the AST
+                            var params_1 = property.type === 'ObjectMethod'
+                                ? property.params
+                                : property.value.type === 'ArrowFunctionExpression'
+                                    ? property.value.params
+                                    : [];
+                            // create a mapping for param names of callbacks and guards. This makes the logic more
+                            // difficult to follow, but decreases duplication
+                            var paramMapping_1 = {
+                                on: ['data', 'state'],
+                                should: ['data', 'prevState'],
+                            };
+                            // We will be overriding the params with this variable later
+                            var finalParams_1 = [];
+                            // loop over each `paramMapping` type. `on*` and `should*` functions have different signatures
+                            keys(paramMapping_1).forEach(function (key) {
+                                // matches `onShow` and `shouldShow`
+                                if (new RegExp(key + "[A-Za-z]+").test(propertyName_1)) {
+                                    params_1.forEach(function (param) {
+                                        if (param.type === 'ObjectPattern') {
+                                            param.properties.forEach(function (property) {
+                                                if (property.type === 'ObjectProperty' &&
+                                                    property.key.type === 'Identifier') {
+                                                    if (property.value.type === 'Identifier' ||
+                                                        property.value.type === 'ObjectPattern') {
+                                                        var index = paramMapping_1[key].indexOf(property.key.name);
+                                                        // use `property.value` instead of `property.key.name` in case they
+                                                        // renamed it example `shouldShow({ data: myData })`. The key name is
+                                                        // `data` while the value is `myData`
+                                                        finalParams_1[index] = property.value;
+                                                    }
+                                                }
+                                            });
+                                        }
+                                    });
+                                    // `ObjectMethod` and `ObjectProperty` have params in a different place in the
+                                    // AST, so apply `finalParams` where appropriate
+                                    if (property.type === 'ObjectMethod') {
+                                        property.params = finalParams_1;
+                                    }
+                                    else if (property.type === 'ObjectProperty' &&
+                                        property.value.type === 'ArrowFunctionExpression') {
+                                        property.value.params = finalParams_1;
+                                    }
+                                }
+                            });
+                        }
+                    });
+                }
+            });
+        }
+    });
+    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,UA0B7E"}

package/dist/es6/v7/updateTabs.js

@@ -0,0 +1,23 @@
+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(j.JSXOpeningElement, { name: { object: { name: importMap.Tabs }, 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.js

@@ -9,7 +9,7 @@ export function getImportRenameMap(j, root, packageName) {
         // imports our module
         var value = node.source.value;
         if (typeof value === 'string' &&
-            (value === '@workday/canvas-kit-react' || value === packageName)) {
+            (value.startsWith('@workday/canvas-kit-react') || value === packageName)) {
             containsCanvasImports = true;
             (node.specifiers || []).forEach(function (specifier) {
                 if (specifier.type === 'ImportSpecifier') {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@workday/canvas-kit-codemod",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
-  "version": "7.0.0-alpha.89-next.16+b786927d",
+  "version": "7.0.0-alpha.92-next.19+e2cad878",
   "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": "b786927d54a293fcb6f6e745f1831317e101371d"
+  "gitHead": "e2cad87834c40633618cb65a95a0271b1256e214"
 }