@workday/canvas-kit-codemod 7.0.0-alpha.0-next.7 → 7.0.0-alpha.78-next.6

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

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

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

@@ -0,0 +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;AAarB,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,UAsI7E"}

package/dist/es6/v7/recategorizeIconButtons.js

@@ -0,0 +1,114 @@
+import { getImportRenameMap } from './utils/getImportRenameMap';
+var updateJSXTag = function (nodePath, newTag) {
+    var componentName = nodePath.value.openingElement.name.name;
+    if (componentName === 'IconButton') {
+        nodePath.value.openingElement.name.name = newTag;
+        if (nodePath.value.closingElement) {
+            nodePath.value.closingElement.name.name = newTag;
+        }
+    }
+};
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    var requiredImportSpecifiers = [];
+    /**
+     * 1. Find button imports
+     */
+    var _a = getImportRenameMap(j, root, '@workday/canvas-kit-react/button'), containsCanvasImports = _a.containsCanvasImports, importMap = _a.importMap, styledMap = _a.styledMap;
+    if (!containsCanvasImports) {
+        return file.source;
+    }
+    var buttonType = 'TertiaryButton'; //default button if no variant is specified
+    // Button Mapping
+    // circle -> tertiary
+    // circle-filled -> secondary
+    // inverse -> tertiary inverse
+    // inverse-filled -> secondary inverse
+    // plain/square -> not supported
+    // square-filled -> not supported
+    /**
+     * 2. Find `IconButton`
+     *  - If it has no variant, it means it's "circle" which is the default
+     *    - Swap to `TertiaryButton`
+     *    - Add `TertiaryButton` import if it doesn't exist.
+     *  - If not
+     *    - check the variant of the IconButton
+     *    - Swap it out for the appropriate mapping
+     */
+    root
+        .find(j.JSXElement, function (value) {
+        return value.openingElement.name.type === 'JSXIdentifier' &&
+            (value.openingElement.name.name === importMap.IconButton ||
+                value.openingElement.name.name === styledMap.IconButton);
+    })
+        .forEach(function (nodePath) {
+        var _a, _b;
+        var attrs = nodePath.value.openingElement.attributes;
+        var variantProp = attrs === null || attrs === void 0 ? void 0 : attrs.find(function (attr) { return attr.type === 'JSXAttribute' && attr.name.name === 'variant'; });
+        // Default IconButton variant is `circle`
+        if (variantProp) {
+            var variantPropValue = (_a = variantProp.value) === null || _a === void 0 ? void 0 : _a.value;
+            buttonType = /filled/gi.test(variantPropValue) ? 'SecondaryButton' : 'TertiaryButton';
+            if (!variantPropValue.includes('inverse')) {
+                (_b = nodePath.value.openingElement.attributes) === null || _b === void 0 ? void 0 : _b.splice(attrs === null || attrs === void 0 ? void 0 : attrs.indexOf(variantProp), 1);
+            }
+        }
+        updateJSXTag(nodePath, buttonType);
+        requiredImportSpecifiers.push(buttonType);
+    });
+    // Find all instances of IconButton within a style function
+    // const StyledIconButton = styled(IconButton) gets renamed to
+    // const StyledIconButton = styled(CorrectButtonMapping)
+    root.find(j.VariableDeclarator).forEach(function (nodePath) {
+        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.arguments[0].name = buttonType;
+            requiredImportSpecifiers.push(buttonType);
+        }
+    });
+    /**
+     * Remove old imports: `IconButton`
+     * Add new required imports
+     */
+    var buttonImports = root.find(j.ImportDeclaration, {
+        source: { value: function (value) { return value.includes('@workday/canvas-kit-react'); } },
+    });
+    if (!buttonImports.length) {
+        // Add new specifiers to a new import
+        var allImports = root.find(j.ImportDeclaration);
+        var lastImport = allImports.at(allImports.length);
+        if (lastImport) {
+            lastImport.insertAfter(j.importDeclaration(requiredImportSpecifiers.map(function (specifier) { return j.importSpecifier(j.identifier(specifier)); }), j.stringLiteral('@workday/canvas-kit-react/button')));
+        }
+    }
+    else {
+        buttonImports.forEach(function (_a) {
+            var _b;
+            var node = _a.node;
+            var specifiersToRemove = ['IconButton'];
+            // Remove old specifiers
+            if (typeof node.source.value === 'string' &&
+                node.source.value.includes('@workday/canvas-kit-react')) {
+                (_b = node.specifiers) === null || _b === void 0 ? void 0 : _b.forEach(function (specifier) {
+                    var _a, _b;
+                    if (specifier.type === 'ImportSpecifier' &&
+                        specifiersToRemove.includes(specifier.imported.name)) {
+                        // delete specifier
+                        (_a = node.specifiers) === null || _a === void 0 ? void 0 : _a.splice((_b = node.specifiers) === null || _b === void 0 ? void 0 : _b.indexOf(specifier), 1);
+                    }
+                });
+            }
+            //  Add new specifiers to existing import
+            requiredImportSpecifiers.forEach(function (specifier) {
+                var _a, _b;
+                if (!((_a = node.specifiers) === null || _a === void 0 ? void 0 : _a.find(function (existing) { return existing.type === 'ImportSpecifier' && existing.imported.name === specifier; }))) {
+                    (_b = node.specifiers) === null || _b === void 0 ? void 0 : _b.push(j.importSpecifier(j.identifier(specifier)));
+                }
+            });
+        });
+    }
+    return root.toSource();
+}

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

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

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

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

package/dist/es6/v7/renameIconPosition.js

@@ -0,0 +1,37 @@
+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/button'), 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.PrimaryButton || importMap.SecondaryButton) ||
+                value.openingElement.name.name === (styledMap.PrimaryButton || styledMap.SecondaryButton));
+    })
+        .forEach(function (nodePath) {
+        var _a;
+        var findAttribute = function (name) { return function (item) {
+            return item.type === 'JSXAttribute' &&
+                item.name.type === 'JSXIdentifier' &&
+                item.name.name === name;
+        }; };
+        var attributes = nodePath.value.openingElement.attributes;
+        if (attributes) {
+            var iconPosition = attributes.find(findAttribute('iconPosition'));
+            if (((_a = iconPosition === null || iconPosition === void 0 ? void 0 : iconPosition.value) === null || _a === void 0 ? void 0 : _a.type) === 'StringLiteral') {
+                if (iconPosition.value.value === 'left') {
+                    iconPosition.value.value = 'start';
+                }
+                else {
+                    iconPosition.value.value = 'end';
+                }
+            }
+        }
+    });
+    return root.toSource();
+}

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

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

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

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

package/dist/es6/v7/renameIconRef.js

@@ -0,0 +1,70 @@
+import { getImportRenameMap } from './utils/getImportRenameMap';
+var inputsMap = {
+    '@workday/canvas-kit-react/icon': [
+        'AccentIcon',
+        'AppletIcon',
+        'SystemIcon',
+        'SystemIconCircle',
+        'Graphic',
+        'Svg',
+    ],
+};
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    // defaultImports should be an array of local names that were imported using
+    // a default import from any of the modules listed in inputsMap. For example,
+    // given...
+    //
+    // ```
+    // import Checkbox from '@workday/canvas-kit-react/checkbox';
+    // import CanvasTextArea from '@workday/canvas-kit-react/text-area';
+    // import {TextInput} from '@workday/canvas-kit-react/text-input';
+    // import StatusIndicator from '@workday/canvas-kit-react/status-indicator';
+    // ```
+    //
+    // ... defaultImports should be set to `['Checkbox', 'CanvasTextArea']`
+    var defaultImports = [];
+    root.find(j.ImportDefaultSpecifier).forEach(function (nodePath) {
+        var _a;
+        var packageName = nodePath.parent.node.source.value;
+        var localName = (_a = nodePath.value.local) === null || _a === void 0 ? void 0 : _a.name;
+        if (packageName in inputsMap && localName) {
+            defaultImports.push(localName);
+        }
+    });
+    var runningSource = file.source;
+    var _loop_1 = function (inputPackageName) {
+        var currentRoot = j(runningSource);
+        var _a = getImportRenameMap(j, currentRoot, inputPackageName), containsCanvasImports = _a.containsCanvasImports, importMap = _a.importMap, styledMap = _a.styledMap;
+        if (containsCanvasImports) {
+            var inputNames_1 = inputsMap[inputPackageName];
+            currentRoot
+                .find(j.JSXIdentifier, function (value) { return value.name === 'iconRef'; })
+                .replaceWith(function (nodePath) {
+                var _a, _b, _c, _d;
+                var elementName = (_d = (_c = (_b = (_a = nodePath.parent) === null || _a === void 0 ? void 0 : _a.parent) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.name) === null || _d === void 0 ? void 0 : _d.name;
+                // Rewrite inputRef to ref if any of the following are true:
+                // (a) elementName was the name used in a default import of the current
+                //     input being processed (e.g., `import TextInput ...`)
+                // (b) elementName was the name used in a named import of the current
+                //     input being processed (e.g., `import {TextInput} ...`  or
+                //     `import {TextInput as CanvasTextInput} ...`)
+                // (c) elementName was created by calling `styled` on the current input
+                //     being processed (e.g., `const StyledTextInput = styled(TextInput)`)
+                if (defaultImports.includes(elementName) ||
+                    inputNames_1.map(function (n) { return importMap[n]; }).includes(elementName) ||
+                    inputNames_1.map(function (n) { return styledMap[n]; }).includes(elementName)) {
+                    return j.jsxIdentifier('ref');
+                }
+                return nodePath.value;
+            });
+            runningSource = currentRoot.toSource();
+        }
+    };
+    for (var _i = 0, _a = Object.keys(inputsMap); _i < _a.length; _i++) {
+        var inputPackageName = _a[_i];
+        _loop_1(inputPackageName);
+    }
+    return runningSource;
+}

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

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

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

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

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/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.0-next.7+23568685",
+  "version": "7.0.0-alpha.78-next.6+400ffc0b",
   "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": "23568685fec785046d37cb320289d8ab9e74e283"
+  "gitHead": "400ffc0b29c2762180758d9b7c1bdc0562cb01e4"
 }