diff options
| -rw-r--r-- | package.json | 4 | ||||
| -rw-r--r-- | src/App.tsx | 52 | ||||
| -rw-r--r-- | src/components/FormListing.tsx | 13 | ||||
| -rw-r--r-- | src/components/HeaderBar/index.tsx | 8 | ||||
| -rw-r--r-- | src/pages/FormPage.tsx | 12 | ||||
| -rw-r--r-- | src/tests/components/FormListing.test.tsx | 14 | ||||
| -rw-r--r-- | yarn.lock | 141 | 
7 files changed, 228 insertions, 16 deletions
| diff --git a/package.json b/package.json index 01a52d5..98814fe 100644 --- a/package.json +++ b/package.json @@ -15,10 +15,14 @@      "@types/node": "^12.0.0",      "@types/react": "^16.9.0",      "@types/react-dom": "^16.9.0", +    "@types/react-router-dom": "^5.1.5", +    "@types/react-transition-group": "^4.4.0",      "react": "^16.13.1",      "react-dom": "^16.13.1",      "react-inlinesvg": "^2.1.0", +    "react-router-dom": "^5.2.0",      "react-scripts": "3.4.3", +    "react-transition-group": "^4.4.1",      "typescript": "~3.7.2"    },    "scripts": { diff --git a/src/App.tsx b/src/App.tsx index d372e2f..56fbd17 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,8 +1,18 @@  /** @jsx jsx */ +/** @global location */  import { css, jsx, Global } from "@emotion/core"; +import { +  BrowserRouter as Router, +  Route, +  Switch +} from "react-router-dom"; + +import { CSSTransition, TransitionGroup } from "react-transition-group"; +  import LandingPage from "./pages/LandingPage";  import colors from "./colors"; +import FormPage from "./pages/FormPage";  const globalStyles = css`  @import url('https://fonts.googleapis.com/css2?family=Hind:wght@700&display=swap'); @@ -18,13 +28,53 @@ body {    font-family: "Hind", "Helvetica", "Arial", sans-serif;    margin: 0;  } + +.fade-enter, +.fade-exit { +  position: absolute; +  top: 0; +  left: 0; +  transition: 300ms ease opacity; +  width: 100%; +} + +.fade-enter, +.fade-exit-active { +  opacity: 0; +} + +.fade-enter-active { +  opacity: 1; +  z-index: 1; +}  `; +const routes = [ +  { path: "/", Component: LandingPage }, +  { path: "/form", Component: FormPage} +] +  function App() {    return (      <div>        <Global styles={globalStyles}/> -      <LandingPage/> +      <Router> +        <Route render={({ location }) => ( +          <TransitionGroup> +            <CSSTransition +              key={location.pathname} +              classNames="fade" +              timeout={300} +            > +              <Switch location={location}> +                {routes.map(({path, Component}) => ( +                  <Route exact path={path} component={Component}/> +                ))} +              </Switch> +            </CSSTransition> +          </TransitionGroup> +        )}/> +      </Router>      </div>    );  }; diff --git a/src/components/FormListing.tsx b/src/components/FormListing.tsx index 58f21f8..09b3134 100644 --- a/src/components/FormListing.tsx +++ b/src/components/FormListing.tsx @@ -1,5 +1,6 @@  /** @jsx jsx */  import { css, jsx } from "@emotion/core"; +import { Link } from "react-router-dom";  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';  import { faArrowRight } from "@fortawesome/free-solid-svg-icons"; @@ -24,6 +25,8 @@ function FormListing(props: FormListingProps) {      border-radius: 10px;      transition-property: transform, width;      transition-duration: 500ms; +    text-decoration: none; +    color: inherit;      @media (max-width: 575px) {        width: 80%; @@ -40,10 +43,12 @@ function FormListing(props: FormListingProps) {      closedTag = <Tag text="CLOSED" color={colors.error}/>    }; -  return <div css={listingStyle}> -    <h3 css={{fontSize: "1.5em", marginBottom: "0"}}>{closedTag}{props.title} <FontAwesomeIcon icon={faArrowRight} css={{fontSize: "0.75em", paddingBottom: "1px"}}/></h3> -    <p css={{marginTop: "5px"}}>{props.description}</p> -  </div> +  return <Link to="/form" css={listingStyle}> +    <div> +      <h3 css={{fontSize: "1.5em", marginBottom: "0"}}>{closedTag}{props.title} <FontAwesomeIcon icon={faArrowRight} css={{fontSize: "0.75em", paddingBottom: "1px"}}/></h3> +      <p css={{marginTop: "5px"}}>{props.description}</p> +    </div> +  </Link>  }  export default FormListing; diff --git a/src/components/HeaderBar/index.tsx b/src/components/HeaderBar/index.tsx index 94dd900..6289dfc 100644 --- a/src/components/HeaderBar/index.tsx +++ b/src/components/HeaderBar/index.tsx @@ -46,11 +46,15 @@ function HeaderBar() {          font-size: 2em;        } -      @media (max-width: 400px) { -        font-size: 1.5em; +      @media (max-width: 450px) { +        font-size: 1.70em;          text-align: center;          margin-left: 0;        } + +      @media (max-width: 400px) { +        font-size: 1.3em; +      }      `}>        Python Discord Forms      </h1> diff --git a/src/pages/FormPage.tsx b/src/pages/FormPage.tsx new file mode 100644 index 0000000..aa4cec3 --- /dev/null +++ b/src/pages/FormPage.tsx @@ -0,0 +1,12 @@ +/** @jsx jsx */ +import { jsx } from "@emotion/core"; +import { Link } from "react-router-dom"; + +function FormPage() { +    return <div css={{marginLeft: "20px"}}> +        <h1>Form page</h1> +        <Link to="/" css={{color: "white"}}>Go home</Link> +    </div> +} + +export default FormPage; diff --git a/src/tests/components/FormListing.test.tsx b/src/tests/components/FormListing.test.tsx index 26c7c93..cb06201 100644 --- a/src/tests/components/FormListing.test.tsx +++ b/src/tests/components/FormListing.test.tsx @@ -2,28 +2,30 @@ import React from 'react';  import { render } from '@testing-library/react';  import FormListing from "../../components/FormListing"; +import { BrowserRouter as Router } from 'react-router-dom'; +  test('renders form listing with specified title', () => { -    const { getByText } = render(<FormListing title="Example form listing" description="My form listing" open={true} />); +    const { getByText } = render(<Router><FormListing title="Example form listing" description="My form listing" open={true} /></Router>);      const formListing = getByText(/Example form listing/i);      expect(formListing).toBeInTheDocument();  });  test('renders form listing with specified description', () => { -    const { getByText } = render(<FormListing title="Example form listing" description="My form listing" open={true} />); +    const { getByText } = render(<Router><FormListing title="Example form listing" description="My form listing" open={true} /></Router>);      const formListing = getByText(/My form listing/i);      expect(formListing).toBeInTheDocument();  });  test('renders form listing with background green colour for open', () => { -    const { container } = render(<FormListing title="Example form listing" description="My form listing" open={true} />); -    const elem = container.querySelector("div"); +    const { container } = render(<Router><FormListing title="Example form listing" description="My form listing" open={true} /></Router>); +    const elem = container.querySelector("a");      const style = window.getComputedStyle(elem);      expect(style.backgroundColor).toBe("rgb(67, 181, 129)");  });  test('renders form listing with background dark colour for closed', () => { -    const { container } = render(<FormListing title="Example form listing" description="My form listing" open={false} />); -    const elem = container.querySelector("div"); +    const { container } = render(<Router><FormListing  title="Example form listing" description="My form listing" open={false} /></Router>); +    const elem = container.querySelector("a");      const style = window.getComputedStyle(elem);      expect(style.backgroundColor).toBe("rgb(44, 47, 51)");  }); @@ -1108,7 +1108,7 @@    dependencies:      regenerator-runtime "^0.13.4" -"@babel/runtime@^7.0.0", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.3", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4": +"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.3", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7":    version "7.11.2"    resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.11.2.tgz#f549c13c754cc40b87644b9fa9f09a6a95fe0736"    integrity sha512-TeWkU52so0mPtDcaCTxNBI/IHiz0pZgr8VEFqXFtZWpYD08ZB6FaSwVAS8MKRQAP3bYKiVjwysOJgMFY28o6Tw== @@ -1709,6 +1709,11 @@      "@types/minimatch" "*"      "@types/node" "*" +"@types/history@*": +  version "4.7.8" +  resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.8.tgz#49348387983075705fe8f4e02fb67f7daaec4934" +  integrity sha512-S78QIYirQcUoo6UJZx9CSP0O2ix9IaeAXwQi26Rhr/+mg7qqPy8TzaxHSUut7eGjL8WmLccT7/MXf304WjqHcA== +  "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":    version "2.0.3"    resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.3.tgz#4ba8ddb720221f432e443bd5f9117fd22cfd4762" @@ -1785,6 +1790,30 @@    dependencies:      "@types/react" "*" +"@types/react-router-dom@^5.1.5": +  version "5.1.5" +  resolved "https://registry.yarnpkg.com/@types/react-router-dom/-/react-router-dom-5.1.5.tgz#7c334a2ea785dbad2b2dcdd83d2cf3d9973da090" +  integrity sha512-ArBM4B1g3BWLGbaGvwBGO75GNFbLDUthrDojV2vHLih/Tq8M+tgvY1DSwkuNrPSwdp/GUL93WSEpTZs8nVyJLw== +  dependencies: +    "@types/history" "*" +    "@types/react" "*" +    "@types/react-router" "*" + +"@types/react-router@*": +  version "5.1.8" +  resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-5.1.8.tgz#4614e5ba7559657438e17766bb95ef6ed6acc3fa" +  integrity sha512-HzOyJb+wFmyEhyfp4D4NYrumi+LQgQL/68HvJO+q6XtuHSDvw6Aqov7sCAhjbNq3bUPgPqbdvjXC5HeB2oEAPg== +  dependencies: +    "@types/history" "*" +    "@types/react" "*" + +"@types/react-transition-group@^4.4.0": +  version "4.4.0" +  resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.0.tgz#882839db465df1320e4753e6e9f70ca7e9b4d46d" +  integrity sha512-/QfLHGpu+2fQOqQaXh8MG9q03bFENooTb/it4jr5kKaZlDQfWvjqWZg48AwzPVMBHlRuTRAY7hRHCEOXz5kV6w== +  dependencies: +    "@types/react" "*" +  "@types/react@*", "@types/react@^16.9.0":    version "16.9.49"    resolved "https://registry.yarnpkg.com/@types/react/-/react-16.9.49.tgz#09db021cf8089aba0cdb12a49f8021a69cce4872" @@ -4003,6 +4032,14 @@ dom-converter@^0.2:    dependencies:      utila "~0.4" +dom-helpers@^5.0.1: +  version "5.2.0" +  resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.0.tgz#57fd054c5f8f34c52a3eeffdb7e7e93cd357d95b" +  integrity sha512-Ru5o9+V8CpunKnz5LGgWXkmrH/20cGKwcHwS4m73zIvs54CN9epEmT/HLqFJW3kXpakAFkEdzgy1hzlJe3E4OQ== +  dependencies: +    "@babel/runtime" "^7.8.7" +    csstype "^3.0.2" +  dom-serializer@0:    version "0.2.2"    resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51" @@ -5293,6 +5330,18 @@ hex-color-regex@^1.1.0:    resolved "https://registry.yarnpkg.com/hex-color-regex/-/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e"    integrity sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ== +history@^4.9.0: +  version "4.10.1" +  resolved "https://registry.yarnpkg.com/history/-/history-4.10.1.tgz#33371a65e3a83b267434e2b3f3b1b4c58aad4cf3" +  integrity sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew== +  dependencies: +    "@babel/runtime" "^7.1.2" +    loose-envify "^1.2.0" +    resolve-pathname "^3.0.0" +    tiny-invariant "^1.0.2" +    tiny-warning "^1.0.0" +    value-equal "^1.0.1" +  hmac-drbg@^1.0.0:    version "1.0.1"    resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1" @@ -5302,6 +5351,13 @@ hmac-drbg@^1.0.0:      minimalistic-assert "^1.0.0"      minimalistic-crypto-utils "^1.0.1" +hoist-non-react-statics@^3.1.0: +  version "3.3.2" +  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45" +  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw== +  dependencies: +    react-is "^16.7.0" +  hosted-git-info@^2.1.4:    version "2.8.8"    resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.8.tgz#7539bd4bc1e0e0a895815a2e0262420b12858488" @@ -5971,6 +6027,11 @@ is-wsl@^2.1.1:    dependencies:      is-docker "^2.0.0" +  version "0.0.1" +  resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf" +  integrity sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8= +  [email protected], isarray@^1.0.0, isarray@~1.0.0:    version "1.0.0"    resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11" @@ -6821,7 +6882,7 @@ loglevel@^1.6.8:    resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.7.0.tgz#728166855a740d59d38db01cf46f042caa041bb0"    integrity sha512-i2sY04nal5jDcagM3FMfG++T69GEEM8CYuOfeOIvmXzOIcwE9a/CJPR0MFM97pYMj/u10lzz7/zd7+qwhrBTqQ== -loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0: +loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1, loose-envify@^1.4.0:    version "1.4.0"    resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"    integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q== @@ -7019,6 +7080,14 @@ min-indent@^1.0.0:    resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"    integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg== +mini-create-react-context@^0.4.0: +  version "0.4.0" +  resolved "https://registry.yarnpkg.com/mini-create-react-context/-/mini-create-react-context-0.4.0.tgz#df60501c83151db69e28eac0ef08b4002efab040" +  integrity sha512-b0TytUgFSbgFJGzJqXPKCFCBWigAjpjo+Fl7Vf7ZbKRDptszpppKxXH6DRXEABZ/gcEQczeb0iZ7JvL8e8jjCA== +  dependencies: +    "@babel/runtime" "^7.5.5" +    tiny-warning "^1.0.3" +    version "0.9.0"    resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.9.0.tgz#47f2cf07aa165ab35733b1fc97d4c46c0564339e" @@ -7766,6 +7835,13 @@ [email protected]:    resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"    integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w= +path-to-regexp@^1.7.0: +  version "1.8.0" +  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.8.0.tgz#887b3ba9d84393e87a0a0b9f4cb756198b53548a" +  integrity sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA== +  dependencies: +    isarray "0.0.1" +  path-type@^2.0.0:    version "2.0.0"    resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73" @@ -8875,11 +8951,40 @@ react-inlinesvg@^2.1.0:      exenv "^1.2.2"      react-from-dom "^0.4.2" -react-is@^16.12.0, react-is@^16.8.1, react-is@^16.8.4: +react-is@^16.12.0, react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.4:    version "16.13.1"    resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"    integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== +react-router-dom@^5.2.0: +  version "5.2.0" +  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.2.0.tgz#9e65a4d0c45e13289e66c7b17c7e175d0ea15662" +  integrity sha512-gxAmfylo2QUjcwxI63RhQ5G85Qqt4voZpUXSEqCwykV0baaOTQDR1f0PmY8AELqIyVc0NEZUj0Gov5lNGcXgsA== +  dependencies: +    "@babel/runtime" "^7.1.2" +    history "^4.9.0" +    loose-envify "^1.3.1" +    prop-types "^15.6.2" +    react-router "5.2.0" +    tiny-invariant "^1.0.2" +    tiny-warning "^1.0.0" + +  version "5.2.0" +  resolved "https://registry.yarnpkg.com/react-router/-/react-router-5.2.0.tgz#424e75641ca8747fbf76e5ecca69781aa37ea293" +  integrity sha512-smz1DUuFHRKdcJC0jobGo8cVbhO3x50tCL4icacOlcwDOEQPq4TMqwx3sY1TP+DvtTgz4nm3thuo7A+BK2U0Dw== +  dependencies: +    "@babel/runtime" "^7.1.2" +    history "^4.9.0" +    hoist-non-react-statics "^3.1.0" +    loose-envify "^1.3.1" +    mini-create-react-context "^0.4.0" +    path-to-regexp "^1.7.0" +    prop-types "^15.6.2" +    react-is "^16.6.0" +    tiny-invariant "^1.0.2" +    tiny-warning "^1.0.0" +    version "3.4.3"    resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-3.4.3.tgz#21de5eb93de41ee92cd0b85b0e1298d0bb2e6c51" @@ -8940,6 +9045,16 @@ [email protected]:    optionalDependencies:      fsevents "2.1.2" +react-transition-group@^4.4.1: +  version "4.4.1" +  resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.1.tgz#63868f9325a38ea5ee9535d828327f85773345c9" +  integrity sha512-Djqr7OQ2aPUiYurhPalTrVy9ddmFCCzwhqQmtN+J3+3DzLO209Fdr70QrN8Z3DsglWql6iY1lDWAfpFiBtuKGw== +  dependencies: +    "@babel/runtime" "^7.5.5" +    dom-helpers "^5.0.1" +    loose-envify "^1.4.0" +    prop-types "^15.6.2" +  react@^16.13.1:    version "16.13.1"    resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e" @@ -9232,6 +9347,11 @@ resolve-from@^4.0.0:    resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"    integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g== +resolve-pathname@^3.0.0: +  version "3.0.0" +  resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-3.0.0.tgz#99d02224d3cf263689becbb393bc560313025dcd" +  integrity sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng== +    version "3.1.1"    resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-3.1.1.tgz#28931895fa1eab9be0647d3b2958c100ae3c0bf0" @@ -10241,6 +10361,16 @@ timsort@^0.3.0:    resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"    integrity sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q= +tiny-invariant@^1.0.2: +  version "1.1.0" +  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.1.0.tgz#634c5f8efdc27714b7f386c35e6760991d230875" +  integrity sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw== + +tiny-warning@^1.0.0, tiny-warning@^1.0.3: +  version "1.0.3" +  resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754" +  integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA== +  tmp@^0.0.33:    version "0.0.33"    resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9" @@ -10591,6 +10721,11 @@ validate-npm-package-license@^3.0.1:      spdx-correct "^3.0.0"      spdx-expression-parse "^3.0.0" +value-equal@^1.0.1: +  version "1.0.1" +  resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-1.0.1.tgz#1e0b794c734c5c0cade179c437d356d931a34d6c" +  integrity sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw== +  vary@~1.1.2:    version "1.1.2"    resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc" | 
