@workday/canvas-kit-codemod 8.4.0-296-next.0 → 8.4.0-303-next.2

package/dist/es6/softDeprecate/Stack/index.d.ts

@@ -0,0 +1,4 @@
+import { Transform } from 'jscodeshift';
+declare const transform: Transform;
+export default transform;
+//# sourceMappingURL=index.d.ts.map

package/dist/es6/softDeprecate/Stack/index.d.ts.map

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

package/dist/es6/softDeprecate/Stack/index.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import softDeprecateStack from './softDeprecateStack';
+var transform = function (file, api, options) {
+    var fixes = [softDeprecateStack];
+    return fixes.reduce(function (source, fix) { return fix(__assign(__assign({}, file), { source: source }), api, options); }, file.source);
+};
+export default transform;

package/dist/es6/softDeprecate/Stack/softDeprecateStack.d.ts

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

package/dist/es6/softDeprecate/Stack/softDeprecateStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"softDeprecateStack.d.ts","sourceRoot":"","sources":["../../../../lib/softDeprecate/Stack/softDeprecateStack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,QAAQ,EAA+C,OAAO,EAAC,MAAM,aAAa,CAAC;AAOhG,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,UAyM7E"}

package/dist/es6/softDeprecate/Stack/softDeprecateStack.js

@@ -0,0 +1,174 @@
+var mainPackage = '@workday/canvas-kit-react';
+var stackPackage = '@workday/canvas-kit-react/layout';
+var stackImportNames = ['Stack', 'HStack', 'VStack'];
+var stackImportProps = ['StackProps', 'HStackProps', 'VStackProps', 'StackStyleProps'];
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    var hasStackImports = false;
+    // This toggles the failsafe that prevents us from accidentally transforming something unintentionally.
+    root.find(j.ImportDeclaration, function (nodePath) {
+        var value = nodePath.source.value;
+        // If there's an import from the stack package, set the import boolean check to true
+        if (value === stackPackage) {
+            hasStackImports = true;
+            return false;
+        }
+        // If there's an import from the main package, check to see if Stack or Stackprops are among the named imports
+        // e.g. import {Stack} from '@workday/canvas-kit-react/layout';
+        if (value === mainPackage) {
+            (nodePath.specifiers || []).forEach(function (specifier) {
+                if ((specifier.type === 'ImportSpecifier' &&
+                    stackImportNames.includes(specifier.imported.name)) ||
+                    (specifier.type === 'ImportSpecifier' &&
+                        stackImportProps.includes(specifier.imported.name))) {
+                    hasStackImports = true;
+                }
+            });
+        }
+        return false;
+    });
+    // Failsafe to skip transforms unless a Stack import is detected
+    if (!hasStackImports) {
+        return root.toSource();
+    }
+    root
+        .find(j.ImportDeclaration, {
+        source: { value: function (value) { return value.includes(mainPackage); } },
+    })
+        .forEach(function (nodePath) {
+        var _a, _b;
+        (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.forEach(function (specifier) {
+            if (specifier.type === 'ImportSpecifier') {
+                //  `import {Stack}` becomes `import {Flex}`
+                //  `import {HStack}` becomes `import {Flex}`
+                //  `import {VStack}` becomes `import {Flex}`
+                if (stackImportNames.includes(specifier.imported.name)) {
+                    specifier.imported.name = 'Flex';
+                }
+            }
+            return specifier;
+        });
+        nodePath.value.specifiers = (_b = nodePath.value.specifiers) === null || _b === void 0 ? void 0 : _b.filter(function (specifier, index, specifiers) {
+            if (specifier.type === 'ImportSpecifier' &&
+                specifier.imported &&
+                specifier.imported.type === 'Identifier') {
+                return (specifiers.findIndex(function (s) {
+                    return (s.type === 'ImportSpecifier' &&
+                        s.imported.type === 'Identifier' &&
+                        s.imported.name === specifier.imported.name);
+                }) === index);
+            }
+            return true;
+        });
+    });
+    root
+        .find(j.ImportDeclaration, {
+        source: { value: function (value) { return value.includes(mainPackage); } },
+    })
+        .forEach(function (nodePath) {
+        var _a, _b;
+        (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.forEach(function (specifier) {
+            if (specifier.type === 'ImportSpecifier') {
+                //  `import {StackProps}` becomes `import {FlexProps}`
+                //  `import {HStackProps}` becomes `import {FlexProps}`
+                //  `import {VStackProps}` becomes `import {FlexProps}`
+                //  `import {StackStyleProps}` becomes `import {FlexProps}`
+                if (stackImportProps.includes(specifier.imported.name)) {
+                    specifier.imported.name = "FlexProps";
+                }
+            }
+            return specifier;
+        });
+        nodePath.value.specifiers = (_b = nodePath.value.specifiers) === null || _b === void 0 ? void 0 : _b.filter(function (specifier, index, specifiers) {
+            if (specifier.type === 'ImportSpecifier' &&
+                specifier.imported &&
+                specifier.imported.type === 'Identifier') {
+                return (specifiers.findIndex(function (s) {
+                    return (s.type === 'ImportSpecifier' &&
+                        s.imported.type === 'Identifier' &&
+                        s.imported.name === specifier.imported.name);
+                }) === index);
+            }
+            return true;
+        });
+    });
+    // Transform StackProps type references
+    // e.g. `type CustomProps = StackProps;` becomes `type CustomProps = FlexProps;`
+    // Transform HStackProps type references
+    // e.g. `type CustomProps = HStackProps;` becomes `type CustomProps = FlexProps;`
+    // Transform VStackProps type references
+    // e.g. `type CustomProps = VStackProps;` becomes `type CustomProps = FlexProps;`
+    var typeNames = ['StackProps', 'HStackProps', 'VStackProps', 'StackStyleProps'];
+    root
+        .find(j.TSTypeReference, {
+        typeName: {
+            type: 'Identifier',
+            name: function (value) { return typeNames.includes(value); },
+        },
+    })
+        .forEach(function (nodePath) {
+        var identifier = nodePath.value.typeName;
+        identifier.name = "FlexProps";
+    });
+    // Transform StackProps type interface declaration references
+    // e.g. `interface CustomProps extends StackProps` becomes `interface CustomProps extends FlexProps`
+    root.find(j.TSInterfaceDeclaration).forEach(function (nodePath) {
+        var _a;
+        // If the interface is extending StackProps, transform the extension name to FlexProps
+        (_a = nodePath.node.extends) === null || _a === void 0 ? void 0 : _a.forEach(function (typeExtension) {
+            if (typeExtension.expression.type === 'Identifier') {
+                var typeExtensionName = typeExtension.expression.name;
+                if (typeExtension.expression.type === 'Identifier' &&
+                    typeNames.includes(typeExtensionName)) {
+                    typeExtension.expression.name = "FlexProps";
+                }
+            }
+        });
+    });
+    // Transform Stack JSXElements
+    // Transform `<Stack spacing="l">` to `<Flex gap="l">`
+    root
+        .findJSXElements('Stack')
+        .find(j.JSXIdentifier, { name: 'spacing' })
+        .forEach(function (nodePath) {
+        nodePath.node.name = 'gap';
+    });
+    // Transform Stack JSXElements
+    // Transform `<Stack shouldWrapChildren>` to `<Flex >`
+    root
+        .findJSXElements('Stack')
+        .find(j.JSXIdentifier)
+        .filter(function (path) { return path.node.name === 'shouldWrapChildren'; })
+        .remove();
+    // Transform Stack JSXElements
+    // Transform `<Stack>` to `<Flex>`
+    root.find(j.JSXIdentifier, { name: 'Stack' }).forEach(function (nodePath) {
+        nodePath.node.name = 'Flex';
+    });
+    // Transform Stack JSXElements
+    // e.g. `<HStack>` becomes `<Flex>`
+    root.find(j.JSXIdentifier, { name: 'HStack' }).forEach(function (nodePath) {
+        nodePath.node.name = 'Flex';
+    });
+    // Creating new JSXAttribute to push in attribute array for VStack
+    // Since we're replacing VStack with Flex, it will need a
+    // flexDirection="column" added
+    var newVStackProp = {
+        type: 'JSXAttribute',
+        name: { type: 'JSXIdentifier', name: 'flexDirection' },
+        value: { type: 'Literal', value: 'column' },
+    };
+    root
+        .find(j.JSXOpeningElement, { name: { type: 'JSXIdentifier', name: 'VStack' } })
+        .forEach(function (nodePath) {
+        var _a;
+        (_a = nodePath.node.attributes) === null || _a === void 0 ? void 0 : _a.push(newVStackProp);
+    });
+    // Transform VStack JSXElements
+    // e.g. `<VStack>` becomes `<Flex>`
+    root.find(j.JSXIdentifier, { name: 'VStack' }).forEach(function (nodePath) {
+        nodePath.node.name = 'Flex';
+    });
+    return root.toSource();
+}

package/dist/es6/v8/softDeprecateLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"softDeprecateLayout.d.ts","sourceRoot":"","sources":["../../../lib/v8/softDeprecateLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAiC,OAAO,EAAC,MAAM,aAAa,CAAC;AAMlF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,UAwF7E"}
+{"version":3,"file":"softDeprecateLayout.d.ts","sourceRoot":"","sources":["../../../lib/v8/softDeprecateLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAiC,OAAO,EAAC,MAAM,aAAa,CAAC;AAMlF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,UAkF7E"}

package/dist/es6/v8/softDeprecateLayout.js

@@ -1,27 +1,20 @@
 var mainPackage = '@workday/canvas-kit-react';
-var layoutPackage = '@workday/canvas-kit-react/layout';
 var allImportNames = ['Layout', 'LayoutProps', 'Column', 'ColumnProps'];
+var importPackages = [mainPackage, mainPackage + "/layout"];
 export default function transformer(file, api, options) {
     var j = api.jscodeshift;
     var root = j(file.source);
     var hasLayoutImports = false;
     // This toggles the failsafe that prevents us from accidentally transforming something unintentionally.
     root.find(j.ImportDeclaration, function (nodePath) {
-        var value = nodePath.source.value;
-        // If there's an import from the layout package, set the import boolean check to true
-        if (value === layoutPackage) {
-            hasLayoutImports = true;
-            return false;
-        }
-        // If there's an import from the main package, check to see if Layout or LayoutProps are among the named imports
+        var _a;
+        // If there's an import from the layout package or an import from the main package,
+        // check to see if Layout or LayoutProps are among the named imports
         // e.g. import {Layout} from '@workday/canvas-kit-react';
-        if (value === mainPackage) {
-            (nodePath.specifiers || []).forEach(function (specifier) {
-                if (specifier.type === 'ImportSpecifier') {
-                    if (allImportNames.includes(specifier.imported.name)) {
-                        hasLayoutImports = true;
-                    }
-                }
+        if (importPackages.includes(nodePath.source.value)) {
+            (_a = nodePath.specifiers) === null || _a === void 0 ? void 0 : _a.forEach(function (specifier) {
+                hasLayoutImports =
+                    specifier.type === 'ImportSpecifier' && allImportNames.includes(specifier.imported.name);
             });
         }
         return false;
@@ -37,11 +30,10 @@ export default function transformer(file, api, options) {
         .forEach(function (nodePath) {
         var _a;
         (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.forEach(function (specifier) {
-            if (specifier.type === 'ImportSpecifier') {
-                //  Adds Deprecated part to a import name for Layout, LayoutProps, Column, ColumnProps
-                if (allImportNames.includes(specifier.imported.name)) {
-                    specifier.imported.name = "Deprecated" + specifier.imported.name;
-                }
+            //  Adds Deprecated part to a import name for Layout, LayoutProps, Column, ColumnProps
+            if (specifier.type === 'ImportSpecifier' &&
+                allImportNames.includes(specifier.imported.name)) {
+                specifier.imported.name = "Deprecated" + specifier.imported.name;
             }
             return specifier;
         });

package/index.js

@@ -35,6 +35,13 @@ const {_: commands, path} = require('yargs')
       describe: chalk.gray('The path to execute the transform in (recursively).'),
     });
   })
+  .command('softDeprecate/Stack [path]', chalk.gray('Soft Deprecation of Stack 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": "8.4.0-296-next.0+d80ffb10",
+  "version": "8.4.0-303-next.2+ef9246fe",
   "description": "A collection of codemods for use on Workday Canvas Kit packages.",
   "main": "dist/es6/index.js",
   "sideEffects": false,
@@ -43,5 +43,5 @@
     "test": "TZ=UTC jest -c ../../jest.config.js",
     "typecheck:src": "tsc -p . --noEmit --incremental false"
   },
-  "gitHead": "d80ffb10fc6fe6b613f1612865a0753dd886bf8b"
+  "gitHead": "ef9246fe888c63f6f2603ff35df3b6822d05baa1"
 }