feat(cli): add codemod to remove exit animations

feature/codemods

.eslintrc.js

@@ -21,7 +21,8 @@ module.exports = require('@sumup/foundry/eslint')(
         rules: {
           'import/no-unresolved': 'off',
           'notice/notice': 'off',
-          '@typescript-eslint/no-unused-vars': 'off'
+          '@typescript-eslint/no-unused-vars': 'off',
+          'prettier/prettier': 'off'
         }
       },
       {

src/cli/migrate/__testfixtures__/exit-animations.input.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { LoadingButton } from '@sumup/circuit-ui';
+
+const BaseLoadingButton = () => (
+  <LoadingButton
+    exitAnimation={LoadingButton.ERROR}
+    onAnimationComplete={console.log}
+    exitAnimationDuration={300}
+  />
+);
+
+const RedLoadingButton = styled(LoadingButton)`
+  color: red;
+`;
+
+const StyledLoadingButton = () => (
+  <RedLoadingButton
+    exitAnimation={LoadingButton.ERROR}
+    onAnimationComplete={console.log}
+    exitAnimationDuration={300}
+  />
+);

src/cli/migrate/__testfixtures__/exit-animations.output.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { LoadingButton } from '@sumup/circuit-ui';
+
+const BaseLoadingButton = () => (
+  <LoadingButton />
+);
+
+const RedLoadingButton = styled(LoadingButton)`
+  color: red;
+`;
+
+const StyledLoadingButton = () => (
+  <RedLoadingButton />
+);

src/cli/migrate/__tests__/transforms.spec.js

@@ -22,3 +22,4 @@ defineTest(__dirname, 'list-variant-enum');
 defineTest(__dirname, 'onchange-prop');
 defineTest(__dirname, 'as-prop');
 defineTest(__dirname, 'selector-props');
+defineTest(__dirname, 'exit-animations');

src/cli/migrate/exit-animations.ts

@@ -0,0 +1,49 @@
+/**
+ * Copyright 2020, SumUp Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Transform } from 'jscodeshift';
+
+import { findLocalNames } from './utils';
+
+const transform: Transform = (file, api) => {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+
+  const components = findLocalNames(j, root, 'LoadingButton');
+
+  if (!components) {
+    return;
+  }
+
+  components.forEach(component => {
+    ['exitAnimation', 'exitAnimationDuration', 'onAnimationComplete'].forEach(
+      prop => {
+        root
+          .findJSXElements(component)
+          .find(j.JSXAttribute, {
+            name: {
+              type: 'JSXIdentifier',
+              name: prop
+            }
+          })
+          .remove();
+      }
+    );
+  });
+
+  return root.toSource();
+};
+
+export default transform;