From 144e52daa5ed0d7763317f815524ef76574208b9 Mon Sep 17 00:00:00 2001 From: granen32 Date: Sun, 10 Sep 2023 01:01:54 +0900 Subject: [PATCH] git pull --- package.json | 3 + src/components/breeders/BreederCard.tsx | 2 +- .../common/select/OptionsSelected.tsx | 83 ++++++++ src/components/mypage/sidemenuItem.ts | 2 +- src/constants.ts | 4 +- src/layout/MypageLayout.tsx | 5 + src/pages/Router.tsx | 9 +- src/pages/{ => mypage}/breeders/[id].tsx | 2 +- src/pages/{ => mypage}/breeders/index.tsx | 0 src/pages/mypage/breeders/reviews/index.ts | 1 + src/pages/mypage/breeders/reviews/reviews.tsx | 85 ++++++++ src/pages/mypage/breeders/reviews/style.ts | 0 src/styles/GlobalStyle.ts | 2 + tsconfig.json | 3 + tsconfig.paths.json | 9 + yarn.lock | 182 +++++++++++++++++- 16 files changed, 380 insertions(+), 12 deletions(-) create mode 100644 src/components/common/select/OptionsSelected.tsx rename src/pages/{ => mypage}/breeders/[id].tsx (94%) rename src/pages/{ => mypage}/breeders/index.tsx (100%) create mode 100644 src/pages/mypage/breeders/reviews/index.ts create mode 100644 src/pages/mypage/breeders/reviews/reviews.tsx create mode 100644 src/pages/mypage/breeders/reviews/style.ts create mode 100644 tsconfig.paths.json diff --git a/package.json b/package.json index 58b660d3..77dd3b24 100644 --- a/package.json +++ b/package.json @@ -5,6 +5,8 @@ "dependencies": { "@emotion/react": "^11.11.1", "@emotion/styled": "^11.11.0", + "@mui/material": "^5.14.8", + "@mui/styled-engine-sc": "^5.14.8", "@tanstack/react-query": "^4.32.6", "@testing-library/jest-dom": "^5.14.1", "@testing-library/react": "^13.0.0", @@ -27,6 +29,7 @@ "react-scripts": "5.0.1", "react-test-renderer": "^18.2.0", "styled-components": "^6.0.7", + "styled-reset": "^4.5.1", "typescript": "^5.1.6", "web-vitals": "^2.1.0", "yarn": "^1.22.19" diff --git a/src/components/breeders/BreederCard.tsx b/src/components/breeders/BreederCard.tsx index c6af07cb..041359a6 100644 --- a/src/components/breeders/BreederCard.tsx +++ b/src/components/breeders/BreederCard.tsx @@ -1,6 +1,6 @@ import Board from 'components/common/board/Board'; import { PATHS } from '../../constants'; -import { IBreeder } from 'pages/breeders'; +import { IBreeder } from 'pages/mypage/breeders'; import { Link } from 'react-router-dom'; import { styled } from 'styled-components'; import { ReactComponent as Badge } from 'assets/images/badge.svg'; diff --git a/src/components/common/select/OptionsSelected.tsx b/src/components/common/select/OptionsSelected.tsx new file mode 100644 index 00000000..985cd81b --- /dev/null +++ b/src/components/common/select/OptionsSelected.tsx @@ -0,0 +1,83 @@ +import React, { useRef } from 'react'; +import { styled } from 'styled-components'; + +interface Option { + value: string; + label: string; +} +interface SelectOptionProps { + selectedValue: string | undefined; + onSelect: (value: string) => void; + options: Option[]; + optionStyle?: React.CSSProperties; + selectedOptionStyle?: React.CSSProperties; + placeholder: string | undefined; +} +const CustomSelect = styled.div` + position: relative; + max-width: 240px; + font-size: 0; + display: flex; +`; +const Select = styled.select` + width: 100%; + height: 3rem; + font-size: 1rem; + padding-left: 2rem; + border: 1px solid#dddddd; + border-radius: 1rem; + box-sizing: border-box; + background-color: #fff; + color: #939393; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +`; +const IconSVG = styled.svg` + margin-left: -44px; + align-self: center; + width: 32px; + height: 32px; +`; +const StyledOption = styled.option<{ isSelected: boolean }>` + cursor: pointer; + background-color: ${(props) => (props.isSelected ? 'lightblue' : 'white')}; + font-weight: ${(props) => (props.isSelected ? 'bold' : 'normal')}; +`; + +const SelectOption: React.FC = ({ selectedValue, onSelect, options, placeholder }) => { + const containerRef = useRef(null); + return ( + + + + + + + + + ); +}; + +export default SelectOption; +const Container = styled.div` + display: flex; + flex-direction: column; + position: relative; + width: 100%; + margin-bottom: 1rem; +`; diff --git a/src/components/mypage/sidemenuItem.ts b/src/components/mypage/sidemenuItem.ts index 47ecef30..cc9024b5 100644 --- a/src/components/mypage/sidemenuItem.ts +++ b/src/components/mypage/sidemenuItem.ts @@ -12,7 +12,7 @@ export const adoptmenuItem: ISidemenuItem[] = [ }, { name: '분양후기 관리', - path: PATHS.mypage.review, + path: PATHS.mypage.reviews, }, { name: '프로필 관리', diff --git a/src/constants.ts b/src/constants.ts index b52c04b2..73e588d6 100644 --- a/src/constants.ts +++ b/src/constants.ts @@ -1,7 +1,7 @@ /** 상수 */ export const CONSTANTS = { get API_URL() { - const url = process.env.REACT_APP_API_URL || "http://3.38.43.179:8080"; + const url = process.env.REACT_APP_API_URL || 'http://3.38.43.179:8080'; if (!url) { throw new Error('API_URL 환경변수가 설정되지 않았습니다.'); } @@ -103,7 +103,7 @@ export const PATHS = { /**분양 신청 내역 */ adopt: '/mypage/adopt', /**분양 후기 관리 */ - review: '/mypage/review', + reviews: '/mypage/reviews', /** 보유견종 관리 */ breed: { /** 보유견종 관리 루트 */ diff --git a/src/layout/MypageLayout.tsx b/src/layout/MypageLayout.tsx index de2d1507..90284dad 100644 --- a/src/layout/MypageLayout.tsx +++ b/src/layout/MypageLayout.tsx @@ -142,6 +142,11 @@ MypageLayout.Header = styled.div` display: flex; justify-content: space-between; `; +MypageLayout.ContentsHeaders = styled.div` + display: flex; + justify-content: space-between; + align-items: center; +`; MypageLayout.Content = styled.div``; diff --git a/src/pages/Router.tsx b/src/pages/Router.tsx index 14b79714..76a5010b 100644 --- a/src/pages/Router.tsx +++ b/src/pages/Router.tsx @@ -19,8 +19,7 @@ import Footer from '../components/common/footer/Footer'; import SignUpStep1 from './signup/step-1'; import SignUpStep2 from './signup/step-2'; import SignUpStep3 from './signup/step-3'; -import Breeders from './breeders'; -import Reserve from './reserve'; +import Breeders from './mypage/breeders'; import Adopt from './mypage/adopt'; import Breed from './mypage/breed'; import Modify from './mypage/modify'; @@ -29,11 +28,13 @@ import Profile from './mypage/profile'; import Review from './mypage/review'; import NewBreed from './mypage/breed/new'; import EditBreed from './mypage/breed/edit'; -import BreederDetail from './breeders/[id]'; +import BreederDetail from './mypage/breeders/[id]'; import { useLogin } from '../api/useLogin'; import UserDetail from './user/[id]'; import Dogs from './dogs'; +import Reviews from './mypage/breeders/reviews/reviews'; +import Reserve from './reserve'; export default function Router() { const { isLoggedIn } = useLogin(); @@ -82,7 +83,7 @@ export default function Router() { 404} /> } /> - } /> + } /> } /> } /> } /> diff --git a/src/pages/breeders/[id].tsx b/src/pages/mypage/breeders/[id].tsx similarity index 94% rename from src/pages/breeders/[id].tsx rename to src/pages/mypage/breeders/[id].tsx index 64fbeff7..543245fb 100644 --- a/src/pages/breeders/[id].tsx +++ b/src/pages/mypage/breeders/[id].tsx @@ -1,6 +1,6 @@ import axios, { AxiosError, AxiosResponse } from 'axios'; import Detail from 'components/common/detail/Detail'; -import { API_PATHS } from '../../constants'; +import { API_PATHS } from '../../../constants'; import { useEffect, useState } from 'react'; import { useParams } from 'react-router-dom'; import { IBreederDetail } from 'assets/types/User'; diff --git a/src/pages/breeders/index.tsx b/src/pages/mypage/breeders/index.tsx similarity index 100% rename from src/pages/breeders/index.tsx rename to src/pages/mypage/breeders/index.tsx diff --git a/src/pages/mypage/breeders/reviews/index.ts b/src/pages/mypage/breeders/reviews/index.ts new file mode 100644 index 00000000..6320513a --- /dev/null +++ b/src/pages/mypage/breeders/reviews/index.ts @@ -0,0 +1 @@ +export { default as Reviews } from './reviews'; diff --git a/src/pages/mypage/breeders/reviews/reviews.tsx b/src/pages/mypage/breeders/reviews/reviews.tsx new file mode 100644 index 00000000..6c8ac087 --- /dev/null +++ b/src/pages/mypage/breeders/reviews/reviews.tsx @@ -0,0 +1,85 @@ +import Pagination from 'components/common/board/Pagination'; +import Button, { ButtonSize } from 'components/common/button/Button'; +import SearchInput from 'components/common/search/SearchInput'; +import MypageLayout from 'layout/MypageLayout'; +import { API_PATHS } from '@constants'; +import { Link } from 'react-router-dom'; +import { useMemo, useState } from 'react'; +import { Page } from 'pageable-response'; +import MypageForm from 'layout/MypageForm'; +import SelectOption from 'components/common/select/OptionsSelected'; +interface Option { + value: string; + label: string; +} +const options: Option[] = [ + { value: '전체', label: '전체' }, + { value: '견종', label: '견종' }, + { value: '제목', label: '제목' }, + { value: '강아지 이름', label: '강아지 이름' }, +]; +const Reviews = () => { + const [page, setPage] = useState(1); + const [pageInfo, setPageInfo] = useState({ + totalPages: 0, + first: false, + last: false, + number: 0, + }); + const [selectedOption, setSelectedOption] = useState(undefined); + const handleOptionSelect = (value: string) => { + setSelectedOption(value); + }; + return ( + + + + 분양후기 관리 + + console.log(v)} /> + + + + setPage(page)} + /> + + + + + + + ); +}; + +export default Reviews; diff --git a/src/pages/mypage/breeders/reviews/style.ts b/src/pages/mypage/breeders/reviews/style.ts new file mode 100644 index 00000000..e69de29b diff --git a/src/styles/GlobalStyle.ts b/src/styles/GlobalStyle.ts index 8b837a0b..56f5209e 100644 --- a/src/styles/GlobalStyle.ts +++ b/src/styles/GlobalStyle.ts @@ -1,6 +1,8 @@ import { createGlobalStyle } from 'styled-components'; +import reset from 'styled-reset'; const GlobalStyle = createGlobalStyle` + ${reset}, * { margin: 0; padding: 0; diff --git a/tsconfig.json b/tsconfig.json index 55287281..edbc20c4 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,4 +1,5 @@ { + "extends": "./tsconfig.paths.json", "compilerOptions": { "baseUrl": "src", "target": "es5", @@ -25,4 +26,6 @@ "src" ], "exclude": ["node_modules"], + "types": ["@types/jest"], + "allowSyntheticDefaultImports": true } diff --git a/tsconfig.paths.json b/tsconfig.paths.json new file mode 100644 index 00000000..229f3764 --- /dev/null +++ b/tsconfig.paths.json @@ -0,0 +1,9 @@ +{ + "compilerOptions": { + "baseUrl": "./src", + "paths": { + "~/*": ["./*"], + "@constants": ["constants.ts"], + } + } +} diff --git a/yarn.lock b/yarn.lock index 8bd0c291..cfc309ba 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1157,6 +1157,13 @@ dependencies: regenerator-runtime "^0.14.0" +"@babel/runtime@^7.22.10", "@babel/runtime@^7.8.7": + version "7.22.15" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.15.tgz#38f46494ccf6cf020bd4eed7124b425e83e523b8" + integrity sha512-T0O+aa+4w0u06iNmapipJXMV4HoUir03hpx3/YqXXhu9xim3w+dVphjFWl1OH8NbZHw5Lbm9k45drDkgq2VNNA== + dependencies: + regenerator-runtime "^0.14.0" + "@babel/template@^7.22.5", "@babel/template@^7.3.3": version "7.22.5" resolved "https://registry.npmjs.org/@babel/template/-/template-7.22.5.tgz" @@ -1458,6 +1465,33 @@ resolved "https://registry.npmjs.org/@eslint/js/-/js-8.46.0.tgz" integrity sha512-a8TLtmPi8xzPkCbp/OGFUo5yhRkHM2Ko9kOWP4znJr0WAhWyThaw3PnwX4vOTWOAMsV2uRt32PPDcEz63esSaA== +"@floating-ui/core@^1.4.1": + version "1.4.1" + resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.4.1.tgz#0d633f4b76052668afb932492ac452f7ebe97f17" + integrity sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ== + dependencies: + "@floating-ui/utils" "^0.1.1" + +"@floating-ui/dom@^1.5.1": + version "1.5.1" + resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.5.1.tgz#88b70defd002fe851f17b4a25efb2d3c04d7a8d7" + integrity sha512-KwvVcPSXg6mQygvA1TjbN/gh///36kKtllIF8SUm0qpFj8+rvYrpvlYdL1JoA71SHpDqgSSdGOSoQ0Mp3uY5aw== + dependencies: + "@floating-ui/core" "^1.4.1" + "@floating-ui/utils" "^0.1.1" + +"@floating-ui/react-dom@^2.0.1": + version "2.0.2" + resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.0.2.tgz#fab244d64db08e6bed7be4b5fcce65315ef44d20" + integrity sha512-5qhlDvjaLmAst/rKb3VdlCinwTF4EYMiVxuuc/HVUjs46W0zgtbMmAZ1UTsDrRTxRmUEzl92mOtWbeeXL26lSQ== + dependencies: + "@floating-ui/dom" "^1.5.1" + +"@floating-ui/utils@^0.1.1": + version "0.1.1" + resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.1.1.tgz#1a5b1959a528e374e8037c4396c3e825d6cf4a83" + integrity sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw== + "@humanwhocodes/config-array@^0.11.10": version "0.11.10" resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz" @@ -1748,6 +1782,101 @@ resolved "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz" integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A== +"@mui/base@5.0.0-beta.14": + version "5.0.0-beta.14" + resolved "https://registry.yarnpkg.com/@mui/base/-/base-5.0.0-beta.14.tgz#315b67b0fd231cbd47e8d54f8f92be23122e4d66" + integrity sha512-Je/9JzzYObsuLCIClgE8XvXNFb55IEz8n2NtStUfASfNiVrwiR8t6VVFFuhofehkyTIN34tq1qbBaOjCnOovBw== + dependencies: + "@babel/runtime" "^7.22.10" + "@emotion/is-prop-valid" "^1.2.1" + "@floating-ui/react-dom" "^2.0.1" + "@mui/types" "^7.2.4" + "@mui/utils" "^5.14.8" + "@popperjs/core" "^2.11.8" + clsx "^2.0.0" + prop-types "^15.8.1" + react-is "^18.2.0" + +"@mui/core-downloads-tracker@^5.14.8": + version "5.14.8" + resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.8.tgz#9117bd29e94e96dc376f93a28e024666a2456696" + integrity sha512-8V7ZOC/lKkM03TRHqaThQFIq6bWPnj7L/ZWPh0ymldYFFyh8XdF0ywTgafsofDNYT4StlNknbaTjVHBma3SNjQ== + +"@mui/material@^5.14.8": + version "5.14.8" + resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.14.8.tgz#1cad40f106f7c983639376589c3f21485fb1d166" + integrity sha512-fqvDGGF1pXwOOL/f0Gw+KHo/67hasRpf2ApTIJkbuONOk9AUb2jnYMEqCWmL2sUcbbE3ShMbHl8N7HPSsRv1/A== + dependencies: + "@babel/runtime" "^7.22.10" + "@mui/base" "5.0.0-beta.14" + "@mui/core-downloads-tracker" "^5.14.8" + "@mui/system" "^5.14.8" + "@mui/types" "^7.2.4" + "@mui/utils" "^5.14.8" + "@types/react-transition-group" "^4.4.6" + clsx "^2.0.0" + csstype "^3.1.2" + prop-types "^15.8.1" + react-is "^18.2.0" + react-transition-group "^4.4.5" + +"@mui/private-theming@^5.14.8": + version "5.14.8" + resolved "https://registry.yarnpkg.com/@mui/private-theming/-/private-theming-5.14.8.tgz#8e224cd10c531d12b871dc59b1f9376028dd13bb" + integrity sha512-iBzpcl3Mh92XaYpYPdgzzRxNGkjpoDz8rf8/q5m+EBPowFEHV+CCS9hC0Q2pOKLW3VFFikA7w/GHt7n++40JGQ== + dependencies: + "@babel/runtime" "^7.22.10" + "@mui/utils" "^5.14.8" + prop-types "^15.8.1" + +"@mui/styled-engine-sc@^5.14.8": + version "5.14.8" + resolved "https://registry.yarnpkg.com/@mui/styled-engine-sc/-/styled-engine-sc-5.14.8.tgz#464f7c77a8e05fa1eec6a63d610291c2d5679f28" + integrity sha512-s4bu3oqE2s3eeB6v/03NRB0N0yswA74Azn6N53PPq87dsvGOyvKLj707bJe+9HfbcbkdksQXP+2NUDmtmUDcig== + dependencies: + "@babel/runtime" "^7.22.10" + prop-types "^15.8.1" + +"@mui/styled-engine@^5.14.8": + version "5.14.8" + resolved "https://registry.yarnpkg.com/@mui/styled-engine/-/styled-engine-5.14.8.tgz#b7a4d5dc6cbe3ecaa5af5189eb5ad90a62a255eb" + integrity sha512-LGwOav/Y40PZWZ2yDk4beUoRlc57Vg+Vpxi9V9BBtT2ESAucCgFobkt+T8eVLMWF9huUou5pwKgLSU5pF90hBg== + dependencies: + "@babel/runtime" "^7.22.10" + "@emotion/cache" "^11.11.0" + csstype "^3.1.2" + prop-types "^15.8.1" + +"@mui/system@^5.14.8": + version "5.14.8" + resolved "https://registry.yarnpkg.com/@mui/system/-/system-5.14.8.tgz#1ca201b948310083e670352bae2d7963ad6f971e" + integrity sha512-Dxnasv7Pj5hYe4ZZFKJZu4ufKm6cxpitWt3A+qMPps22YhqyeEqgDBq/HsAB3GOjqDP40fTAvQvS/Hguf4SJuw== + dependencies: + "@babel/runtime" "^7.22.10" + "@mui/private-theming" "^5.14.8" + "@mui/styled-engine" "^5.14.8" + "@mui/types" "^7.2.4" + "@mui/utils" "^5.14.8" + clsx "^2.0.0" + csstype "^3.1.2" + prop-types "^15.8.1" + +"@mui/types@^7.2.4": + version "7.2.4" + resolved "https://registry.yarnpkg.com/@mui/types/-/types-7.2.4.tgz#b6fade19323b754c5c6de679a38f068fd50b9328" + integrity sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA== + +"@mui/utils@^5.14.8": + version "5.14.8" + resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-5.14.8.tgz#e1737d5fcd54aa413d6b1aaea3ea670af2919402" + integrity sha512-1Ls2FfyY2yVSz9NEqedh3J8JAbbZAnUWkOWLE2f4/Hc4T5UWHMfzBLLrCqExfqyfyU+uXYJPGeNIsky6f8Gh5Q== + dependencies: + "@babel/runtime" "^7.22.10" + "@types/prop-types" "^15.7.5" + "@types/react-is" "^18.2.1" + prop-types "^15.8.1" + react-is "^18.2.0" + "@nicolo-ribaudo/chokidar-2@2.1.8-no-fsevents.3": version "2.1.8-no-fsevents.3" resolved "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz" @@ -1796,6 +1925,11 @@ schema-utils "^3.0.0" source-map "^0.7.3" +"@popperjs/core@^2.11.8": + version "2.11.8" + resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f" + integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A== + "@remix-run/router@1.7.2": version "1.7.2" resolved "https://registry.npmjs.org/@remix-run/router/-/router-1.7.2.tgz" @@ -2246,7 +2380,7 @@ resolved "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.3.tgz" integrity sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA== -"@types/prop-types@*": +"@types/prop-types@*", "@types/prop-types@^15.7.5": version "15.7.5" resolved "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz" integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w== @@ -2273,6 +2407,13 @@ dependencies: "@types/react" "*" +"@types/react-is@^18.2.1": + version "18.2.1" + resolved "https://registry.yarnpkg.com/@types/react-is/-/react-is-18.2.1.tgz#61d01c2a6fc089a53520c0b66996d458fdc46863" + integrity sha512-wyUkmaaSZEzFZivD8F2ftSyAfk6L+DfFliVj/mYdOXbVjRcS87fQJLTnhk6dRZPuJjI+9g6RZJO4PNCngUrmyw== + dependencies: + "@types/react" "*" + "@types/react-query@^1.2.9": version "1.2.9" resolved "https://registry.npmjs.org/@types/react-query/-/react-query-1.2.9.tgz" @@ -2280,6 +2421,13 @@ dependencies: react-query "*" +"@types/react-transition-group@^4.4.6": + version "4.4.6" + resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.6.tgz#18187bcda5281f8e10dfc48f0943e2fdf4f75e2e" + integrity sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew== + dependencies: + "@types/react" "*" + "@types/react@*", "@types/react@^18.0.0": version "18.2.20" resolved "https://registry.npmjs.org/@types/react/-/react-18.2.20.tgz" @@ -3405,6 +3553,11 @@ cliui@^7.0.2: strip-ansi "^6.0.0" wrap-ansi "^7.0.0" +clsx@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.0.0.tgz#12658f3fd98fafe62075595a5c30e43d18f3d00b" + integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q== + co@^4.6.0: version "4.6.0" resolved "https://registry.npmjs.org/co/-/co-4.6.0.tgz" @@ -4031,6 +4184,14 @@ dom-converter@^0.2.0: dependencies: utila "~0.4" +dom-helpers@^5.0.1: + version "5.2.1" + resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902" + integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA== + dependencies: + "@babel/runtime" "^7.8.7" + csstype "^3.0.2" + dom-serializer@0: version "0.2.2" resolved "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz" @@ -7720,7 +7881,7 @@ prompts@^2.0.1, prompts@^2.4.2: kleur "^3.0.3" sisteransi "^1.0.5" -prop-types@^15.7.2, prop-types@^15.8.1: +prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1: version "15.8.1" resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz" integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg== @@ -7995,6 +8156,16 @@ react-test-renderer@^18.2.0: react-shallow-renderer "^16.15.0" scheduler "^0.23.0" +react-transition-group@^4.4.5: + version "4.4.5" + resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1" + integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g== + dependencies: + "@babel/runtime" "^7.5.5" + dom-helpers "^5.0.1" + loose-envify "^1.4.0" + prop-types "^15.6.2" + react@^18.2.0: version "18.2.0" resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz" @@ -8769,7 +8940,7 @@ style-loader@^3.3.1: styled-components@^6.0.7: version "6.0.7" - resolved "https://registry.npmjs.org/styled-components/-/styled-components-6.0.7.tgz" + resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-6.0.7.tgz#1cf4a5e6b6181b29f941934df54af19b7ef05ab0" integrity sha512-xIwWuiRMYR43mskVsW9MGTRjSo7ol4bcVjT595fGUp3OLBJOlOgaiKaxsHdC4a2HqWKqKnh0CmcRbk5ogyDjTg== dependencies: "@babel/cli" "^7.21.0" @@ -8792,6 +8963,11 @@ styled-components@^6.0.7: stylis "^4.3.0" tslib "^2.5.0" +styled-reset@^4.5.1: + version "4.5.1" + resolved "https://registry.yarnpkg.com/styled-reset/-/styled-reset-4.5.1.tgz#631aee45dcef871cab8b25da29271eafc494f694" + integrity sha512-6EvFWZRwaFRFxiPYMwmnzOe33rDkw5r9jIU0eEi49bkt6VSrvjeMp2ZOw/YFbw5SVs81llIY+5fzHtR2/VBZfQ== + stylehacks@^5.1.1: version "5.1.1" resolved "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz"