diff --git a/ui/.storybook/preview.js b/ui/.storybook/preview.js index 94834c7eb..c47e9ce2f 100644 --- a/ui/.storybook/preview.js +++ b/ui/.storybook/preview.js @@ -1,11 +1,4 @@ -import { - configure, - getStorybook, - setAddon, - addDecorator, -} from "@storybook/react"; - -import createPercyAddon from "@percy-io/percy-storybook"; +import { configure, getStorybook, addDecorator } from "@storybook/react"; import { advanceTo } from "jest-date-mock"; @@ -19,9 +12,6 @@ import { config } from "react-transition-group"; config.disabled = true; -const { percyAddon, serializeStories } = createPercyAddon(); -setAddon(percyAddon); - // mock date so the silence form always shows same preview advanceTo(new Date(Date.UTC(2018, 7, 14, 17, 36, 40))); diff --git a/ui/package-lock.json b/ui/package-lock.json index 92b7b4434..8b0e9ae87 100644 --- a/ui/package-lock.json +++ b/ui/package-lock.json @@ -2016,10 +2016,41 @@ } } }, - "@percy-io/percy-storybook": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/@percy-io/percy-storybook/-/percy-storybook-2.1.0.tgz", - "integrity": "sha512-UozRqneH919N4VdAGhFlMppFwj1cR3mNlCtIMCfpd3bMdxLDLyYcrtsHlb3Xjv3icVJupZ23JS+uvoLGPOi3YQ==", + "@percy/react-percy-api-client": { + "version": "0.4.6", + "resolved": "https://registry.npmjs.org/@percy/react-percy-api-client/-/react-percy-api-client-0.4.6.tgz", + "integrity": "sha512-tbzw8i/iNFJpfw8m+Bgg6dGtLX5VEVyafLidw1rL+LoQ/FgiAgM9/wAzlCnPjyiF2QNaVNhkij9y6HHsNlfevQ==", + "dev": true, + "requires": { + "babel-runtime": "^6.26.0", + "debug": "^2.6.3", + "es6-promise-pool": "^2.4.4", + "mime-types": "^2.1.14", + "percy-client": "^3.0.0", + "slugify": "^1.1.0" + }, + "dependencies": { + "debug": { + "version": "2.6.9", + "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", + "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", + "dev": true, + "requires": { + "ms": "2.0.0" + } + }, + "ms": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", + "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", + "dev": true + } + } + }, + "@percy/storybook": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/@percy/storybook/-/storybook-3.3.1.tgz", + "integrity": "sha512-xhRR+BAQMSr2NlOmIFOqdy+kHx6a2RGBZ2/+7rhqhpyHzjWCATaKG/gU3b7qxHz9Jdk9KYVdyMtgHrndtAazgw==", "dev": true, "requires": { "@percy/react-percy-api-client": "^0.4.6", @@ -2290,37 +2321,6 @@ } } }, - "@percy/react-percy-api-client": { - "version": "0.4.6", - "resolved": "https://registry.npmjs.org/@percy/react-percy-api-client/-/react-percy-api-client-0.4.6.tgz", - "integrity": "sha512-tbzw8i/iNFJpfw8m+Bgg6dGtLX5VEVyafLidw1rL+LoQ/FgiAgM9/wAzlCnPjyiF2QNaVNhkij9y6HHsNlfevQ==", - "dev": true, - "requires": { - "babel-runtime": "^6.26.0", - "debug": "^2.6.3", - "es6-promise-pool": "^2.4.4", - "mime-types": "^2.1.14", - "percy-client": "^3.0.0", - "slugify": "^1.1.0" - }, - "dependencies": { - "debug": { - "version": "2.6.9", - "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz", - "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==", - "dev": true, - "requires": { - "ms": "2.0.0" - } - }, - "ms": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz", - "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=", - "dev": true - } - } - }, "@pmmmwh/react-refresh-webpack-plugin": { "version": "0.4.3", "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.4.3.tgz", diff --git a/ui/package.json b/ui/package.json index 0bf156554..9aa3de34a 100644 --- a/ui/package.json +++ b/ui/package.json @@ -80,7 +80,7 @@ "typescript": "4.2.4" }, "devDependencies": { - "@percy-io/percy-storybook": "2.1.0", + "@percy/storybook": "3.3.1", "@storybook/preset-create-react-app": "3.1.7", "@storybook/react": "6.2.7", "@testing-library/react-hooks": "5.1.1",