feat(deps): upgrade all dependencies (#635)

* feat(components): upgrade all dependencies * chore: upgrade to Foundry v3 * refactor: apply import/order rule * refactor: apply trailing comma rule * refactor: apply quote props rule * refactor: apply arrow parens rule * feat: upgrade to latest @sumup/design-tokens * test(components): update snapshot
sumup-oss · Jul 9, 2020 · 2ca1f1c · 2ca1f1c
1 parent 83c3d43
commit 2ca1f1c
Show file tree

Hide file tree

Showing 296 changed files with 3,913 additions and 3,402 deletions.
diff --git a/.cz-config.js b/.cz-config.js
@@ -6,35 +6,35 @@ module.exports = {
     {
       value: 'style',
       name:
-        'style:    Changes that do not affect the meaning of the code\n            (white-space, formatting, missing semi-colons, etc)'
+        'style:    Changes that do not affect the meaning of the code\n            (white-space, formatting, missing semi-colons, etc)',
     },
     {
       value: 'refactor',
       name:
-        'refactor: A code change that neither fixes a bug nor adds a feature'
+        'refactor: A code change that neither fixes a bug nor adds a feature',
     },
     {
       value: 'perf',
-      name: 'perf:     A code change that improves performance'
+      name: 'perf:     A code change that improves performance',
     },
     { value: 'test', name: 'test:     Adding missing tests' },
     {
       value: 'chore',
       name:
-        'chore:    Changes to the build process or auxiliary tools\n            and libraries such as documentation generation'
+        'chore:    Changes to the build process or auxiliary tools\n            and libraries such as documentation generation',
     },
     { value: 'revert', name: 'revert:   Revert to a commit' },
-    { value: 'WIP', name: 'WIP:      Work in progress' }
+    { value: 'WIP', name: 'WIP:      Work in progress' },
   ],
 
   scopes: [
     { name: 'components' },
     { name: 'utils' },
     { name: 'docs' },
     { name: 'cli' },
-    { name: 'configs' }
+    { name: 'configs' },
   ],
 
   allowCustomScopes: true,
-  allowBreakingChanges: ['feat', 'fix']
+  allowBreakingChanges: ['feat', 'fix'],
 };
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -3,36 +3,33 @@ module.exports = require('@sumup/foundry/eslint')(
     language: 'TypeScript',
     environments: ['Browser'],
     frameworks: ['React', 'Emotion', 'Jest'],
-    openSource: true
+    openSource: true,
   },
   {
-    rules: {
-      'arrow-parens': 'off'
-    },
     parserOptions: {
-      project: ['./tsconfig.eslint.json']
+      project: ['./tsconfig.eslint.json'],
     },
     overrides: [
       {
         files: [
           'src/cli/migrate/__testfixtures__/**/*.input.*',
-          'src/cli/migrate/__testfixtures__/**/*.output.*'
+          'src/cli/migrate/__testfixtures__/**/*.output.*',
         ],
         rules: {
           'import/no-unresolved': 'off',
           'notice/notice': 'off',
           '@typescript-eslint/no-unused-vars': 'off',
-          'prettier/prettier': 'off'
-        }
+          'prettier/prettier': 'off',
+        },
       },
       {
         files: ['src/cli/migrate/*.ts'],
         rules: {
           // jscodeshift expect no return value for files
           // that should not be transformed.
-          'consistent-return': 'off'
-        }
-      }
-    ]
-  }
+          'consistent-return': 'off',
+        },
+      },
+    ],
+  },
 );
diff --git a/jest.config.js b/jest.config.js
@@ -25,29 +25,29 @@ module.exports = {
     '!src/@(components|util|styles)/**/index.{ts,tsx,js,jsx}',
     '!src/@(components|util|styles)/**/*.story.{ts,tsx,js,jsx}',
     '!src/@(components|util|styles)/**/*.docs.mdx',
-    '!**/node_modules/**'
+    '!**/node_modules/**',
   ],
   moduleDirectories: ['node_modules', 'src'],
   // HACK: See https://github.com/storybookjs/storybook/pull/9292
   moduleNameMapper: {
     'react-syntax-highlighter/dist/esm/(.*)':
-      'react-syntax-highlighter/dist/cjs/$1'
+      'react-syntax-highlighter/dist/cjs/$1',
   },
   transform: {
     '^.+\\.(js|jsx)$': 'babel-jest',
     '^.+\\.(ts|tsx)$': 'ts-jest',
-    '^.+\\.(md|mdx)$': '<rootDir>/jest.mdxTransformer.js'
+    '^.+\\.(md|mdx)$': '<rootDir>/jest.mdxTransformer.js',
   },
   setupFilesAfterEnv: ['<rootDir>/jest.setup.js'],
   globals: {
-    STORYBOOK: false,
-    __DEV__: false,
-    __PRODUCTION__: false,
-    __TEST__: true,
+    'STORYBOOK': false,
+    '__DEV__': false,
+    '__PRODUCTION__': false,
+    '__TEST__': true,
     'ts-jest': {
       tsConfig: {
-        jsx: 'react'
-      }
-    }
-  }
+        jsx: 'react',
+      },
+    },
+  },
 };
diff --git a/jest.mdxTransformer.js b/jest.mdxTransformer.js
@@ -16,5 +16,5 @@
 module.exports = {
   process() {
     return 'null';
-  }
+  },
 };
diff --git a/jest.setup.js b/jest.setup.js
@@ -28,7 +28,7 @@ import {
   actHook,
   userEvent,
   wait,
-  axe
+  axe,
 } from './src/util/test-utils';
 
 global.axe = axe;
@@ -47,8 +47,8 @@ if (global.document) {
     setEnd: () => {},
     commonAncestorContainer: {
       nodeName: 'BODY',
-      ownerDocument: document
-    }
+      ownerDocument: document,
+    },
   });
 }
 
@@ -61,6 +61,6 @@ expect.addSnapshotSerializer(
   createSerializer({
     classNameReplacer(className, index) {
       return `circuit-${index}`;
-    }
-  })
+    },
+  }),
 );
diff --git a/lint-staged.config.js b/lint-staged.config.js
@@ -14,5 +14,5 @@
  */
 
 module.exports = require('@sumup/foundry/lint-staged')({
-  language: 'TypeScript'
+  language: 'TypeScript',
 });
diff --git a/package.json b/package.json
@@ -97,8 +97,8 @@
     "@storybook/preset-typescript": "^3.0.0",
     "@storybook/react": "^5.2.0",
     "@storybook/source-loader": "^5.2.4",
-    "@sumup/design-tokens": "^1.0.0-alpha.5",
-    "@sumup/foundry": "^2.1.0",
+    "@sumup/design-tokens": "^1.0.0",
+    "@sumup/foundry": "^3.0.0",
     "@sumup/icons": "^1.0.0",
     "@sumup/intl": "^1.0.0",
     "@svgr/webpack": "^4.3.3",

diff --git a/prettier.config.js b/prettier.config.js
@@ -13,11 +13,4 @@
  * limitations under the License.
  */
 
-module.exports = require('@sumup/foundry/prettier')(
-  {},
-  {
-    trailingComma: 'none',
-    arrowParens: 'avoid',
-    quoteProps: 'as-needed'
-  }
-);
+module.exports = require('@sumup/foundry/prettier')();
diff --git a/scripts/static-styles/__fixtures__/functional-component.js b/scripts/static-styles/__fixtures__/functional-component.js
@@ -45,7 +45,7 @@ function FunctionalComponent({ label, value }) {
 
 FunctionalComponent.propTypes = {
   label: PropTypes.string,
-  value: PropTypes.string
+  value: PropTypes.string,
 };
 
 /**

diff --git a/scripts/static-styles/__fixtures__/styled-component.js b/scripts/static-styles/__fixtures__/styled-component.js
@@ -34,7 +34,7 @@ const StyledComponent = styled.input(baseStyles, disabledStyles);
 
 StyledComponent.propTypes = {
   label: PropTypes.string,
-  disabled: PropTypes.bool
+  disabled: PropTypes.bool,
 };
 
 /**

diff --git a/scripts/static-styles/cli.js b/scripts/static-styles/cli.js
@@ -16,9 +16,10 @@
 import yargs from 'yargs';
 import { keys } from 'lodash/fp';
 
-import extractStaticStyles from '.';
 import config from './config';
 
+import extractStaticStyles from '.';
+
 const themeOpts = keys(config.themes);
 const componentOpts = config.components.map(({ name }) => name);
 
@@ -27,7 +28,7 @@ function main() {
     .option('theme', {
       desc: 'The name of the theme to use.',
       choices: themeOpts,
-      default: 'light'
+      default: 'light',
     })
     .option('components', {
       desc:
@@ -36,7 +37,7 @@ function main() {
       options: ['all', 'none', ...componentOpts],
       type: 'array',
       default: 'all',
-      coerce: val => {
+      coerce: (val) => {
         if (val.length === 1) {
           if (val[0] === 'all') {
             return componentOpts;
@@ -49,29 +50,29 @@ function main() {
           }
         }
         return val;
-      }
+      },
     })
     .option('global', {
       desc: 'Whether to include global styles.',
       type: 'boolean',
-      default: false
+      default: false,
     })
     .option('customProperties', {
       desc: 'Whether to use CSS custom properties (variables).',
       type: 'boolean',
-      default: false
+      default: false,
     })
     .option('pretty', {
       desc: 'Whether the CSS should be formatted with prettier.',
       type: 'boolean',
-      default: false
+      default: false,
     })
     .option('filePath', {
       desc:
         // eslint-disable-next-line max-len
         'Path to the file where the stylesheet should be saved, relative to the current directory.',
       type: 'string',
-      normalize: true
+      normalize: true,
     })
     .showHelpOnFail(true)
     .help()

diff --git a/scripts/static-styles/component-styles.js b/scripts/static-styles/component-styles.js
@@ -98,19 +98,19 @@ export default function componentStyles({ components, theme } = {}) {
       // Reset all props to `null`.
       const baseProps = entries(props).reduce(
         (acc, [prop]) => ({ ...acc, [prop]: null }),
-        requiredProps
+        requiredProps,
       );
 
       // Render the plain base component.
       renderFn(Component, baseProps, name);
 
       // Render each prop variation (not combination).
       entries(props).forEach(([key, variations]) => {
-        variations.forEach(value => {
+        variations.forEach((value) => {
           renderFn(Component, { ...baseProps, [key]: value }, name);
         });
       });
-    }
+    },
   );
 
   const styleSheet = entries(styleSheets)

diff --git a/scripts/static-styles/component-styles.spec.js b/scripts/static-styles/component-styles.spec.js
@@ -24,7 +24,7 @@ describe('Component styles', () => {
     const { components } = config;
     const actual = componentStyles({
       theme,
-      components
+      components,
     });
     expect(typeof actual).toBe('string');
     components.forEach(({ name }) => {
@@ -39,13 +39,13 @@ describe('Component styles', () => {
         component: fixtures.StyledComponent,
         props: {
           value: PropTypes.string,
-          disabled: PropTypes.bool
-        }
+          disabled: PropTypes.bool,
+        },
       };
       const components = [component];
       const actual = componentStyles({
         theme,
-        components
+        components,
       });
       expect(typeof actual).toBe('string');
       expect(actual).toMatchSnapshot();
@@ -56,7 +56,7 @@ describe('Component styles', () => {
       const components = [component];
       const actual = componentStyles({
         theme,
-        components
+        components,
       });
       expect(typeof actual).toBe('string');
       expect(actual).toMatchSnapshot();

diff --git a/scripts/static-styles/config.js b/scripts/static-styles/config.js
@@ -34,7 +34,7 @@ import { light } from '@sumup/design-tokens';
 //   Toggle
 // } from '../../src';
 
-const element = props => <div {...props} />;
+const element = (props) => <div {...props} />;
 
 export const PropTypes = {
   string: ['string'],
@@ -47,14 +47,14 @@ export const PropTypes = {
       return [element];
     }
     return null;
-  }
+  },
 };
 
 const requiredPropTypes = {
   string: 'string',
   bool: true,
   func: () => {},
-  element
+  element,
 };
 
 function getVariations(name, prop, propOverrides) {
@@ -77,8 +77,8 @@ function getProps(props, propOverrides) {
       console.warn(
         [
           `No variations found for prop "${name}" of type "${type}"`,
-          'Please provide a custom override.'
-        ].join(' ')
+          'Please provide a custom override.',
+        ].join(' '),
       );
       return acc;
     }
@@ -103,7 +103,7 @@ export function getComponentInfo(component, propOverrides = {}) {
       component,
       name: kebabCase(displayName),
       props: getProps(props, propOverrides),
-      requiredProps: getRequiredProps(props)
+      requiredProps: getRequiredProps(props),
     };
   } catch (error) {
     console.error(component);
@@ -184,5 +184,5 @@ export default {
     // }),
     // getComponentInfo(TextArea),
     // getComponentInfo(Toggle)
-  ]
+  ],
 };