@workday/canvas-kit-codemod 9.0.0-alpha.359-next.4 → 9.0.0-alpha.362-next.2

package/dist/es6/v9/compoundToast.d.ts

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

package/dist/es6/v9/compoundToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compoundToast.d.ts","sourceRoot":"","sources":["../../../lib/v9/compoundToast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAc,OAAO,EAAC,MAAM,aAAa,CAAC;AAM/D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,UA8M7E"}

package/dist/es6/v9/compoundToast.js

@@ -0,0 +1,127 @@
+import { getImportRenameMap } from '../v7/utils/getImportRenameMap';
+import { hasImportSpecifiers } from '../v6/utils';
+var toastPackage = '@workday/canvas-kit-react/toast';
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    if (!hasImportSpecifiers(api, root, toastPackage, ['Toast'])) {
+        return file.source;
+    }
+    var _a = getImportRenameMap(j, root, '@workday/canvas-kit-react/toast'), importMap = _a.importMap, styledMap = _a.styledMap;
+    root
+        .find(j.JSXElement, function (value) {
+        return value.openingElement.name.type === 'JSXIdentifier' &&
+            (value.openingElement.name.name === importMap.Toast ||
+                value.openingElement.name.name === styledMap.Toast);
+    })
+        .forEach(function (nodePath) {
+        var _a, _b, _c;
+        // Toast Body JSX
+        var ToastBodyJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.Toast), j.jsxIdentifier('Body'));
+        // Toast CloseIcon JSX
+        var ToastCloseJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.Toast), j.jsxIdentifier('Close'));
+        // Toast Message JSX
+        var ToastMessageJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.Toast), j.jsxIdentifier('Message'));
+        // Toast Icon JSX
+        var ToastIconJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.Toast), j.jsxIdentifier('Icon'));
+        // Toast Link JSX
+        var ToastLinkJSX = j.jsxMemberExpression(j.jsxIdentifier(importMap.Toast), j.jsxIdentifier('Link'));
+        // Attributes
+        var attributes = nodePath.value.openingElement.attributes;
+        var defaultIconAttributes = [
+            j.jsxAttribute(j.jsxIdentifier('color'), j.stringLiteral('greenApple400')),
+            j.jsxAttribute(j.jsxIdentifier('icon'), j.jsxExpressionContainer(j.jsxIdentifier('checkIcon'))),
+        ];
+        var unchangedIconAttributes = attributes === null || attributes === void 0 ? void 0 : attributes.filter(function (attr) {
+            return attr.type === 'JSXAttribute' &&
+                typeof attr.name.name === 'string' &&
+                /icon|iconColor/g.test(attr.name.name);
+        });
+        var updatedIconAttrs = unchangedIconAttributes === null || unchangedIconAttributes === void 0 ? void 0 : unchangedIconAttributes.map(function (specifier) {
+            if (specifier.type === 'JSXAttribute' && specifier.name.name === 'iconColor') {
+                specifier.name.name = 'color';
+            }
+            return specifier;
+        });
+        var chooseIconAttrs = unchangedIconAttributes && unchangedIconAttributes.length
+            ? updatedIconAttrs
+            : defaultIconAttributes;
+        var closeAttributes = attributes === null || attributes === void 0 ? void 0 : attributes.filter(function (attr) { return attr.type === 'JSXAttribute' && attr.name.name === 'onClose'; });
+        var linkAttributes = attributes === null || attributes === void 0 ? void 0 : attributes.filter(function (attr) {
+            return attr.type === 'JSXAttribute' &&
+                (attr.name.name === 'actionText' || attr.name.name === 'onActionClick');
+        });
+        // Elements
+        var OpeningIconJSX = j.jsxOpeningElement(ToastIconJSX, chooseIconAttrs, true);
+        var IconElement = j.jsxElement(OpeningIconJSX);
+        // Add `import {checkIcon} from '@workday/canvas-system-icons-web'`
+        // when there's a default toast
+        var lastImport = root.find(j.ImportDeclaration).at(-1);
+        if (lastImport && !(unchangedIconAttributes === null || unchangedIconAttributes === void 0 ? void 0 : unchangedIconAttributes.length)) {
+            lastImport.insertAfter(j.importDeclaration([j.importSpecifier(j.identifier('checkIcon'))], j.stringLiteral('@workday/canvas-system-icons-web')));
+        }
+        var lineBreakStart = j.jsxText('\n  ');
+        var lineBreakEnd = j.jsxText('\n');
+        // Filter out all old props
+        var filteredAttrNames = [
+            'actionText',
+            'icon',
+            'iconColor',
+            'onActionClick',
+            'onClose',
+            'color',
+        ];
+        var filterAttr = (_a = nodePath.value.openingElement.attributes) === null || _a === void 0 ? void 0 : _a.filter(function (attr) {
+            return !(attr.type === 'JSXAttribute' &&
+                typeof attr.name.name === 'string' &&
+                filteredAttrNames.includes(attr.name.name));
+        });
+        nodePath.value.openingElement.attributes = filterAttr;
+        var OpeningCloseElement = j.jsxOpeningElement(ToastCloseJSX, closeAttributes, true);
+        var CloseElement = j.jsxElement(OpeningCloseElement);
+        // grab the onActionClick attr
+        var onActionClickAttr = linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.filter(function (attr) { return attr.type === 'JSXAttribute' && attr.name.name === 'onActionClick'; });
+        // rename onActionClick to onClick for the Toast.Link component
+        var renameOnActionClick = onActionClickAttr === null || onActionClickAttr === void 0 ? void 0 : onActionClickAttr.map(function (attr) {
+            if (attr.type === 'JSXAttribute') {
+                attr.name.name = 'onClick';
+            }
+            return attr;
+        });
+        // grab the actionText prop
+        var actionTextAttr = linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.find(function (attr) { return attr.type === 'JSXAttribute' && attr.name.name === 'actionText'; });
+        var actionText = actionTextAttr &&
+            actionTextAttr.type === 'JSXAttribute' &&
+            ((_b = actionTextAttr.value) === null || _b === void 0 ? void 0 : _b.type) === 'StringLiteral'
+            ? [actionTextAttr.value]
+            : [];
+        var LinkElement = j.jsxElement(j.jsxOpeningElement(ToastLinkJSX, renameOnActionClick), j.jsxClosingElement(ToastLinkJSX), actionText);
+        // Toast Message JSX inclduing children which should be the string
+        var MessageElement = j.jsxElement(j.jsxOpeningElement(ToastMessageJSX), j.jsxClosingElement(ToastMessageJSX), nodePath.value.children);
+        if (linkAttributes && (linkAttributes === null || linkAttributes === void 0 ? void 0 : linkAttributes.length)) {
+            // If there's a link, add mode="dialog" to the main Toast component for accessibility
+            nodePath.value.openingElement.attributes = [
+                j.jsxAttribute(j.jsxIdentifier('mode'), j.stringLiteral('dialog')),
+            ];
+        }
+        // Body element including Message and its children
+        var BodyElement = j.jsxElement(j.jsxOpeningElement(ToastBodyJSX), j.jsxClosingElement(ToastBodyJSX), [lineBreakStart, MessageElement, lineBreakEnd]);
+        // If there's an actionText or onActionClick, add the Toast.Link with its attributes inside Toast.Body
+        if (linkAttributes && linkAttributes.length) {
+            (_c = BodyElement.children) === null || _c === void 0 ? void 0 : _c.push(LinkElement, lineBreakEnd);
+        }
+        // Default Toast with no Close or Link
+        nodePath.value.children = [
+            lineBreakStart,
+            IconElement,
+            lineBreakEnd,
+            BodyElement,
+            lineBreakEnd,
+        ];
+        // If there's an onClose, add the Toast.Close with its attributes
+        if (closeAttributes && (closeAttributes === null || closeAttributes === void 0 ? void 0 : closeAttributes.length)) {
+            nodePath.value.children.push(CloseElement, lineBreakEnd);
+        }
+    });
+    return root.toSource();
+}

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

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

package/dist/es6/v9/index.js

@@ -10,11 +10,15 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import softDeprecateStack from './deprecateStack';
+import promoteToast from './promoteToast';
+import compoundToast from './compoundToast';
 var transform = function (file, api, options) {
     // These will run in order. If your transform depends on others, place yours after dependent transforms
     var fixes = [
         // add codemods here
         softDeprecateStack,
+        promoteToast,
+        compoundToast,
     ];
     return fixes.reduce(function (source, fix) { return fix(__assign(__assign({}, file), { source: source }), api, options); }, file.source);
 };

package/dist/es6/v9/promoteToast.d.ts

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

package/dist/es6/v9/promoteToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"promoteToast.d.ts","sourceRoot":"","sources":["../../../lib/v9/promoteToast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA6B,MAAM,aAAa,CAAC;AAIlE,QAAA,MAAM,SAAS,EAAE,SAyEhB,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/es6/v9/promoteToast.js

@@ -0,0 +1,56 @@
+var transform = function (file, api) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    var toastSpecifiers = [];
+    var foundImport = [];
+    root
+        .find(j.ImportDeclaration, {
+        source: { value: function (value) { return value.includes('@workday/canvas-kit-labs-react'); } },
+    })
+        .forEach(function (nodePath) {
+        var _a;
+        nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.filter(function (specifier) {
+            if (specifier.type === 'ImportSpecifier' &&
+                specifier.local &&
+                specifier.imported.name === 'Toast') {
+                toastSpecifiers.push({
+                    importedName: specifier.imported.name,
+                    name: specifier.local.name,
+                });
+                return false;
+            }
+            return true;
+        });
+        if (toastSpecifiers.length) {
+            foundImport.push(nodePath);
+        }
+    });
+    var existingToastImports = root.find(j.ImportDeclaration, {
+        source: { value: '@workday/canvas-kit-react/toast' },
+    });
+    var mapToSpecifiers = function (specifier) {
+        return j.importSpecifier(j.identifier(specifier.importedName), specifier.name ? j.identifier(specifier.name) : undefined);
+    };
+    // add to existing import
+    if (existingToastImports.length) {
+        existingToastImports.forEach(function (nodePath) {
+            var _a;
+            nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.concat(toastSpecifiers.map(mapToSpecifiers));
+        });
+    }
+    else {
+        // create new import
+        if (foundImport.length) {
+            foundImport[0].insertBefore(j.importDeclaration(toastSpecifiers.map(mapToSpecifiers), j.stringLiteral('@workday/canvas-kit-react/toast')));
+        }
+    }
+    foundImport.forEach(function (importPath) {
+        var _a;
+        if (!((_a = importPath.value.specifiers) === null || _a === void 0 ? void 0 : _a.length) ||
+            importPath.value.source.value === '@workday/canvas-kit-labs-react/toast') {
+            importPath.prune();
+        }
+    });
+    return root.toSource();
+};
+export default transform;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@workday/canvas-kit-codemod",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
-  "version": "9.0.0-alpha.359-next.4+6d2e2650",
+  "version": "9.0.0-alpha.362-next.2+ea2fe722",
   "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": "6d2e2650a991da4f2e1b0f60bba9643fe8f483b1"
+  "gitHead": "ea2fe722d1176835120f765c4b9b88dcd5234fe5"
 }