@workday/canvas-kit-codemod 6.9.0-next.0 → 6.9.0-next.2

package/dist/es6/v7/recategorizeIconButtons.js

@@ -0,0 +1,148 @@
+import { getImportRenameMap } from './utils/getImportRenameMap';
+import chalk from 'chalk';
+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;
+        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 valueBody = variantProp.value;
+            if ((valueBody === null || valueBody === void 0 ? void 0 : valueBody.type) === 'JSXExpressionContainer' &&
+                valueBody.expression.type === 'StringLiteral') {
+                variantProp.value = valueBody.expression;
+            }
+            var variantPropValue = variantProp.value.value;
+            if (variantPropValue) {
+                variantProp.value.value = variantPropValue.replace('Filled', '');
+                buttonType = /filled/gi.test(variantPropValue) ? 'SecondaryButton' : 'TertiaryButton';
+                if (!variantPropValue.includes('inverse')) {
+                    (_a = nodePath.value.openingElement.attributes) === null || _a === void 0 ? void 0 : _a.splice(attrs === null || attrs === void 0 ? void 0 : attrs.indexOf(variantProp), 1);
+                }
+            }
+            else {
+                console.warn(chalk.bold.red('** CANNOT UPDATE EXPRESSION FOR ICON BUTTON VARIANT. **') +
+                    '\nYou will need to manually update this file to fix this warning.' +
+                    '\nFile Name: ' +
+                    chalk.blue(file.path) +
+                    '\nConsult Upgrade Guide Section for v7: "Removal of Icon Button"');
+            }
+        }
+        updateJSXTag(nodePath, buttonType);
+        requiredImportSpecifiers.push(buttonType);
+    });
+    if (requiredImportSpecifiers.length === 0) {
+        return file.source;
+    }
+    // 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.callee.type === 'Identifier' &&
+            nodePath.value.init.callee.callee.name === 'styled' &&
+            nodePath.value.init.callee.arguments[0].type === 'Identifier' &&
+            nodePath.value.init.callee.arguments[0].name === importMap.IconButton) {
+            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 === '@workday/canvas-kit-react' || value === '@workday/canvas-kit-react/button';
+            },
+        },
+    });
+    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 (nodePath) {
+            var _a, _b, _c;
+            var node = nodePath.node;
+            var specifiersToRemove = ['IconButton'];
+            // Remove old specifiers
+            if (typeof node.source.value === 'string' &&
+                node.source.value.includes('@workday/canvas-kit-react')) {
+                (_a = node.specifiers) === null || _a === void 0 ? void 0 : _a.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; }))) {
+                    // Only add a specifier if it has not already been declared
+                    if (!importMap[buttonType]) {
+                        (_b = node.specifiers) === null || _b === void 0 ? void 0 : _b.push(j.importSpecifier(j.identifier(specifier)));
+                    }
+                }
+            });
+            console.log((_b = node.specifiers) === null || _b === void 0 ? void 0 : _b.length);
+            // if we removed all specifiers, remove the import
+            if (!((_c = node.specifiers) === null || _c === void 0 ? void 0 : _c.length)) {
+                nodePath.prune();
+            }
+        });
+    }
+    return root.toSource();
+}

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

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

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

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

package/dist/es6/v7/removePropFromPopper.js

@@ -0,0 +1,31 @@
+import { getImportRenameMap } from './utils/getImportRenameMap';
+import { hasImportSpecifiers } from '../v6/utils';
+var popupBarPackage = '@workday/canvas-kit-react/popup';
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    if (!hasImportSpecifiers(api, root, popupBarPackage, ['Popper'])) {
+        return file.source;
+    }
+    var _a = getImportRenameMap(j, root, popupBarPackage), importMap = _a.importMap, styledMap = _a.styledMap;
+    root
+        .find(j.JSXElement, function (value) {
+        return value.openingElement.name.type === 'JSXIdentifier' &&
+            (value.openingElement.name.name === importMap.Popper ||
+                value.openingElement.name.name === styledMap.Popper);
+    })
+        .forEach(function (nodePath) {
+        var attributes = nodePath.value.openingElement.attributes;
+        // Remove containerElement prop from Popper component
+        if (attributes) {
+            nodePath.value.openingElement.attributes = attributes.filter(function (item) {
+                return item.type === 'JSXAttribute' &&
+                    item.name.type === 'JSXIdentifier' &&
+                    ['containerElement'].includes(item.name.name)
+                    ? false
+                    : true;
+            });
+        }
+    });
+    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/renameLayoutImports.d.ts

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

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

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

package/dist/es6/v7/renameLayoutImports.js

@@ -0,0 +1,105 @@
+// used to filter our imports we want to keep in @workday/canvas-kit-labs-react/common
+var commonSpecifiers = [
+    'useTheme',
+    'ComponentStatesTable',
+    'permutateProps',
+    'useThemeRTL',
+    'useThemedRing',
+];
+var layoutSpecifiers = [
+    'Flex',
+    'Stack',
+    'StackProps',
+    'HStackProps',
+    'VStack',
+    'VStackProps',
+    'HStack',
+    'Box',
+    'BoxProps',
+    'FlexProps',
+    'ColorStyleProps',
+    'StackSpacing',
+    'StackDirection',
+    'StackStyleProps',
+    'FlexStyleProps',
+    'SpaceStyleProps',
+    'DepthStyleProps',
+    'BorderShorthandStyleProps',
+    'BorderColorStyleProps',
+    'BorderRadiusStyleProps',
+    'BorderLineStyleProps',
+    'BorderWidthStyleProps',
+    'BorderLogicalStyleProps',
+    'BorderStyleProps',
+    'border',
+    'ColorTokens',
+    'ColorStyleProps',
+    'color',
+    'FlexItemStyleProps',
+    'flexItem',
+    'PositionStandardProps',
+    'PositionLogicalProps',
+    'PositionStyleProps',
+    'position',
+];
+// 1. Gather all import specifiers from @workday/canvas-kit-labs-react/layout
+// 2. Filter through all imports from @workday/canvas-kit-labs-react/common and gather specifiers we care about
+// 3. If there's an existing @workday/canvas-kit-react/layout add gathered specifiers to that import
+// 4. If no existing import, create new import with specifiers and insert before closest canvas kit import
+var transform = function (file, api) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    var reactLayoutSpecifiers = [];
+    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) {
+            var _a, _b, _c, _d;
+            if (specifier.type === 'ImportSpecifier' &&
+                !commonSpecifiers.includes(specifier.imported.name)) {
+                if (((_a = specifier === null || specifier === void 0 ? void 0 : specifier.local) === null || _a === void 0 ? void 0 : _a.name) !== undefined &&
+                    layoutSpecifiers.includes((_b = specifier === null || specifier === void 0 ? void 0 : specifier.local) === null || _b === void 0 ? void 0 : _b.name)) {
+                    reactLayoutSpecifiers.push({
+                        importedName: (_c = specifier === null || specifier === void 0 ? void 0 : specifier.local) === null || _c === void 0 ? void 0 : _c.name,
+                        name: (_d = specifier === null || specifier === void 0 ? void 0 : specifier.imported) === null || _d === void 0 ? void 0 : _d.name,
+                    });
+                    return false;
+                }
+            }
+            return true;
+        });
+        foundImport.push(nodePath);
+    });
+    var existingLayoutImports = root.find(j.ImportDeclaration, {
+        source: { value: '@workday/canvas-kit-react/layout' },
+    });
+    var mapToSpecifiers = function (specifier) {
+        return j.importSpecifier(j.identifier(specifier.name), specifier.importedName ? j.identifier(specifier.importedName) : undefined);
+    };
+    // add to existing import
+    if (existingLayoutImports.length) {
+        existingLayoutImports.forEach(function (nodePath) {
+            var _a;
+            nodePath.value.specifiers = (_a = nodePath.value.specifiers) === null || _a === void 0 ? void 0 : _a.concat(reactLayoutSpecifiers.map(mapToSpecifiers));
+        });
+    }
+    else {
+        // create new import
+        if (foundImport.length) {
+            foundImport[0].insertBefore(j.importDeclaration(reactLayoutSpecifiers.map(mapToSpecifiers), j.stringLiteral('@workday/canvas-kit-react/layout')));
+        }
+    }
+    foundImport.forEach(function (importPath) {
+        var _a;
+        if (((_a = importPath.value.specifiers) === null || _a === void 0 ? void 0 : _a.length) === 0 ||
+            importPath.value.source.value === '@workday/canvas-kit-labs-react/layout') {
+            importPath.prune();
+        }
+    });
+    return root.toSource();
+};
+export default transform;

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

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

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

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

package/dist/es6/v7/updateDisclosureShowHide.js

@@ -0,0 +1,96 @@
+import { getImportRenameMap } from './utils/getImportRenameMap';
+var keys = function (input) { return Object.keys(input); };
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    var _a = getImportRenameMap(j, root), containsCanvasImports = _a.containsCanvasImports, importMap = _a.importMap;
+    if (!containsCanvasImports) {
+        return file.source;
+    }
+    var disclosureModels = [
+        'useDisclosureModel',
+        'usePopupModel',
+        'useModalModel',
+        'useDialogModel',
+    ];
+    // inverse the import map. It is more useful this way for this function
+    var imports = Object.keys(importMap).reduce(function (result, key) {
+        result[importMap[key]] = key;
+        return result;
+    }, {});
+    root.find(j.CallExpression).forEach(function (nodePath) {
+        var value = nodePath.value;
+        // check if the identifier was imported from CK AND follows the `use{*}Model` naming convention
+        if (value.callee.type === 'Identifier' &&
+            disclosureModels.includes(imports[value.callee.name])) {
+            // loop over all the arguments of the `use{*}Model` hook
+            value.arguments.forEach(function (argument) {
+                // look for object expressions: `use{*}Model({ /* here */ })`
+                if (argument.type === 'ObjectExpression') {
+                    // loop over all the properties looking for `ObjectMethod` and `ObjectProperties` where
+                    // the value is a function matching `on{*}` or `should{*}` naming convention
+                    argument.properties.forEach(function (property) {
+                        // If it is an `ObjectMethod` or an `ObjectProperty` with an arrow function expression:
+                        // {
+                        //   onShow() {}, // ObjectMethod
+                        //   onHide: () => {}, ObjectProperty with arrow function expression
+                        // }
+                        if ((property.type === 'ObjectMethod' ||
+                            (property.type === 'ObjectProperty' &&
+                                property.value.type === 'ArrowFunctionExpression')) &&
+                            property.key.type === 'Identifier') {
+                            var propertyName_1 = property.key.name;
+                            // Both types have a `params`, but are at different places in the AST
+                            var params_1 = property.type === 'ObjectMethod'
+                                ? property.params
+                                : property.value.type === 'ArrowFunctionExpression'
+                                    ? property.value.params
+                                    : [];
+                            // create a mapping for param names of callbacks and guards. This makes the logic more
+                            // difficult to follow, but decreases duplication
+                            var paramMapping_1 = {
+                                on: ['event'],
+                                should: ['event'],
+                            };
+                            // We will be overriding the params with this variable later
+                            var finalParams_1 = [];
+                            // loop over each `paramMapping` type. `on*` and `should*` functions have different signatures
+                            keys(paramMapping_1).forEach(function (key) {
+                                // matches `onShow` and `shouldShow`
+                                if (new RegExp(key + "[A-Za-z]+").test(propertyName_1)) {
+                                    params_1.forEach(function (param) {
+                                        if (param.type === 'ObjectPattern') {
+                                            param.properties.forEach(function (property) {
+                                                if (property.type === 'ObjectProperty' &&
+                                                    property.key.type === 'Identifier') {
+                                                    if (property.value.type === 'Identifier' ||
+                                                        property.value.type === 'ObjectPattern') {
+                                                        var index = paramMapping_1[key].indexOf(property.key.name);
+                                                        // use `property.value` instead of `property.key.name` in case they
+                                                        // renamed it example `shouldShow({ data: myData })`. The key name is
+                                                        // `data` while the value is `myData`
+                                                        finalParams_1[index] = property.value;
+                                                    }
+                                                }
+                                            });
+                                        }
+                                    });
+                                    // `ObjectMethod` and `ObjectProperty` have params in a different place in the
+                                    // AST, so apply `finalParams` where appropriate
+                                    if (property.type === 'ObjectMethod') {
+                                        property.params = finalParams_1;
+                                    }
+                                    else if (property.type === 'ObjectProperty' &&
+                                        property.value.type === 'ArrowFunctionExpression') {
+                                        property.value.params = finalParams_1;
+                                    }
+                                }
+                            });
+                        }
+                    });
+                }
+            });
+        }
+    });
+    return root.toSource();
+}

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

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

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

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

package/dist/es6/v7/updateModelSignatures.js

@@ -0,0 +1,90 @@
+import { getImportRenameMap } from './utils/getImportRenameMap';
+var keys = function (input) { return Object.keys(input); };
+export default function transformer(file, api, options) {
+    var j = api.jscodeshift;
+    var root = j(file.source);
+    var _a = getImportRenameMap(j, root), containsCanvasImports = _a.containsCanvasImports, importMap = _a.importMap;
+    if (!containsCanvasImports) {
+        return file.source;
+    }
+    // inverse the import map. It is more useful this way for this function
+    var imports = Object.keys(importMap).reduce(function (result, key) {
+        result[importMap[key]] = key;
+        return result;
+    }, {});
+    root.find(j.CallExpression).forEach(function (nodePath) {
+        var value = nodePath.value;
+        // check if the identifier was imported from CK AND follows the `use{*}Model` naming convention
+        if (value.callee.type === 'Identifier' &&
+            /use[a-zA-Z]+Model/.test(imports[value.callee.name])) {
+            // loop over all the arguments of the `use{*}Model` hook
+            value.arguments.forEach(function (argument) {
+                // look for object expressions: `use{*}Model({ /* here */ })`
+                if (argument.type === 'ObjectExpression') {
+                    // loop over all the properties looking for `ObjectMethod` and `ObjectProperties` where
+                    // the value is a function matching `on{*}` or `should{*}` naming convention
+                    argument.properties.forEach(function (property) {
+                        // If it is an `ObjectMethod` or an `ObjectProperty` with an arrow function expression:
+                        // {
+                        //   onShow() {}, // ObjectMethod
+                        //   onHide: () => {}, ObjectProperty with arrow function expression
+                        // }
+                        if ((property.type === 'ObjectMethod' ||
+                            (property.type === 'ObjectProperty' &&
+                                property.value.type === 'ArrowFunctionExpression')) &&
+                            property.key.type === 'Identifier') {
+                            var propertyName_1 = property.key.name;
+                            // Both types have a `params`, but are at different places in the AST
+                            var params_1 = property.type === 'ObjectMethod'
+                                ? property.params
+                                : property.value.type === 'ArrowFunctionExpression'
+                                    ? property.value.params
+                                    : [];
+                            // create a mapping for param names of callbacks and guards. This makes the logic more
+                            // difficult to follow, but decreases duplication
+                            var paramMapping_1 = {
+                                on: ['data', 'state'],
+                                should: ['data', 'prevState'],
+                            };
+                            // We will be overriding the params with this variable later
+                            var finalParams_1 = [];
+                            // loop over each `paramMapping` type. `on*` and `should*` functions have different signatures
+                            keys(paramMapping_1).forEach(function (key) {
+                                // matches `onShow` and `shouldShow`
+                                if (new RegExp(key + "[A-Za-z]+").test(propertyName_1)) {
+                                    params_1.forEach(function (param) {
+                                        if (param.type === 'ObjectPattern') {
+                                            param.properties.forEach(function (property) {
+                                                if (property.type === 'ObjectProperty' &&
+                                                    property.key.type === 'Identifier') {
+                                                    if (property.value.type === 'Identifier' ||
+                                                        property.value.type === 'ObjectPattern') {
+                                                        var index = paramMapping_1[key].indexOf(property.key.name);
+                                                        // use `property.value` instead of `property.key.name` in case they
+                                                        // renamed it example `shouldShow({ data: myData })`. The key name is
+                                                        // `data` while the value is `myData`
+                                                        finalParams_1[index] = property.value;
+                                                    }
+                                                }
+                                            });
+                                        }
+                                    });
+                                    // `ObjectMethod` and `ObjectProperty` have params in a different place in the
+                                    // AST, so apply `finalParams` where appropriate
+                                    if (property.type === 'ObjectMethod') {
+                                        property.params = finalParams_1;
+                                    }
+                                    else if (property.type === 'ObjectProperty' &&
+                                        property.value.type === 'ArrowFunctionExpression') {
+                                        property.value.params = finalParams_1;
+                                    }
+                                }
+                            });
+                        }
+                    });
+                }
+            });
+        }
+    });
+    return root.toSource();
+}

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"}