@transferwise/components 45.0.1 → 45.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "45.0.1",
+  "version": "45.1.0",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "main": "./build/umd/polyfill/main.js",
@@ -20,30 +20,6 @@
     "fullname": "transferwise/neptune",
     "url": "git+https://github.com/transferwise/neptune-web.git"
   },
-  "scripts": {
-    "dev": "npm-run-all --parallel dev:*",
-    "dev:watch-less": "gulp watchLess --dest=src",
-    "dev:storybook": "storybook dev -p 3001",
-    "dev:translations": "npx npm-watch",
-    "build": "npm-run-all build:*",
-    "build:clean": "rm -rf lib build",
-    "build:crowdin-source-file": "formatjs extract 'src/**/*.messages.+(js|ts|tsx)' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
-    "build:compile-css": "gulp compileLess --dest=src",
-    "build:es": "NODE_ENV=es babel src --extensions '.tsx,.js,.ts' -d build/es/polyfill --ignore '**/*.spec.js','**/*.story.js','**/__mocks__','**/test-utils'",
-    "build:es-nopolyfill": "NODE_ENV=es-nopolyfill babel src --extensions '.tsx,.js,.ts' -d build/es/no-polyfill --ignore '**/*.spec.js','**/*.story.js','**/__mocks__','**/test-utils'",
-    "build:umd": "NODE_ENV=umd rollup -c",
-    "build:umd-nopolyfill": "NODE_ENV=umd-nopolyfill rollup -c",
-    "build:generate-types": "tsc && node ./scripts/generate-type-declarations.js",
-    "build:copy-files": "cpx 'src/**/!(db)/*.{json,svg}' build/es/polyfill & cpx 'src/**/!(db)/*.{json,svg}' build/es/no-polyfill",
-    "build:copy-css": "cpx 'src/main.css' build/ & cpx 'src/**/*.css' build/styles/",
-    "build:copy-lang": "cpx 'src/i18n/*.json' build/i18n && cpx 'src/i18n/index.js' build/i18n",
-    "docs": "yarn build",
-    "test": "jest --env=jsdom --maxWorkers=4 --config=../../node_modules/@transferwise/test-config/jest.config.js",
-    "test:watch": "jest --watch --env=jsdom --config=../../node_modules/@transferwise/test-config/jest.config.js",
-    "lint": "jest --maxWorkers=4 --config ../../node_modules/@transferwise/test-config/test/jest.lint.js",
-    "lint:fix": "eslint 'src/**/*.{js,ts,tsx}' --fix",
-    "build-storybook": "storybook build"
-  },
   "bin": {
     "neptune-upgrade-util": "scripts/neptune-upgrader.js"
   },
@@ -54,28 +30,53 @@
     "@rollup/plugin-image": "^3.0.1",
     "@rollup/plugin-json": "^4.0.3",
     "@rollup/plugin-node-resolve": "^7.1.3",
+    "@storybook/addon-a11y": "^7.0.6",
+    "@storybook/addon-actions": "^7.0.6",
+    "@storybook/addon-essentials": "^7.0.6",
+    "@storybook/addon-interactions": "^7.0.6",
+    "@storybook/addon-knobs": "^7.0.0",
+    "@storybook/addon-viewport": "^7.0.6",
+    "@storybook/addons": "^7.0.0",
+    "@storybook/api": "^7.0.0",
+    "@storybook/components": "^7.0.0",
+    "@storybook/core-events": "^7.0.0",
+    "@storybook/react": "^7.0.6",
+    "@storybook/react-webpack5": "^7.0.6",
+    "@storybook/testing-library": "^0.1.0",
+    "@storybook/theming": "^7.0.0",
+    "@testing-library/dom": "^7.21.4",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^12.0.0",
+    "@testing-library/react-hooks": "^8.0.0",
+    "@testing-library/user-event": "^13.2.1",
     "@transferwise/icons": "^3.2.3",
-    "@transferwise/less-config": "^3.0.6",
-    "@transferwise/neptune-css": "^14.3.45",
     "@transferwise/neptune-tokens": "^8.4.0",
-    "@transferwise/test-config": "^5.0.3",
     "@types/jest": "^26.0.20",
     "@types/jscodeshift": "^0.11.0",
     "@types/node": "^14.14.31",
-    "@types/react-transition-group": "4.4.2",
+    "@types/react-transition-group": "4.4.5",
+    "@types/testing-library__jest-dom": "^5.14.5",
     "@wise/art": "^2.0.1",
-    "@wise/components-theming": "^0.7.4",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
     "babel-plugin-inline-react-svg": "^2.0.1",
+    "enzyme": "^3.11.0",
     "html-loader": "^1.3.2",
+    "jest": "^27.0.6",
+    "jest-cli": "^27.0.6",
+    "jest-fetch-mock": "^3.0.3",
     "lodash.times": "^4.3.2",
     "npm-watch": "^0.11.0",
     "react-intl": "^5.10.0",
     "rollup": "^2.34.0",
-    "rollup-plugin-uglify": "^6.0.4"
+    "rollup-plugin-uglify": "^6.0.4",
+    "storybook": "^7.0.6",
+    "@transferwise/less-config": "3.0.6",
+    "@transferwise/neptune-css": "14.3.48",
+    "@wise/components-theming": "0.7.5"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.2.3",
-    "@transferwise/neptune-css": "^14.3.47",
+    "@transferwise/neptune-css": "^14.3.48",
     "@wise/art": "^2",
     "@wise/components-theming": "0.5 - 0.7",
     "currency-flags": "^4.0.2",
@@ -125,5 +126,36 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "dev": "npm-run-all --parallel dev:*",
+    "dev:watch-less": "gulp watchLess --dest=src",
+    "dev:translations": "npx npm-watch",
+    "sb:dev": "storybook dev -p 3001",
+    "sb:build": "storybook build",
+    "build-css": "gulp compileLess --dest=src",
+    "build": "npm-run-all build:*",
+    "build:clean": "rm -rf lib build",
+    "build:crowdin-source-file": "formatjs extract 'src/**/*.messages.+(js|ts|tsx)' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
+    "build:es": "NODE_ENV=es babel src --extensions '.tsx,.js,.ts' -d build/es/polyfill --ignore '**/*.spec.js','**/*.story.js','**/__mocks__','**/test-utils'",
+    "build:es-nopolyfill": "NODE_ENV=es-nopolyfill babel src --extensions '.tsx,.js,.ts' -d build/es/no-polyfill --ignore '**/*.spec.js','**/*.story.js','**/__mocks__','**/test-utils'",
+    "build:umd": "NODE_ENV=umd rollup -c",
+    "build:umd-nopolyfill": "NODE_ENV=umd-nopolyfill rollup -c",
+    "build:generate-types": "tsc && node ./scripts/generate-type-declarations.js",
+    "build:copy-files": "cpx 'src/**/!(db)/*.{json,svg}' build/es/polyfill & cpx 'src/**/!(db)/*.{json,svg}' build/es/no-polyfill",
+    "build:copy-css": "cpx 'src/main.css' build/ & cpx 'src/**/*.css' build/styles/",
+    "build:copy-lang": "cpx 'src/i18n/*.json' build/i18n && cpx 'src/i18n/index.js' build/i18n",
+    "docs": "pnpm build",
+    "test": "jest --env=jsdom --maxWorkers=4",
+    "test:watch": "jest --watch --env=jsdom",
+    "test:visual": "build-storybook && percy storybook ./storybook-static",
+    "lint": "pnpm run lint:check",
+    "lint:check": "npm-run-all --parallel lint:check:*",
+    "lint:check:format": "prettier --check --ignore-path ../../.prettierignore . || echo \"Prettier failed. Remove this to make this a failure\"",
+    "lint:check:js+ts": "eslint --ext .js,.jsx,.mjs,.ts,.tsx,.mts --ignore-path ../../.gitignore .",
+    "lint:check:types": "tsc --noEmit --emitDeclarationOnly false",
+    "lint:fix": "npm-run-all --serial lint:fix:*",
+    "lint:fix:format": "prettier --write --ignore-path ../../.prettierignore .",
+    "lint:fix:js+ts": "pnpm run lint:check:js+ts --fix"
   }
-}
+}

package/upgrades/2021-04-v35-36-typescript-support.js

@@ -254,6 +254,7 @@ export default function codemod(file, api, options) {
           },
         })
         .replaceWith(() => {
+          // eslint-disable-next-line unicorn/prevent-abbreviations -- this is a useless rule, and useless application of it
           const newProp = ButtonTypeBreakingChange.Type.includes(enumItemValue)
             ? 'Type'
             : 'ControlType';