@workday/canvas-kit-codemod 14.0.0-alpha.1206-next.0 → 14.0.0-alpha.1210-next.0

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

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

package/dist/es6/v14/index.js

@@ -1,8 +1,7 @@
+import updateStatusIndicatorPreview from './updateStatusIndicatorPreview';
 const transform = (file, api, options) => {
     // These will run in order. If your transform depends on others, place yours after dependent transforms
-    // const fixes = [
-    //   // add codemods here
-    // ];
-    // return fixes.reduce((source, fix) => fix({...file, source}, api, options) as string, file.source);
+    const fixes = [updateStatusIndicatorPreview];
+    return fixes.reduce((source, fix) => fix({ ...file, source }, api, options), file.source);
 };
 export default transform;

package/dist/es6/v14/updateStatusIndicatorPreview.d.ts

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

package/dist/es6/v14/updateStatusIndicatorPreview.d.ts.map

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

package/dist/es6/v14/updateStatusIndicatorPreview.js

@@ -0,0 +1,48 @@
+import { hasImportSpecifiers } from '../v6/utils';
+import { getImportRenameMap } from './utils/getImportRenameMap';
+const packages = [
+    '@workday/canvas-kit-preview-react',
+    '@workday/canvas-kit-preview-react/status-indicator',
+];
+const packageImports = ['StatusIndicator'];
+const variantMap = {
+    blue: 'info',
+    green: 'positive',
+    orange: 'caution',
+    red: 'critical',
+    gray: 'neutral',
+};
+export default function transformer(file, api, options) {
+    const j = api.jscodeshift;
+    const root = j(file.source);
+    // exit if the named imports aren't found
+    if (!hasImportSpecifiers(api, root, packages, packageImports)) {
+        return file.source;
+    }
+    // getImportRenameMap utility will tell us if the file containsCanvasImports
+    // and give us an importMap to track what identifiers we need to update
+    const { importMap, styledMap } = getImportRenameMap(j, root, '@workday/canvas-kit-preview-react');
+    // Find all <StatusIndicator> components
+    const components = root.find(j.JSXElement, (value) => value.openingElement.name.type === 'JSXIdentifier' &&
+        (value.openingElement.name.name === importMap.StatusIndicator ||
+            value.openingElement.name.name === styledMap.StatusIndicator));
+    // Update the `variant` prop to the new value
+    components.forEach(component => {
+        var _a;
+        const variantProp = (_a = component.value.openingElement.attributes) === null || _a === void 0 ? void 0 : _a.find(attr => attr.type === 'JSXAttribute' && attr.name.name === 'variant');
+        // For string literals like `variant="blue"`
+        if (variantProp && variantProp.value && variantProp.value.type === 'StringLiteral') {
+            variantProp.value = j.stringLiteral(variantMap[variantProp.value.value] || variantProp.value.value);
+        }
+        // For object literals like `variant={'blue'}`
+        if (variantProp &&
+            variantProp.value &&
+            variantProp.value.type === 'JSXExpressionContainer' &&
+            (variantProp.value.expression.type === 'Literal' ||
+                variantProp.value.expression.type === 'StringLiteral')) {
+            variantProp.value = j.stringLiteral(variantMap[variantProp.value.expression.value] ||
+                String(variantProp.value.expression.value));
+        }
+    });
+    return root.toSource();
+}

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

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

@@ -2,7 +2,7 @@
   "name": "@workday/canvas-kit-codemod",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
-  "version": "14.0.0-alpha.1206-next.0",
+  "version": "14.0.0-alpha.1210-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": "5f2128b722fff5b086358ff3bd3ab009b0e07ef4"
+  "gitHead": "8ef8c7a0b7515a9341550c564b84bed91598e9f7"
 }