diff --git a/ui/.storybook/config.js b/ui/.storybook/config.js index ef1f87eb9..41c402b9d 100644 --- a/ui/.storybook/config.js +++ b/ui/.storybook/config.js @@ -8,8 +8,6 @@ import { import createPercyAddon from "@percy-io/percy-storybook"; -import { withPerformance } from "storybook-addon-performance"; - import "mobx-react-lite/batchingForReactDom"; import { advanceTo } from "jest-date-mock"; @@ -71,7 +69,6 @@ addDecorator((story) => { ); }); -addDecorator(withPerformance); const req = require.context("../src/Components", true, /\.stories\.(js|tsx)$/); diff --git a/ui/.storybook/main.js b/ui/.storybook/main.js deleted file mode 100644 index 629d25662..000000000 --- a/ui/.storybook/main.js +++ /dev/null @@ -1,4 +0,0 @@ -module.exports = { - addons: ["storybook-addon-performance/register"], - presets: ["@storybook/preset-create-react-app"], -}; diff --git a/ui/.storybook/presets.js b/ui/.storybook/presets.js new file mode 100644 index 000000000..2c07847b5 --- /dev/null +++ b/ui/.storybook/presets.js @@ -0,0 +1 @@ +module.exports = ["@storybook/preset-create-react-app"]; diff --git a/ui/package-lock.json b/ui/package-lock.json index 9fbbb8722..d61fabdb0 100644 --- a/ui/package-lock.json +++ b/ui/package-lock.json @@ -4644,61 +4644,6 @@ "loader-utils": "^1.2.3" } }, - "@testing-library/dom": { - "version": "7.11.0", - "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-7.11.0.tgz", - "integrity": "sha512-2j+zfA6dwnzozReA2XrbZs3e9DD9UdetONrWmumIY2QdGH0h08hRW+SaLE8kIytM6KPO5yzypHZhK5AZNFEtiw==", - "dev": true, - "requires": { - "@babel/runtime": "^7.10.2", - "aria-query": "^4.0.2", - "dom-accessibility-api": "^0.4.5", - "pretty-format": "^25.5.0" - }, - "dependencies": { - "aria-query": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-4.0.2.tgz", - "integrity": "sha512-S1G1V790fTaigUSM/Gd0NngzEfiMy9uTUfMyHhKhVyy4cH5O/eTuR01ydhGL0z4Za1PXFTRGH3qL8VhUQuEO5w==", - "dev": true, - "requires": { - "@babel/runtime": "^7.7.4", - "@babel/runtime-corejs3": "^7.7.4" - } - } - } - }, - "@testing-library/jest-dom": { - "version": "5.9.0", - "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.9.0.tgz", - "integrity": "sha512-uZ68dyILuM2VL13lGz4ehFEAgxzvLKRu8wQxyAZfejWnyMhmipJ60w4eG81NQikJHBfaYXx+Or8EaPQTDwGfPA==", - "dev": true, - "requires": { - "@babel/runtime": "^7.9.2", - "@types/testing-library__jest-dom": "^5.0.2", - "chalk": "^3.0.0", - "css": "^2.2.4", - "css.escape": "^1.5.1", - "jest-diff": "^25.1.0", - "jest-matcher-utils": "^25.1.0", - "lodash": "^4.17.15", - "redent": "^3.0.0" - }, - "dependencies": { - "jest-matcher-utils": { - "version": "25.5.0", - "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-25.5.0.tgz", - "integrity": "sha512-VWI269+9JS5cpndnpCwm7dy7JtGQT30UHfrnM3mXl22gHGt/b7NkjBqXfbhZ8V4B7ANUsjK18PlSBmG0YH7gjw==", - "dev": true, - "requires": { - "chalk": "^3.0.0", - "jest-diff": "^25.5.0", - "jest-get-type": "^25.2.6", - "pretty-format": "^25.5.0" - } - } - } - }, "@testing-library/react-hooks": { "version": "3.3.0", "resolved": "https://registry.npmjs.org/@testing-library/react-hooks/-/react-hooks-3.3.0.tgz", @@ -4933,15 +4878,6 @@ "integrity": "sha512-/gG2M/Imw7cQFp8PGvz/SwocNrmKFjFsm5Pb8HdbHkZ1K8pmuPzOX4VeVoiEecFCVf4CsN1r3/BRvx+6sNqwtQ==", "dev": true }, - "@types/testing-library__jest-dom": { - "version": "5.9.1", - "resolved": "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.9.1.tgz", - "integrity": "sha512-yYn5EKHO3MPEMSOrcAb1dLWY+68CG29LiXKsWmmpVHqoP5+ZRiAVLyUHvPNrO2dABDdUGZvavMsaGpWNjM6N2g==", - "dev": true, - "requires": { - "@types/jest": "*" - } - }, "@types/testing-library__react-hooks": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/@types/testing-library__react-hooks/-/testing-library__react-hooks-3.2.0.tgz", @@ -5344,15 +5280,6 @@ } } }, - "@xstate/react": { - "version": "1.0.0-rc.3", - "resolved": "https://registry.npmjs.org/@xstate/react/-/react-1.0.0-rc.3.tgz", - "integrity": "sha512-TAZdWo1vg46I6XwMzqowOHlXMByGLNppN+AuJOoruTnCYXLw9YIiXRFw0d/PEepMEE8mkIcPlbOjLXodP7FtEw==", - "dev": true, - "requires": { - "use-subscription": "^1.3.0" - } - }, "@xtuc/ieee754": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz", @@ -6494,18 +6421,6 @@ "recast": "^0.14.7" } }, - "babel-plugin-styled-components": { - "version": "1.10.7", - "resolved": "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-1.10.7.tgz", - "integrity": "sha512-MBMHGcIA22996n9hZRf/UJLVVgkEOITuR2SvjHLb5dSTUyR4ZRGn+ngITapes36FI3WLxZHfRhkA1ffHxihOrg==", - "dev": true, - "requires": { - "@babel/helper-annotate-as-pure": "^7.0.0", - "@babel/helper-module-imports": "^7.0.0", - "babel-plugin-syntax-jsx": "^6.18.0", - "lodash": "^4.17.11" - } - }, "babel-plugin-syntax-jsx": { "version": "6.18.0", "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", @@ -7408,12 +7323,6 @@ "quick-lru": "^4.0.1" } }, - "camelize": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.0.tgz", - "integrity": "sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=", - "dev": true - }, "can-use-dom": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/can-use-dom/-/can-use-dom-0.1.0.tgz", @@ -8422,12 +8331,6 @@ "parse-json": "^4.0.0" } }, - "crc32": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/crc32/-/crc32-0.2.2.tgz", - "integrity": "sha1-etIg1v/c0Rn5/BJ6d3LKzqOQpLo=", - "dev": true - }, "create-ecdh": { "version": "4.0.3", "resolved": "https://registry.npmjs.org/create-ecdh/-/create-ecdh-4.0.3.tgz", @@ -8551,12 +8454,6 @@ "postcss": "^7.0.5" } }, - "css-color-keywords": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", - "integrity": "sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU=", - "dev": true - }, "css-color-names": { "version": "0.0.4", "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz", @@ -8647,17 +8544,6 @@ "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz", "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==" }, - "css-to-react-native": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.0.0.tgz", - "integrity": "sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ==", - "dev": true, - "requires": { - "camelize": "^1.0.0", - "css-color-keywords": "^1.0.0", - "postcss-value-parser": "^4.0.2" - } - }, "css-tree": { "version": "1.0.0-alpha.37", "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz", @@ -8679,12 +8565,6 @@ "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.3.0.tgz", "integrity": "sha512-pv9JPyatiPaQ6pf4OvD/dbfm0o5LviWmwxNWzblYf/1u9QZd0ihV+PMwy5jdQWQ3349kZmKEx9WXuSka2dM4cg==" }, - "css.escape": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz", - "integrity": "sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s=", - "dev": true - }, "cssdb": { "version": "4.4.0", "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-4.4.0.tgz", @@ -9018,12 +8898,6 @@ } } }, - "deflate-js": { - "version": "0.2.3", - "resolved": "https://registry.npmjs.org/deflate-js/-/deflate-js-0.2.3.tgz", - "integrity": "sha1-+Fq7WOvFFRowYUdHPVfD5PfkQms=", - "dev": true - }, "del": { "version": "4.1.1", "resolved": "https://registry.npmjs.org/del/-/del-4.1.1.tgz", @@ -9216,12 +9090,6 @@ "esutils": "^2.0.2" } }, - "dom-accessibility-api": { - "version": "0.4.5", - "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.4.5.tgz", - "integrity": "sha512-HcPDilI95nKztbVikaN2vzwvmv0sE8Y2ZJFODy/m15n7mGXLeOKGiys9qWVbFbh+aq/KYj2lqMLybBOkYAEXqg==", - "dev": true - }, "dom-converter": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz", @@ -11767,16 +11635,6 @@ "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz", "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==" }, - "gzip-js": { - "version": "0.3.2", - "resolved": "https://registry.npmjs.org/gzip-js/-/gzip-js-0.3.2.tgz", - "integrity": "sha1-IxF+/usozzhSSN7/Df+tiUg22Ws=", - "dev": true, - "requires": { - "crc32": ">= 0.2.2", - "deflate-js": ">= 0.2.2" - } - }, "gzip-size": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz", @@ -21259,27 +21117,6 @@ "integrity": "sha512-TQMKs+C6n9idtzLpxluikmDCYiDJrTbbIGn9LFxMg0BVTu+8JZKSlXTWYRpOFKlfKD5HlDWLVpJJyNGZ2e9l1A==", "dev": true }, - "storybook-addon-performance": { - "version": "0.11.0", - "resolved": "https://registry.npmjs.org/storybook-addon-performance/-/storybook-addon-performance-0.11.0.tgz", - "integrity": "sha512-tDsUcacFS9b4FvFXYqKAAnoqlnV2yeZhkfutPS74cXMBq9uQHMVsM0RfKTtdMPZXoM4Qa62IrcQITo3Ns1+Vpg==", - "dev": true, - "requires": { - "@storybook/addons": "^5.3.18", - "@storybook/api": "^5.3.18", - "@storybook/channels": "^5.3.18", - "@storybook/components": "^5.3.18", - "@storybook/core-events": "^5.3.18", - "@storybook/theming": "^5.3.18", - "@testing-library/dom": "^7.2.1", - "@testing-library/jest-dom": "^5.3.0", - "@xstate/react": "1.0.0-rc.3", - "gzip-js": "^0.3.2", - "styled-components": "^5.1.0", - "tiny-invariant": "^1.1.0", - "xstate": "^4.8.0" - } - }, "stream-browserify": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/stream-browserify/-/stream-browserify-2.0.2.tgz", @@ -21600,41 +21437,6 @@ } } }, - "styled-components": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-5.1.1.tgz", - "integrity": "sha512-1ps8ZAYu2Husx+Vz8D+MvXwEwvMwFv+hqqUwhNlDN5ybg6A+3xyW1ECrAgywhvXapNfXiz79jJyU0x22z0FFTg==", - "dev": true, - "requires": { - "@babel/helper-module-imports": "^7.0.0", - "@babel/traverse": "^7.4.5", - "@emotion/is-prop-valid": "^0.8.8", - "@emotion/stylis": "^0.8.4", - "@emotion/unitless": "^0.7.4", - "babel-plugin-styled-components": ">= 1", - "css-to-react-native": "^3.0.0", - "hoist-non-react-statics": "^3.0.0", - "shallowequal": "^1.1.0", - "supports-color": "^5.5.0" - }, - "dependencies": { - "has-flag": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", - "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=", - "dev": true - }, - "supports-color": { - "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", - "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", - "dev": true, - "requires": { - "has-flag": "^3.0.0" - } - } - } - }, "stylehacks": { "version": "4.0.3", "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.3.tgz", @@ -22088,12 +21890,6 @@ "dev": true, "optional": true }, - "tiny-invariant": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.1.0.tgz", - "integrity": "sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw==", - "dev": true - }, "tlds": { "version": "1.207.0", "resolved": "https://registry.npmjs.org/tlds/-/tlds-1.207.0.tgz", @@ -22516,15 +22312,6 @@ "tslib": "^1.9.3" } }, - "use-subscription": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/use-subscription/-/use-subscription-1.4.1.tgz", - "integrity": "sha512-7+IIwDG/4JICrWHL/Q/ZPK5yozEnvRm6vHImu0LKwQlmWGKeiF7mbAenLlK/cTNXrTtXHU/SFASQHzB6+oSJMQ==", - "dev": true, - "requires": { - "object-assign": "^4.1.1" - } - }, "util": { "version": "0.10.3", "resolved": "https://registry.npmjs.org/util/-/util-0.10.3.tgz", @@ -23758,12 +23545,6 @@ "@babel/runtime-corejs3": "^7.8.3" } }, - "xstate": { - "version": "4.10.0", - "resolved": "https://registry.npmjs.org/xstate/-/xstate-4.10.0.tgz", - "integrity": "sha512-nncQ9gW+xgk5iUEvpBOXhbzSCS0uwzzT4bOAXxo6oUoALgbxzqEyMmaMYwuvOHrabDTdMJYnF+xe2XD8RRgWmA==", - "dev": true - }, "xtend": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz", diff --git a/ui/package.json b/ui/package.json index 647dd9cc3..6efff6fd5 100644 --- a/ui/package.json +++ b/ui/package.json @@ -89,8 +89,7 @@ "node-sass": "4.14.1", "prettier": "2.0.5", "puppeteer": "3.3.0", - "source-map-explorer": "2.4.2", - "storybook-addon-performance": "0.11.0" + "source-map-explorer": "2.4.2" }, "browserslist": [ ">= 1%",