@workday/canvas-kit-codemod 6.0.0-alpha.0-next.36 → 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/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/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.36+5890bf68",
+  "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,
@@ -39,5 +39,5 @@
     "test": "TZ=UTC jest -c ../../jest.config.js",
     "typecheck:src": "tsc -p . --noEmit --incremental false"
   },
-  "gitHead": "5890bf680def9c37d6e386472634cc3e1b6d81e9"
+  "gitHead": "4f33e928c2e93b179997eaf8c9c6b40b87c10580"
 }