From 9af8b7cea77afff1903f93f36e8b254a3c48b6e7 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Sun, 12 May 2024 17:25:57 +0900 Subject: [PATCH 01/23] =?UTF-8?q?chore=20:=20=EC=B4=88=EA=B8=B0=EC=84=A4?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .eslintrc.cjs | 18 + .gitignore | 24 + README.md | 185 +-- index.html | 13 + package-lock.json | 3510 +++++++++++++++++++++++++++++++++++++++++ package.json | 32 + public/vite.svg | 1 + src/assets/react.svg | 1 + src/index.css | 68 + src/main.tsx | 85 + src/pages/_layout.tsx | 22 + src/router.tsx | 19 + src/vite-env.d.ts | 1 + tsconfig.json | 25 + tsconfig.node.json | 11 + vite.config.ts | 17 + 16 files changed, 3869 insertions(+), 163 deletions(-) create mode 100644 .eslintrc.cjs create mode 100644 .gitignore create mode 100644 index.html create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 public/vite.svg create mode 100644 src/assets/react.svg create mode 100644 src/index.css create mode 100644 src/main.tsx create mode 100644 src/pages/_layout.tsx create mode 100644 src/router.tsx create mode 100644 src/vite-env.d.ts create mode 100644 tsconfig.json create mode 100644 tsconfig.node.json create mode 100644 vite.config.ts diff --git a/.eslintrc.cjs b/.eslintrc.cjs new file mode 100644 index 0000000..d6c9537 --- /dev/null +++ b/.eslintrc.cjs @@ -0,0 +1,18 @@ +module.exports = { + root: true, + env: { browser: true, es2020: true }, + extends: [ + 'eslint:recommended', + 'plugin:@typescript-eslint/recommended', + 'plugin:react-hooks/recommended', + ], + ignorePatterns: ['dist', '.eslintrc.cjs'], + parser: '@typescript-eslint/parser', + plugins: ['react-refresh'], + rules: { + 'react-refresh/only-export-components': [ + 'warn', + { allowConstantExport: true }, + ], + }, +} diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..a547bf3 --- /dev/null +++ b/.gitignore @@ -0,0 +1,24 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +dist +dist-ssr +*.local + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/README.md b/README.md index 70a5cee..bb15685 100644 --- a/README.md +++ b/README.md @@ -1,171 +1,30 @@ -# 기능 구현 챌린지 - 프론트엔드 +# React + TypeScript + Vite -### 구현 목표 +This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. -- [한국임상정보](https://clinicaltrialskorea.com/) 페이지의 검색영역을 클론하기 +Currently, two official plugins are available: -### 참고자료 +- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh +- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh -- 과제 요구 UI [[피그마 링크]](https://www.figma.com/file/2I7T132M48F6FbhJHwIB0r/Techeer-Infinite-Challenge-FE?type=design&node-id=0-1&mode=design&t=5ogNibInEDjJplQd-0) +## Expanding the ESLint configuration -- API - - [https://api.clinicaltrialskorea.com/api/v1/search-conditions/?name={검색어}](https://api.clinicaltrialskorea.com/api/v1/search-conditions/?name={검색어) - - 예제) 검색어에 ‘갑상선’을 넣었을 경우 - ```tsx - [ - { - name: "갑상선암", - id: 4373, - }, - { - name: "갑상선염", - id: 4376, - }, - { - name: "갑상선중독증", - id: 4378, - }, - { - name: "갑상선 중독", - id: 4381, - }, - { - name: "갑상선암종", - id: 4375, - }, - { - name: "갑상선염증", - id: 4377, - }, - ... - ]; - ``` - - https://api.clinicaltrialskorea.com/api/v1/studies/?offset=0&limit=10&conditions={검색어} - - 예제) 검색어에 ‘갑상선’을 넣었을 경우 - ```jsx - { - "count": 8, - "next": null, - "previous": null, - "sponsored_studies": [], - "results": [ - { - "from_type": 1, - "url": "https://api.clinicaltrialskorea.com/api/v1/studies/29262/", - "id": 29262, - "ct_id": "201900132", - "locations": [], - "phases": [ - "3상" - ], - "minimum_age_display": "18세", - "maximum_age_display": null, - "title": "이전 VEGFR 표적 요법 후 진행한 방사성요오드 치료저항성 분화 갑상선암 시험대상자에서 카보잔티닙(XL184)에 대한 제3상, 무작위배정, 이중 눈가림, 위약 대조 시험", - "start_date": "2019-01-01", - "completion_date": "2022-08-01", - "lead_sponsor_name": "파머수티컬리서치어소시에이츠코리아", - "brief_summary": "본 시험의 목적은 이전 VEGFR 표적 요법 후 진행한 RAI 저항성 DTC 시험대상자에서 위약과 비교하여 카보잔티닙이 PFS 및 ORR에 미치는 영향을 평가하는 것이다.", - "gender": "남녀모두", - "is_sponsor": false, - "survey_id": null, - "is_new": false, - "created_at": "2021-10-26T19:18:06.531105" - }, - { - "from_type": 1, - "url": "https://api.clinicaltrialskorea.com/api/v1/studies/27142/", - "id": 27142, - "ct_id": "202100156", - "locations": [ - { - "city": "서울" - } - ], - "phases": [ - "연구자 임상시험" - ], - "minimum_age_display": "18세", - "maximum_age_display": "65세", - "title": "갑상선 전절제술을 시행받는 환자에서 수술 전 비타민 D(디맥정 30,000 IU) 경구 투여의 수술 후 저칼슘혈증 예방 효용성 연구", - "start_date": "2020-12-01", - "completion_date": "2022-12-01", - "lead_sponsor_name": "서울대학교병원", - "brief_summary": "수술 전 비타민 D3(cholecalciferol) 경구 복용의 수술 후 저칼슘혈증 예방효과를 증명하고자 하는 연구자 임상시험이다.", - "gender": "남녀모두", - "is_sponsor": false, - "survey_id": null, - "is_new": false, - "created_at": "2022-05-12T13:47:12.640427" - }, - ... - ] - } - ``` +If you are developing a production application, we recommend updating the configuration to enable type aware lint rules: -### 필수 구현 사항 +- Configure the top-level `parserOptions` property like this: -- 질환 명 검색시 API를 호출하여 드롭박스를 통해 추천 검색어를 보여주는 기능을 구현합니다. - - 검색어가 없을 시 “검색어 없음” 표출 - - 최근에 검색어를 보여줍니다. -- 검색어를 검색 시 결과를 리스트로 보여줍니다. - - 검색어가 없을 시 화면도 구현 - - 검색 결과 컴포넌트를 클릭 시 `https://clinicaltrialskorea.com/studies/{검색어ID}` 링크로 이동 -- 입력마다 API 호출하지 않도록 API 호출 횟수를 줄이는 전략 수립 및 실행 - - README에 전략에 대한 설명 기술 -- API를 호출할 때 마다 `console.info("calling api")` 출력을 통해 콘솔창에서 API 호출 횟수 확인이 가능하도록 설정 -- 과제를 수행하면서 진행하셨던 고민, 원래 구현하고자 했던 설계의 방향성 등을 Pull Request Body(PR Comment)에 적어서 제출해 주시면 감안하여 과제 검토를 진행할 예정이에요. +```js +export default { + // other rules... + parserOptions: { + ecmaVersion: "latest", + sourceType: "module", + project: ["./tsconfig.json", "./tsconfig.node.json"], + tsconfigRootDir: __dirname, + }, +}; +``` -### 선택 구현 사항 - -- **[선택 사항 1]** 키보드만으로 추천 검색어들로 이동 가능하도록 구현합니다. (+2점) - - ex) 키보드 방향키, 탭을 사용하여 다음 추천 검색어로 이동 -- **[선택 사항 2]** React-Query를 활용하여 캐싱을 구현합니다. (+2점) -- **[선택 사항 3]** 검색어 결과는 페이지네이션 또는 무한스크롤 선택합니다. (+1점) - - 외부 라이브러리 없이 구현할 경우 추가 점수 (+2점) -- **[선택 사항 4]** 스크랩 저장 기능을 구현합니다. (+3점) - - 페이지를 새로고침 해도 리스트가 남아있도록 구현. - - 즐겨찾기 페이지에서 스크랩한 결과물 리스트 보여주도록 구현. - - 확인 모달을 통해 스크랩을 삭제. -- **[선택 사항 5]** 뷰포트 크기에 따른 반응형 UI를 구현합니다. (+2점) -- **[선택 사항 6]** Storybook을 사용하여 UI 인터렉션 테스팅을 구현합니다. (+2점) - -### 프로그래밍 요구사항 - -- `useEffect`의 사용을 최소화하고, 사용 시 의존성을 명확히 정의한다. -- 모든 상수는 컴포넌트 외부에서 선언하여 관리한다. -- `if` 조건문을 활용해 값을 바로 반환함으로써 `else`를 사용하지 않도록 한다. 경우에 따라 `if/else` 또는 `switch` 문을 사용할 필요가 있을 때는 그 사용이 적절한지 고민한다. -- 들여쓰기(depth)는 최대 2단계까지만 허용한다. 이를 위해 함수나 메서드를 분리하는 방법을 고려한다. -- 모든 숫자 및 문자 리터럴은 명확한 이름을 가진 상수로 정의하여 사용한다. -- UI와 데이터 처리 로직을 명확히 분리하여 관리한다. -- 재사용 가능하도록 컴포넌트를 설계하고 구현한다. -- Styled-components 관련 코드는 각 컴포넌트의 하단에 위치시킨다. -- 컴포넌트와 함수의 이름은 그 목적이나 기능을 분명하게 반영할 수 있도록 명명한다. - -> **제한된 시간 안에 과제를 완성하는 것은 많은 집중력이 필요해서 평소만큼 실력 발휘를 못 하셨을 수 있음을 충분히 이해하고 있어요.** 🙇🏻‍♀️ - -### 개발 조건 및 환경 - -- 언어 - - JavaScript - - TypeScript (+1점) -- 프레임워크 - - React - - Next.js -- 사용가능한 기술 - - 상태 관리 라이브러리 (Redux, Zustand, Jotai 등) - - 스타일 관련 라이브러리 (styled-components, emotion, UI kit, tailwind, antd 등) - - HTTP Client (axios 등) - - 이외 과제 구현에 필요한 외부 라이브러리 - -## 📈 진행 요구사항 -- 미션은 [Infinite_Challenge_FE](https://github.com/techeer-sv/Infinite_Challenge_FE) 를 fork/clone해 시작한다. -- 기능을 구현하기 전에 Infinite_Challenge_FE 레포지토리 하위에 README.md 파일을 생성해 구현할 기능 목록을 정리해 추가한다. -- git의 commit 단위는 앞 단계에서 README.md 파일에 정리한 기능 목록 단위로 추가한다. - - [AngularJS Commit Message Conventions](https://gist.github.com/stephenparish/9941e89d80e2bc58a153) 참고해 commit log를 남긴다. -- 아래 절차를 따라 미션을 제출한다. - - 본 repository를 개인 repository로 fork한다. - - fork한 저장소를 자신의 컴퓨터로 clone한다. - - 기능 구현을 위한 브랜치를 생성한다. 브랜치 이름은 본인의 github ID를 이용한다. - - 생성한 브랜치에서 기능을 구현한다. - - 최상위 디렉토리에 바로 소스코드가 보이도록 해주세요, 불필요한 depth가 존재하면 안됩니다. - - 기능 구현이 종료되면, [Infinite_Challenge_FE](https://github.com/techeer-sv/Infinite_Challenge_FE)로 Pull Request를 남긴다. +- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked` +- Optionally add `plugin:@typescript-eslint/stylistic-type-checked` +- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list diff --git a/index.html b/index.html new file mode 100644 index 0000000..e4b78ea --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + + Vite + React + TS + + +
+ + + diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..83db5e9 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,3510 @@ +{ + "name": "infinite-challenge-fe", + "version": "0.0.0", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "infinite-challenge-fe", + "version": "0.0.0", + "dependencies": { + "@tanstack/react-query": "^5.35.1", + "axios": "^1.6.8", + "react": "^18.2.0", + "react-dom": "^18.2.0", + "react-router-dom": "^6.23.0", + "styled-components": "^6.1.10" + }, + "devDependencies": { + "@types/react": "^18.2.66", + "@types/react-dom": "^18.2.22", + "@typescript-eslint/eslint-plugin": "^7.2.0", + "@typescript-eslint/parser": "^7.2.0", + "@vitejs/plugin-react": "^4.2.1", + "eslint": "^8.57.0", + "eslint-plugin-react-hooks": "^4.6.0", + "eslint-plugin-react-refresh": "^0.4.6", + "typescript": "^5.2.2", + "vite": "^5.2.0" + } + }, + "node_modules/@ampproject/remapping": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz", + "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==", + "dev": true, + "dependencies": { + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.24" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/code-frame": { + "version": "7.24.2", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.2.tgz", + "integrity": "sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==", + "dev": true, + "dependencies": { + "@babel/highlight": "^7.24.2", + "picocolors": "^1.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/compat-data": { + "version": "7.24.4", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.4.tgz", + "integrity": "sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/core": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.5.tgz", + "integrity": "sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA==", + "dev": true, + "dependencies": { + "@ampproject/remapping": "^2.2.0", + "@babel/code-frame": "^7.24.2", + "@babel/generator": "^7.24.5", + "@babel/helper-compilation-targets": "^7.23.6", + "@babel/helper-module-transforms": "^7.24.5", + "@babel/helpers": "^7.24.5", + "@babel/parser": "^7.24.5", + "@babel/template": "^7.24.0", + "@babel/traverse": "^7.24.5", + "@babel/types": "^7.24.5", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/@babel/core/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/@babel/generator": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.5.tgz", + "integrity": "sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA==", + "dev": true, + "dependencies": { + "@babel/types": "^7.24.5", + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.25", + "jsesc": "^2.5.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets": { + "version": "7.23.6", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz", + "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==", + "dev": true, + "dependencies": { + "@babel/compat-data": "^7.23.5", + "@babel/helper-validator-option": "^7.23.5", + "browserslist": "^4.22.2", + "lru-cache": "^5.1.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-compilation-targets/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/@babel/helper-environment-visitor": { + "version": "7.22.20", + "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz", + "integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-function-name": { + "version": "7.23.0", + "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz", + "integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==", + "dev": true, + "dependencies": { + "@babel/template": "^7.22.15", + "@babel/types": "^7.23.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-hoist-variables": { + "version": "7.22.5", + "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz", + "integrity": "sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw==", + "dev": true, + "dependencies": { + "@babel/types": "^7.22.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports": { + "version": "7.24.3", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz", + "integrity": "sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg==", + "dev": true, + "dependencies": { + "@babel/types": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-transforms": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.5.tgz", + "integrity": "sha512-9GxeY8c2d2mdQUP1Dye0ks3VDyIMS98kt/llQ2nUId8IsWqTF0l1LkSX0/uP7l7MCDrzXS009Hyhe2gzTiGW8A==", + "dev": true, + "dependencies": { + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-module-imports": "^7.24.3", + "@babel/helper-simple-access": "^7.24.5", + "@babel/helper-split-export-declaration": "^7.24.5", + "@babel/helper-validator-identifier": "^7.24.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/@babel/helper-plugin-utils": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.5.tgz", + "integrity": "sha512-xjNLDopRzW2o6ba0gKbkZq5YWEBaK3PCyTOY1K2P/O07LGMhMqlMXPxwN4S5/RhWuCobT8z0jrlKGlYmeR1OhQ==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-simple-access": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.5.tgz", + "integrity": "sha512-uH3Hmf5q5n7n8mz7arjUlDOCbttY/DW4DYhE6FUsjKJ/oYC1kQQUvwEQWxRwUpX9qQKRXeqLwWxrqilMrf32sQ==", + "dev": true, + "dependencies": { + "@babel/types": "^7.24.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.5.tgz", + "integrity": "sha512-5CHncttXohrHk8GWOFCcCl4oRD9fKosWlIRgWm4ql9VYioKm52Mk2xsmoohvm7f3JoiLSM5ZgJuRaf5QZZYd3Q==", + "dev": true, + "dependencies": { + "@babel/types": "^7.24.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz", + "integrity": "sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz", + "integrity": "sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "7.23.5", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz", + "integrity": "sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helpers": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.5.tgz", + "integrity": "sha512-CiQmBMMpMQHwM5m01YnrM6imUG1ebgYJ+fAIW4FZe6m4qHTPaRHti+R8cggAwkdz4oXhtO4/K9JWlh+8hIfR2Q==", + "dev": true, + "dependencies": { + "@babel/template": "^7.24.0", + "@babel/traverse": "^7.24.5", + "@babel/types": "^7.24.5" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/highlight": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.5.tgz", + "integrity": "sha512-8lLmua6AVh/8SLJRRVD6V8p73Hir9w5mJrhE+IPpILG31KKlI9iz5zmBYKcWPS59qSfgP9RaSBQSHHE81WKuEw==", + "dev": true, + "dependencies": { + "@babel/helper-validator-identifier": "^7.24.5", + "chalk": "^2.4.2", + "js-tokens": "^4.0.0", + "picocolors": "^1.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/parser": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.5.tgz", + "integrity": "sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==", + "dev": true, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-self": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.24.5.tgz", + "integrity": "sha512-RtCJoUO2oYrYwFPtR1/jkoBEcFuI1ae9a9IMxeyAVa3a1Ap4AnxmyIKG2b2FaJKqkidw/0cxRbWN+HOs6ZWd1w==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.5" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/plugin-transform-react-jsx-source": { + "version": "7.24.1", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.24.1.tgz", + "integrity": "sha512-1v202n7aUq4uXAieRTKcwPzNyphlCuqHHDcdSNc+vdhoTEZcFMh+L5yZuCmGaIO7bs1nJUNfHB89TZyoL48xNA==", + "dev": true, + "dependencies": { + "@babel/helper-plugin-utils": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0-0" + } + }, + "node_modules/@babel/template": { + "version": "7.24.0", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.0.tgz", + "integrity": "sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.23.5", + "@babel/parser": "^7.24.0", + "@babel/types": "^7.24.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/traverse": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.5.tgz", + "integrity": "sha512-7aaBLeDQ4zYcUFDUD41lJc1fG8+5IU9DaNSJAgal866FGvmD5EbWQgnEC6kO1gGLsX0esNkfnJSndbTXA3r7UA==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.24.2", + "@babel/generator": "^7.24.5", + "@babel/helper-environment-visitor": "^7.22.20", + "@babel/helper-function-name": "^7.23.0", + "@babel/helper-hoist-variables": "^7.22.5", + "@babel/helper-split-export-declaration": "^7.24.5", + "@babel/parser": "^7.24.5", + "@babel/types": "^7.24.5", + "debug": "^4.3.1", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/types": { + "version": "7.24.5", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.5.tgz", + "integrity": "sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ==", + "dev": true, + "dependencies": { + "@babel/helper-string-parser": "^7.24.1", + "@babel/helper-validator-identifier": "^7.24.5", + "to-fast-properties": "^2.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@emotion/is-prop-valid": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.2.tgz", + "integrity": "sha512-uNsoYd37AFmaCdXlg6EYD1KaPOaRWRByMCYzbKUX4+hhMfrxdVSelShywL4JVaAeM/eHUOSprYBQls+/neX3pw==", + "dependencies": { + "@emotion/memoize": "^0.8.1" + } + }, + "node_modules/@emotion/memoize": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz", + "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==" + }, + "node_modules/@emotion/unitless": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz", + "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==" + }, + "node_modules/@esbuild/aix-ppc64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz", + "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "aix" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz", + "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-arm64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz", + "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/android-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz", + "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-arm64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz", + "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/darwin-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz", + "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-arm64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz", + "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/freebsd-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz", + "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz", + "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-arm64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz", + "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ia32": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz", + "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-loong64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz", + "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==", + "cpu": [ + "loong64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-mips64el": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz", + "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==", + "cpu": [ + "mips64el" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-ppc64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz", + "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-riscv64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz", + "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-s390x": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz", + "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/linux-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz", + "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/netbsd-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz", + "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "netbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/openbsd-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz", + "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "openbsd" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/sunos-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz", + "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "sunos" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-arm64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz", + "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-ia32": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz", + "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@esbuild/win32-x64": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz", + "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">=12" + } + }, + "node_modules/@eslint-community/eslint-utils": { + "version": "4.4.0", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz", + "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==", + "dev": true, + "dependencies": { + "eslint-visitor-keys": "^3.3.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "peerDependencies": { + "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" + } + }, + "node_modules/@eslint-community/regexpp": { + "version": "4.10.0", + "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz", + "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==", + "dev": true, + "engines": { + "node": "^12.0.0 || ^14.0.0 || >=16.0.0" + } + }, + "node_modules/@eslint/eslintrc": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz", + "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==", + "dev": true, + "dependencies": { + "ajv": "^6.12.4", + "debug": "^4.3.2", + "espree": "^9.6.0", + "globals": "^13.19.0", + "ignore": "^5.2.0", + "import-fresh": "^3.2.1", + "js-yaml": "^4.1.0", + "minimatch": "^3.1.2", + "strip-json-comments": "^3.1.1" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/@eslint/eslintrc/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/@eslint/eslintrc/node_modules/globals": { + "version": "13.24.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz", + "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==", + "dev": true, + "dependencies": { + "type-fest": "^0.20.2" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@eslint/eslintrc/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/@eslint/js": { + "version": "8.57.0", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz", + "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==", + "dev": true, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + } + }, + "node_modules/@humanwhocodes/config-array": { + "version": "0.11.14", + "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz", + "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==", + "dev": true, + "dependencies": { + "@humanwhocodes/object-schema": "^2.0.2", + "debug": "^4.3.1", + "minimatch": "^3.0.5" + }, + "engines": { + "node": ">=10.10.0" + } + }, + "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/@humanwhocodes/config-array/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/@humanwhocodes/module-importer": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz", + "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==", + "dev": true, + "engines": { + "node": ">=12.22" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/nzakas" + } + }, + "node_modules/@humanwhocodes/object-schema": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz", + "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==", + "dev": true + }, + "node_modules/@jridgewell/gen-mapping": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", + "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", + "dev": true, + "dependencies": { + "@jridgewell/set-array": "^1.2.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.24" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/set-array": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", + "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@jridgewell/sourcemap-codec": { + "version": "1.4.15", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz", + "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==", + "dev": true + }, + "node_modules/@jridgewell/trace-mapping": { + "version": "0.3.25", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", + "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", + "dev": true, + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@nodelib/fs.scandir": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz", + "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==", + "dev": true, + "dependencies": { + "@nodelib/fs.stat": "2.0.5", + "run-parallel": "^1.1.9" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.stat": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz", + "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==", + "dev": true, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@nodelib/fs.walk": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz", + "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==", + "dev": true, + "dependencies": { + "@nodelib/fs.scandir": "2.1.5", + "fastq": "^1.6.0" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/@remix-run/router": { + "version": "1.16.0", + "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.16.0.tgz", + "integrity": "sha512-Quz1KOffeEf/zwkCBM3kBtH4ZoZ+pT3xIXBG4PPW/XFtDP7EGhtTiC2+gpL9GnR7+Qdet5Oa6cYSvwKYg6kN9Q==", + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/@rollup/rollup-android-arm-eabi": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.17.2.tgz", + "integrity": "sha512-NM0jFxY8bB8QLkoKxIQeObCaDlJKewVlIEkuyYKm5An1tdVZ966w2+MPQ2l8LBZLjR+SgyV+nRkTIunzOYBMLQ==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-android-arm64": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.17.2.tgz", + "integrity": "sha512-yeX/Usk7daNIVwkq2uGoq2BYJKZY1JfyLTaHO/jaiSwi/lsf8fTFoQW/n6IdAsx5tx+iotu2zCJwz8MxI6D/Bw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ] + }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.17.2.tgz", + "integrity": "sha512-kcMLpE6uCwls023+kknm71ug7MZOrtXo+y5p/tsg6jltpDtgQY1Eq5sGfHcQfb+lfuKwhBmEURDga9N0ol4YPw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.17.2.tgz", + "integrity": "sha512-AtKwD0VEx0zWkL0ZjixEkp5tbNLzX+FCqGG1SvOu993HnSz4qDI6S4kGzubrEJAljpVkhRSlg5bzpV//E6ysTQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-linux-arm-gnueabihf": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.17.2.tgz", + "integrity": "sha512-3reX2fUHqN7sffBNqmEyMQVj/CKhIHZd4y631duy0hZqI8Qoqf6lTtmAKvJFYa6bhU95B1D0WgzHkmTg33In0A==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm-musleabihf": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.17.2.tgz", + "integrity": "sha512-uSqpsp91mheRgw96xtyAGP9FW5ChctTFEoXP0r5FAzj/3ZRv3Uxjtc7taRQSaQM/q85KEKjKsZuiZM3GyUivRg==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.17.2.tgz", + "integrity": "sha512-EMMPHkiCRtE8Wdk3Qhtciq6BndLtstqZIroHiiGzB3C5LDJmIZcSzVtLRbwuXuUft1Cnv+9fxuDtDxz3k3EW2A==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.17.2.tgz", + "integrity": "sha512-NMPylUUZ1i0z/xJUIx6VUhISZDRT+uTWpBcjdv0/zkp7b/bQDF+NfnfdzuTiB1G6HTodgoFa93hp0O1xl+/UbA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-powerpc64le-gnu": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.17.2.tgz", + "integrity": "sha512-T19My13y8uYXPw/L/k0JYaX1fJKFT/PWdXiHr8mTbXWxjVF1t+8Xl31DgBBvEKclw+1b00Chg0hxE2O7bTG7GQ==", + "cpu": [ + "ppc64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-riscv64-gnu": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.17.2.tgz", + "integrity": "sha512-BOaNfthf3X3fOWAB+IJ9kxTgPmMqPPH5f5k2DcCsRrBIbWnaJCgX2ll77dV1TdSy9SaXTR5iDXRL8n7AnoP5cg==", + "cpu": [ + "riscv64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-s390x-gnu": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.17.2.tgz", + "integrity": "sha512-W0UP/x7bnn3xN2eYMql2T/+wpASLE5SjObXILTMPUBDB/Fg/FxC+gX4nvCfPBCbNhz51C+HcqQp2qQ4u25ok6g==", + "cpu": [ + "s390x" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.17.2.tgz", + "integrity": "sha512-Hy7pLwByUOuyaFC6mAr7m+oMC+V7qyifzs/nW2OJfC8H4hbCzOX07Ov0VFk/zP3kBsELWNFi7rJtgbKYsav9QQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.17.2.tgz", + "integrity": "sha512-h1+yTWeYbRdAyJ/jMiVw0l6fOOm/0D1vNLui9iPuqgRGnXA0u21gAqOyB5iHjlM9MMfNOm9RHCQ7zLIzT0x11Q==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.17.2.tgz", + "integrity": "sha512-tmdtXMfKAjy5+IQsVtDiCfqbynAQE/TQRpWdVataHmhMb9DCoJxp9vLcCBjEQWMiUYxO1QprH/HbY9ragCEFLA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-ia32-msvc": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.17.2.tgz", + "integrity": "sha512-7II/QCSTAHuE5vdZaQEwJq2ZACkBpQDOmQsE6D6XUbnBHW8IAhm4eTufL6msLJorzrHDFv3CF8oCA/hSIRuZeQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.17.2.tgz", + "integrity": "sha512-TGGO7v7qOq4CYmSBVEYpI1Y5xDuCEnbVC5Vth8mOsW0gDSzxNrVERPc790IGHsrT2dQSimgMr9Ub3Y1Jci5/8w==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@tanstack/query-core": { + "version": "5.35.1", + "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.35.1.tgz", + "integrity": "sha512-0Dnpybqb8+ps6WgqBnqFEC+1F/xLvUosRAq+wiGisTgolOZzqZfkE2995dEXmhuzINiTM7/a6xSGznU0NIvBkw==", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + } + }, + "node_modules/@tanstack/react-query": { + "version": "5.35.1", + "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.35.1.tgz", + "integrity": "sha512-i2T7m2ffQdNqlX3pO+uMsnQ0H4a59Ens2GxtlMsRiOvdSB4SfYmHb27MnvFV8rGmtWRaa4gPli0/rpDoSS5LbQ==", + "dependencies": { + "@tanstack/query-core": "5.35.1" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/tannerlinsley" + }, + "peerDependencies": { + "react": "^18.0.0" + } + }, + "node_modules/@types/babel__core": { + "version": "7.20.5", + "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", + "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==", + "dev": true, + "dependencies": { + "@babel/parser": "^7.20.7", + "@babel/types": "^7.20.7", + "@types/babel__generator": "*", + "@types/babel__template": "*", + "@types/babel__traverse": "*" + } + }, + "node_modules/@types/babel__generator": { + "version": "7.6.8", + "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz", + "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==", + "dev": true, + "dependencies": { + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__template": { + "version": "7.4.4", + "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz", + "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==", + "dev": true, + "dependencies": { + "@babel/parser": "^7.1.0", + "@babel/types": "^7.0.0" + } + }, + "node_modules/@types/babel__traverse": { + "version": "7.20.5", + "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.5.tgz", + "integrity": "sha512-WXCyOcRtH37HAUkpXhUduaxdm82b4GSlyTqajXviN4EfiuPgNYR109xMCKvpl6zPIpua0DGlMEDCq+g8EdoheQ==", + "dev": true, + "dependencies": { + "@babel/types": "^7.20.7" + } + }, + "node_modules/@types/estree": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz", + "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==", + "dev": true + }, + "node_modules/@types/json-schema": { + "version": "7.0.15", + "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", + "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==", + "dev": true + }, + "node_modules/@types/prop-types": { + "version": "15.7.12", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz", + "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==", + "dev": true + }, + "node_modules/@types/react": { + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.1.tgz", + "integrity": "sha512-V0kuGBX3+prX+DQ/7r2qsv1NsdfnCLnTgnRJ1pYnxykBhGMz+qj+box5lq7XsO5mtZsBqpjwwTu/7wszPfMBcw==", + "dev": true, + "dependencies": { + "@types/prop-types": "*", + "csstype": "^3.0.2" + } + }, + "node_modules/@types/react-dom": { + "version": "18.3.0", + "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz", + "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==", + "dev": true, + "dependencies": { + "@types/react": "*" + } + }, + "node_modules/@types/semver": { + "version": "7.5.8", + "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz", + "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ==", + "dev": true + }, + "node_modules/@types/stylis": { + "version": "4.2.5", + "resolved": "https://registry.npmjs.org/@types/stylis/-/stylis-4.2.5.tgz", + "integrity": "sha512-1Xve+NMN7FWjY14vLoY5tL3BVEQ/n42YLwaqJIPYhotZ9uBHt87VceMwWQpzmdEt2TNXIorIFG+YeCUUW7RInw==" + }, + "node_modules/@typescript-eslint/eslint-plugin": { + "version": "7.8.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.8.0.tgz", + "integrity": "sha512-gFTT+ezJmkwutUPmB0skOj3GZJtlEGnlssems4AjkVweUPGj7jRwwqg0Hhg7++kPGJqKtTYx+R05Ftww372aIg==", + "dev": true, + "dependencies": { + "@eslint-community/regexpp": "^4.10.0", + "@typescript-eslint/scope-manager": "7.8.0", + "@typescript-eslint/type-utils": "7.8.0", + "@typescript-eslint/utils": "7.8.0", + "@typescript-eslint/visitor-keys": "7.8.0", + "debug": "^4.3.4", + "graphemer": "^1.4.0", + "ignore": "^5.3.1", + "natural-compare": "^1.4.0", + "semver": "^7.6.0", + "ts-api-utils": "^1.3.0" + }, + "engines": { + "node": "^18.18.0 || >=20.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "@typescript-eslint/parser": "^7.0.0", + "eslint": "^8.56.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/@typescript-eslint/parser": { + "version": "7.8.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-7.8.0.tgz", + "integrity": "sha512-KgKQly1pv0l4ltcftP59uQZCi4HUYswCLbTqVZEJu7uLX8CTLyswqMLqLN+2QFz4jCptqWVV4SB7vdxcH2+0kQ==", + "dev": true, + "dependencies": { + "@typescript-eslint/scope-manager": "7.8.0", + "@typescript-eslint/types": "7.8.0", + "@typescript-eslint/typescript-estree": "7.8.0", + "@typescript-eslint/visitor-keys": "7.8.0", + "debug": "^4.3.4" + }, + "engines": { + "node": "^18.18.0 || >=20.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "eslint": "^8.56.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/@typescript-eslint/scope-manager": { + "version": "7.8.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-7.8.0.tgz", + "integrity": "sha512-viEmZ1LmwsGcnr85gIq+FCYI7nO90DVbE37/ll51hjv9aG+YZMb4WDE2fyWpUR4O/UrhGRpYXK/XajcGTk2B8g==", + "dev": true, + "dependencies": { + "@typescript-eslint/types": "7.8.0", + "@typescript-eslint/visitor-keys": "7.8.0" + }, + "engines": { + "node": "^18.18.0 || >=20.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@typescript-eslint/type-utils": { + "version": "7.8.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-7.8.0.tgz", + "integrity": "sha512-H70R3AefQDQpz9mGv13Uhi121FNMh+WEaRqcXTX09YEDky21km4dV1ZXJIp8QjXc4ZaVkXVdohvWDzbnbHDS+A==", + "dev": true, + "dependencies": { + "@typescript-eslint/typescript-estree": "7.8.0", + "@typescript-eslint/utils": "7.8.0", + "debug": "^4.3.4", + "ts-api-utils": "^1.3.0" + }, + "engines": { + "node": "^18.18.0 || >=20.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "eslint": "^8.56.0" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/@typescript-eslint/types": { + "version": "7.8.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-7.8.0.tgz", + "integrity": "sha512-wf0peJ+ZGlcH+2ZS23aJbOv+ztjeeP8uQ9GgwMJGVLx/Nj9CJt17GWgWWoSmoRVKAX2X+7fzEnAjxdvK2gqCLw==", + "dev": true, + "engines": { + "node": "^18.18.0 || >=20.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@typescript-eslint/typescript-estree": { + "version": "7.8.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-7.8.0.tgz", + "integrity": "sha512-5pfUCOwK5yjPaJQNy44prjCwtr981dO8Qo9J9PwYXZ0MosgAbfEMB008dJ5sNo3+/BN6ytBPuSvXUg9SAqB0dg==", + "dev": true, + "dependencies": { + "@typescript-eslint/types": "7.8.0", + "@typescript-eslint/visitor-keys": "7.8.0", + "debug": "^4.3.4", + "globby": "^11.1.0", + "is-glob": "^4.0.3", + "minimatch": "^9.0.4", + "semver": "^7.6.0", + "ts-api-utils": "^1.3.0" + }, + "engines": { + "node": "^18.18.0 || >=20.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/@typescript-eslint/utils": { + "version": "7.8.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-7.8.0.tgz", + "integrity": "sha512-L0yFqOCflVqXxiZyXrDr80lnahQfSOfc9ELAAZ75sqicqp2i36kEZZGuUymHNFoYOqxRT05up760b4iGsl02nQ==", + "dev": true, + "dependencies": { + "@eslint-community/eslint-utils": "^4.4.0", + "@types/json-schema": "^7.0.15", + "@types/semver": "^7.5.8", + "@typescript-eslint/scope-manager": "7.8.0", + "@typescript-eslint/types": "7.8.0", + "@typescript-eslint/typescript-estree": "7.8.0", + "semver": "^7.6.0" + }, + "engines": { + "node": "^18.18.0 || >=20.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + }, + "peerDependencies": { + "eslint": "^8.56.0" + } + }, + "node_modules/@typescript-eslint/visitor-keys": { + "version": "7.8.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-7.8.0.tgz", + "integrity": "sha512-q4/gibTNBQNA0lGyYQCmWRS5D15n8rXh4QjK3KV+MBPlTYHpfBUT3D3PaPR/HeNiI9W6R7FvlkcGhNyAoP+caA==", + "dev": true, + "dependencies": { + "@typescript-eslint/types": "7.8.0", + "eslint-visitor-keys": "^3.4.3" + }, + "engines": { + "node": "^18.18.0 || >=20.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/typescript-eslint" + } + }, + "node_modules/@ungap/structured-clone": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz", + "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==", + "dev": true + }, + "node_modules/@vitejs/plugin-react": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.2.1.tgz", + "integrity": "sha512-oojO9IDc4nCUUi8qIR11KoQm0XFFLIwsRBwHRR4d/88IWghn1y6ckz/bJ8GHDCsYEJee8mDzqtJxh15/cisJNQ==", + "dev": true, + "dependencies": { + "@babel/core": "^7.23.5", + "@babel/plugin-transform-react-jsx-self": "^7.23.3", + "@babel/plugin-transform-react-jsx-source": "^7.23.3", + "@types/babel__core": "^7.20.5", + "react-refresh": "^0.14.0" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "peerDependencies": { + "vite": "^4.2.0 || ^5.0.0" + } + }, + "node_modules/acorn": { + "version": "8.11.3", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz", + "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==", + "dev": true, + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/acorn-jsx": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "dev": true, + "peerDependencies": { + "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" + } + }, + "node_modules/ajv": { + "version": "6.12.6", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", + "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", + "dev": true, + "dependencies": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/ansi-regex": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz", + "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==", + "dev": true + }, + "node_modules/array-union": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz", + "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/asynckit": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", + "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==" + }, + "node_modules/axios": { + "version": "1.6.8", + "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz", + "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==", + "dependencies": { + "follow-redirects": "^1.15.6", + "form-data": "^4.0.0", + "proxy-from-env": "^1.1.0" + } + }, + "node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true + }, + "node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/braces": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", + "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "dev": true, + "dependencies": { + "fill-range": "^7.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/browserslist": { + "version": "4.23.0", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz", + "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "caniuse-lite": "^1.0.30001587", + "electron-to-chromium": "^1.4.668", + "node-releases": "^2.0.14", + "update-browserslist-db": "^1.0.13" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/camelize": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.1.tgz", + "integrity": "sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==", + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/caniuse-lite": { + "version": "1.0.30001616", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001616.tgz", + "integrity": "sha512-RHVYKov7IcdNjVHJFNY/78RdG4oGVjbayxv8u5IO74Wv7Hlq4PnJE6mo/OjFijjVFNy5ijnCt6H3IIo4t+wfEw==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/caniuse-lite" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ] + }, + "node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", + "dev": true + }, + "node_modules/combined-stream": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", + "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", + "dependencies": { + "delayed-stream": "~1.0.0" + }, + "engines": { + "node": ">= 0.8" + } + }, + "node_modules/concat-map": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", + "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==", + "dev": true + }, + "node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true + }, + "node_modules/cross-spawn": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", + "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==", + "dev": true, + "dependencies": { + "path-key": "^3.1.0", + "shebang-command": "^2.0.0", + "which": "^2.0.1" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/css-color-keywords": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz", + "integrity": "sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==", + "engines": { + "node": ">=4" + } + }, + "node_modules/css-to-react-native": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-3.2.0.tgz", + "integrity": "sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==", + "dependencies": { + "camelize": "^1.0.0", + "css-color-keywords": "^1.0.0", + "postcss-value-parser": "^4.0.2" + } + }, + "node_modules/csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" + }, + "node_modules/debug": { + "version": "4.3.4", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz", + "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==", + "dev": true, + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/deep-is": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz", + "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==", + "dev": true + }, + "node_modules/delayed-stream": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz", + "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/dir-glob": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz", + "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==", + "dev": true, + "dependencies": { + "path-type": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/doctrine": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz", + "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==", + "dev": true, + "dependencies": { + "esutils": "^2.0.2" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/electron-to-chromium": { + "version": "1.4.758", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.758.tgz", + "integrity": "sha512-/o9x6TCdrYZBMdGeTifAP3wlF/gVT+TtWJe3BSmtNh92Mw81U9hrYwW9OAGUh+sEOX/yz5e34sksqRruZbjYrw==", + "dev": true + }, + "node_modules/esbuild": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz", + "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==", + "dev": true, + "hasInstallScript": true, + "bin": { + "esbuild": "bin/esbuild" + }, + "engines": { + "node": ">=12" + }, + "optionalDependencies": { + "@esbuild/aix-ppc64": "0.20.2", + "@esbuild/android-arm": "0.20.2", + "@esbuild/android-arm64": "0.20.2", + "@esbuild/android-x64": "0.20.2", + "@esbuild/darwin-arm64": "0.20.2", + "@esbuild/darwin-x64": "0.20.2", + "@esbuild/freebsd-arm64": "0.20.2", + "@esbuild/freebsd-x64": "0.20.2", + "@esbuild/linux-arm": "0.20.2", + "@esbuild/linux-arm64": "0.20.2", + "@esbuild/linux-ia32": "0.20.2", + "@esbuild/linux-loong64": "0.20.2", + "@esbuild/linux-mips64el": "0.20.2", + "@esbuild/linux-ppc64": "0.20.2", + "@esbuild/linux-riscv64": "0.20.2", + "@esbuild/linux-s390x": "0.20.2", + "@esbuild/linux-x64": "0.20.2", + "@esbuild/netbsd-x64": "0.20.2", + "@esbuild/openbsd-x64": "0.20.2", + "@esbuild/sunos-x64": "0.20.2", + "@esbuild/win32-arm64": "0.20.2", + "@esbuild/win32-ia32": "0.20.2", + "@esbuild/win32-x64": "0.20.2" + } + }, + "node_modules/escalade": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz", + "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "dev": true, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/eslint": { + "version": "8.57.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz", + "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==", + "dev": true, + "dependencies": { + "@eslint-community/eslint-utils": "^4.2.0", + "@eslint-community/regexpp": "^4.6.1", + "@eslint/eslintrc": "^2.1.4", + "@eslint/js": "8.57.0", + "@humanwhocodes/config-array": "^0.11.14", + "@humanwhocodes/module-importer": "^1.0.1", + "@nodelib/fs.walk": "^1.2.8", + "@ungap/structured-clone": "^1.2.0", + "ajv": "^6.12.4", + "chalk": "^4.0.0", + "cross-spawn": "^7.0.2", + "debug": "^4.3.2", + "doctrine": "^3.0.0", + "escape-string-regexp": "^4.0.0", + "eslint-scope": "^7.2.2", + "eslint-visitor-keys": "^3.4.3", + "espree": "^9.6.1", + "esquery": "^1.4.2", + "esutils": "^2.0.2", + "fast-deep-equal": "^3.1.3", + "file-entry-cache": "^6.0.1", + "find-up": "^5.0.0", + "glob-parent": "^6.0.2", + "globals": "^13.19.0", + "graphemer": "^1.4.0", + "ignore": "^5.2.0", + "imurmurhash": "^0.1.4", + "is-glob": "^4.0.0", + "is-path-inside": "^3.0.3", + "js-yaml": "^4.1.0", + "json-stable-stringify-without-jsonify": "^1.0.1", + "levn": "^0.4.1", + "lodash.merge": "^4.6.2", + "minimatch": "^3.1.2", + "natural-compare": "^1.4.0", + "optionator": "^0.9.3", + "strip-ansi": "^6.0.1", + "text-table": "^0.2.0" + }, + "bin": { + "eslint": "bin/eslint.js" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint-plugin-react-hooks": { + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz", + "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==", + "dev": true, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0" + } + }, + "node_modules/eslint-plugin-react-refresh": { + "version": "0.4.6", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.6.tgz", + "integrity": "sha512-NjGXdm7zgcKRkKMua34qVO9doI7VOxZ6ancSvBELJSSoX97jyndXcSoa8XBh69JoB31dNz3EEzlMcizZl7LaMA==", + "dev": true, + "peerDependencies": { + "eslint": ">=7" + } + }, + "node_modules/eslint-scope": { + "version": "7.2.2", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz", + "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==", + "dev": true, + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^5.2.0" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint-visitor-keys": { + "version": "3.4.3", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", + "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==", + "dev": true, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/eslint/node_modules/ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "dependencies": { + "color-convert": "^2.0.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/eslint/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/eslint/node_modules/chalk": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz", + "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/chalk?sponsor=1" + } + }, + "node_modules/eslint/node_modules/color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "dependencies": { + "color-name": "~1.1.4" + }, + "engines": { + "node": ">=7.0.0" + } + }, + "node_modules/eslint/node_modules/color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true + }, + "node_modules/eslint/node_modules/escape-string-regexp": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz", + "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/globals": { + "version": "13.24.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz", + "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==", + "dev": true, + "dependencies": { + "type-fest": "^0.20.2" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/eslint/node_modules/has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/eslint/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/eslint/node_modules/supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/espree": { + "version": "9.6.1", + "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz", + "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==", + "dev": true, + "dependencies": { + "acorn": "^8.9.0", + "acorn-jsx": "^5.3.2", + "eslint-visitor-keys": "^3.4.1" + }, + "engines": { + "node": "^12.22.0 || ^14.17.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/esquery": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz", + "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==", + "dev": true, + "dependencies": { + "estraverse": "^5.1.0" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/esrecurse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz", + "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==", + "dev": true, + "dependencies": { + "estraverse": "^5.2.0" + }, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/estraverse": { + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz", + "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==", + "dev": true, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/esutils": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", + "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true + }, + "node_modules/fast-glob": { + "version": "3.3.2", + "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz", + "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==", + "dev": true, + "dependencies": { + "@nodelib/fs.stat": "^2.0.2", + "@nodelib/fs.walk": "^1.2.3", + "glob-parent": "^5.1.2", + "merge2": "^1.3.0", + "micromatch": "^4.0.4" + }, + "engines": { + "node": ">=8.6.0" + } + }, + "node_modules/fast-glob/node_modules/glob-parent": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz", + "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.1" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/fast-json-stable-stringify": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", + "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==", + "dev": true + }, + "node_modules/fast-levenshtein": { + "version": "2.0.6", + "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz", + "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==", + "dev": true + }, + "node_modules/fastq": { + "version": "1.17.1", + "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz", + "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==", + "dev": true, + "dependencies": { + "reusify": "^1.0.4" + } + }, + "node_modules/file-entry-cache": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz", + "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==", + "dev": true, + "dependencies": { + "flat-cache": "^3.0.4" + }, + "engines": { + "node": "^10.12.0 || >=12.0.0" + } + }, + "node_modules/fill-range": { + "version": "7.0.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", + "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "dev": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/find-up": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", + "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", + "dev": true, + "dependencies": { + "locate-path": "^6.0.0", + "path-exists": "^4.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/flat-cache": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz", + "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==", + "dev": true, + "dependencies": { + "flatted": "^3.2.9", + "keyv": "^4.5.3", + "rimraf": "^3.0.2" + }, + "engines": { + "node": "^10.12.0 || >=12.0.0" + } + }, + "node_modules/flatted": { + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz", + "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==", + "dev": true + }, + "node_modules/follow-redirects": { + "version": "1.15.6", + "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz", + "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==", + "funding": [ + { + "type": "individual", + "url": "https://github.com/sponsors/RubenVerborgh" + } + ], + "engines": { + "node": ">=4.0" + }, + "peerDependenciesMeta": { + "debug": { + "optional": true + } + } + }, + "node_modules/form-data": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz", + "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==", + "dependencies": { + "asynckit": "^0.4.0", + "combined-stream": "^1.0.8", + "mime-types": "^2.1.12" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/fs.realpath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", + "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==", + "dev": true + }, + "node_modules/fsevents": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", + "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, + "node_modules/gensync": { + "version": "1.0.0-beta.2", + "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz", + "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/glob": { + "version": "7.2.3", + "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz", + "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==", + "dev": true, + "dependencies": { + "fs.realpath": "^1.0.0", + "inflight": "^1.0.4", + "inherits": "2", + "minimatch": "^3.1.1", + "once": "^1.3.0", + "path-is-absolute": "^1.0.0" + }, + "engines": { + "node": "*" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/glob-parent": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz", + "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==", + "dev": true, + "dependencies": { + "is-glob": "^4.0.3" + }, + "engines": { + "node": ">=10.13.0" + } + }, + "node_modules/glob/node_modules/brace-expansion": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", + "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0", + "concat-map": "0.0.1" + } + }, + "node_modules/glob/node_modules/minimatch": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz", + "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==", + "dev": true, + "dependencies": { + "brace-expansion": "^1.1.7" + }, + "engines": { + "node": "*" + } + }, + "node_modules/globals": { + "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/globby": { + "version": "11.1.0", + "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", + "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", + "dev": true, + "dependencies": { + "array-union": "^2.1.0", + "dir-glob": "^3.0.1", + "fast-glob": "^3.2.9", + "ignore": "^5.2.0", + "merge2": "^1.4.1", + "slash": "^3.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/graphemer": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz", + "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==", + "dev": true + }, + "node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/ignore": { + "version": "5.3.1", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz", + "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==", + "dev": true, + "engines": { + "node": ">= 4" + } + }, + "node_modules/import-fresh": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", + "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", + "dev": true, + "dependencies": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/imurmurhash": { + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", + "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==", + "dev": true, + "engines": { + "node": ">=0.8.19" + } + }, + "node_modules/inflight": { + "version": "1.0.6", + "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", + "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==", + "dev": true, + "dependencies": { + "once": "^1.3.0", + "wrappy": "1" + } + }, + "node_modules/inherits": { + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz", + "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==", + "dev": true + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/is-path-inside": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz", + "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/isexe": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz", + "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==", + "dev": true + }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" + }, + "node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "dev": true, + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "dev": true, + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/json-buffer": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz", + "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==", + "dev": true + }, + "node_modules/json-schema-traverse": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz", + "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==", + "dev": true + }, + "node_modules/json-stable-stringify-without-jsonify": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz", + "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==", + "dev": true + }, + "node_modules/json5": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", + "dev": true, + "bin": { + "json5": "lib/cli.js" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/keyv": { + "version": "4.5.4", + "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz", + "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==", + "dev": true, + "dependencies": { + "json-buffer": "3.0.1" + } + }, + "node_modules/levn": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz", + "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==", + "dev": true, + "dependencies": { + "prelude-ls": "^1.2.1", + "type-check": "~0.4.0" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/locate-path": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", + "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", + "dev": true, + "dependencies": { + "p-locate": "^5.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/lodash.merge": { + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", + "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", + "dev": true + }, + "node_modules/loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "dependencies": { + "js-tokens": "^3.0.0 || ^4.0.0" + }, + "bin": { + "loose-envify": "cli.js" + } + }, + "node_modules/lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", + "dev": true, + "dependencies": { + "yallist": "^3.0.2" + } + }, + "node_modules/merge2": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz", + "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==", + "dev": true, + "engines": { + "node": ">= 8" + } + }, + "node_modules/micromatch": { + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", + "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "dev": true, + "dependencies": { + "braces": "^3.0.2", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/mime-db": { + "version": "1.52.0", + "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", + "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/mime-types": { + "version": "2.1.35", + "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz", + "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", + "dependencies": { + "mime-db": "1.52.0" + }, + "engines": { + "node": ">= 0.6" + } + }, + "node_modules/minimatch": { + "version": "9.0.4", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz", + "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "node_modules/nanoid": { + "version": "3.3.7", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", + "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "bin": { + "nanoid": "bin/nanoid.cjs" + }, + "engines": { + "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" + } + }, + "node_modules/natural-compare": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz", + "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==", + "dev": true + }, + "node_modules/node-releases": { + "version": "2.0.14", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz", + "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==", + "dev": true + }, + "node_modules/once": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", + "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==", + "dev": true, + "dependencies": { + "wrappy": "1" + } + }, + "node_modules/optionator": { + "version": "0.9.4", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz", + "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==", + "dev": true, + "dependencies": { + "deep-is": "^0.1.3", + "fast-levenshtein": "^2.0.6", + "levn": "^0.4.1", + "prelude-ls": "^1.2.1", + "type-check": "^0.4.0", + "word-wrap": "^1.2.5" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/p-limit": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", + "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==", + "dev": true, + "dependencies": { + "yocto-queue": "^0.1.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/p-locate": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", + "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", + "dev": true, + "dependencies": { + "p-limit": "^3.0.2" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", + "dev": true, + "dependencies": { + "callsites": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/path-exists": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", + "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/path-is-absolute": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", + "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/path-key": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz", + "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/path-type": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", + "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/picocolors": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz", + "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==" + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/postcss": { + "version": "8.4.38", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz", + "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==", + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "nanoid": "^3.3.7", + "picocolors": "^1.0.0", + "source-map-js": "^1.2.0" + }, + "engines": { + "node": "^10 || ^12 || >=14" + } + }, + "node_modules/postcss-value-parser": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz", + "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" + }, + "node_modules/prelude-ls": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz", + "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==", + "dev": true, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/proxy-from-env": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==" + }, + "node_modules/punycode": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", + "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/queue-microtask": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz", + "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, + "node_modules/react": { + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz", + "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==", + "dependencies": { + "loose-envify": "^1.1.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-dom": { + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz", + "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==", + "dependencies": { + "loose-envify": "^1.1.0", + "scheduler": "^0.23.2" + }, + "peerDependencies": { + "react": "^18.3.1" + } + }, + "node_modules/react-refresh": { + "version": "0.14.2", + "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz", + "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-router": { + "version": "6.23.0", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.23.0.tgz", + "integrity": "sha512-wPMZ8S2TuPadH0sF5irFGjkNLIcRvOSaEe7v+JER8508dyJumm6XZB1u5kztlX0RVq6AzRVndzqcUh6sFIauzA==", + "dependencies": { + "@remix-run/router": "1.16.0" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "react": ">=16.8" + } + }, + "node_modules/react-router-dom": { + "version": "6.23.0", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.23.0.tgz", + "integrity": "sha512-Q9YaSYvubwgbal2c9DJKfx6hTNoBp3iJDsl+Duva/DwxoJH+OTXkxGpql4iUK2sla/8z4RpjAm6EWx1qUDuopQ==", + "dependencies": { + "@remix-run/router": "1.16.0", + "react-router": "6.23.0" + }, + "engines": { + "node": ">=14.0.0" + }, + "peerDependencies": { + "react": ">=16.8", + "react-dom": ">=16.8" + } + }, + "node_modules/resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/reusify": { + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz", + "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==", + "dev": true, + "engines": { + "iojs": ">=1.0.0", + "node": ">=0.10.0" + } + }, + "node_modules/rimraf": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", + "dev": true, + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/rollup": { + "version": "4.17.2", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.17.2.tgz", + "integrity": "sha512-/9ClTJPByC0U4zNLowV1tMBe8yMEAxewtR3cUNX5BoEpGH3dQEWpJLr6CLp0fPdYRF/fzVOgvDb1zXuakwF5kQ==", + "dev": true, + "dependencies": { + "@types/estree": "1.0.5" + }, + "bin": { + "rollup": "dist/bin/rollup" + }, + "engines": { + "node": ">=18.0.0", + "npm": ">=8.0.0" + }, + "optionalDependencies": { + "@rollup/rollup-android-arm-eabi": "4.17.2", + "@rollup/rollup-android-arm64": "4.17.2", + "@rollup/rollup-darwin-arm64": "4.17.2", + "@rollup/rollup-darwin-x64": "4.17.2", + "@rollup/rollup-linux-arm-gnueabihf": "4.17.2", + "@rollup/rollup-linux-arm-musleabihf": "4.17.2", + "@rollup/rollup-linux-arm64-gnu": "4.17.2", + "@rollup/rollup-linux-arm64-musl": "4.17.2", + "@rollup/rollup-linux-powerpc64le-gnu": "4.17.2", + "@rollup/rollup-linux-riscv64-gnu": "4.17.2", + "@rollup/rollup-linux-s390x-gnu": "4.17.2", + "@rollup/rollup-linux-x64-gnu": "4.17.2", + "@rollup/rollup-linux-x64-musl": "4.17.2", + "@rollup/rollup-win32-arm64-msvc": "4.17.2", + "@rollup/rollup-win32-ia32-msvc": "4.17.2", + "@rollup/rollup-win32-x64-msvc": "4.17.2", + "fsevents": "~2.3.2" + } + }, + "node_modules/run-parallel": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz", + "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ], + "dependencies": { + "queue-microtask": "^1.2.2" + } + }, + "node_modules/scheduler": { + "version": "0.23.2", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz", + "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==", + "dependencies": { + "loose-envify": "^1.1.0" + } + }, + "node_modules/semver": { + "version": "7.6.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.1.tgz", + "integrity": "sha512-f/vbBsu+fOiYt+lmwZV0rVwJScl46HppnOA1ZvIuBWKOTlllpyJ3bfVax76/OrhCH38dyxoDIA8K7uB963IYgA==", + "dev": true, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/shallowequal": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz", + "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==" + }, + "node_modules/shebang-command": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz", + "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==", + "dev": true, + "dependencies": { + "shebang-regex": "^3.0.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/shebang-regex": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz", + "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/slash": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz", + "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/source-map-js": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz", + "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/strip-ansi": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/strip-json-comments": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz", + "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==", + "dev": true, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/styled-components": { + "version": "6.1.10", + "resolved": "https://registry.npmjs.org/styled-components/-/styled-components-6.1.10.tgz", + "integrity": "sha512-4K8IKcn7iOt76riGLjvBhRyNPTkUKTvmnwoRFBOtJLswVvzy2VsoE2KOrfl9FJLQUYbITLJY2wfIZ3tjbkA/Zw==", + "dependencies": { + "@emotion/is-prop-valid": "1.2.2", + "@emotion/unitless": "0.8.1", + "@types/stylis": "4.2.5", + "css-to-react-native": "3.2.0", + "csstype": "3.1.3", + "postcss": "8.4.38", + "shallowequal": "1.1.0", + "stylis": "4.3.2", + "tslib": "2.6.2" + }, + "engines": { + "node": ">= 16" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/styled-components" + }, + "peerDependencies": { + "react": ">= 16.8.0", + "react-dom": ">= 16.8.0" + } + }, + "node_modules/stylis": { + "version": "4.3.2", + "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.2.tgz", + "integrity": "sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==" + }, + "node_modules/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, + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/text-table": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", + "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==", + "dev": true + }, + "node_modules/to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, + "node_modules/ts-api-utils": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz", + "integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==", + "dev": true, + "engines": { + "node": ">=16" + }, + "peerDependencies": { + "typescript": ">=4.2.0" + } + }, + "node_modules/tslib": { + "version": "2.6.2", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz", + "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==" + }, + "node_modules/type-check": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", + "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==", + "dev": true, + "dependencies": { + "prelude-ls": "^1.2.1" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/type-fest": { + "version": "0.20.2", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz", + "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/typescript": { + "version": "5.4.5", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz", + "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==", + "dev": true, + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, + "node_modules/update-browserslist-db": { + "version": "1.0.15", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.15.tgz", + "integrity": "sha512-K9HWH62x3/EalU1U6sjSZiylm9C8tgq2mSvshZpqc7QE69RaA2qjhkW2HlNA0tFpEbtyFz7HTqbSdN4MSwUodA==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], + "dependencies": { + "escalade": "^3.1.2", + "picocolors": "^1.0.0" + }, + "bin": { + "update-browserslist-db": "cli.js" + }, + "peerDependencies": { + "browserslist": ">= 4.21.0" + } + }, + "node_modules/uri-js": { + "version": "4.4.1", + "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", + "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", + "dev": true, + "dependencies": { + "punycode": "^2.1.0" + } + }, + "node_modules/vite": { + "version": "5.2.11", + "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.11.tgz", + "integrity": "sha512-HndV31LWW05i1BLPMUCE1B9E9GFbOu1MbenhS58FuK6owSO5qHm7GiCotrNY1YE5rMeQSFBGmT5ZaLEjFizgiQ==", + "dev": true, + "dependencies": { + "esbuild": "^0.20.1", + "postcss": "^8.4.38", + "rollup": "^4.13.0" + }, + "bin": { + "vite": "bin/vite.js" + }, + "engines": { + "node": "^18.0.0 || >=20.0.0" + }, + "funding": { + "url": "https://github.com/vitejs/vite?sponsor=1" + }, + "optionalDependencies": { + "fsevents": "~2.3.3" + }, + "peerDependencies": { + "@types/node": "^18.0.0 || >=20.0.0", + "less": "*", + "lightningcss": "^1.21.0", + "sass": "*", + "stylus": "*", + "sugarss": "*", + "terser": "^5.4.0" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + }, + "less": { + "optional": true + }, + "lightningcss": { + "optional": true + }, + "sass": { + "optional": true + }, + "stylus": { + "optional": true + }, + "sugarss": { + "optional": true + }, + "terser": { + "optional": true + } + } + }, + "node_modules/which": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz", + "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==", + "dev": true, + "dependencies": { + "isexe": "^2.0.0" + }, + "bin": { + "node-which": "bin/node-which" + }, + "engines": { + "node": ">= 8" + } + }, + "node_modules/word-wrap": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz", + "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/wrappy": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", + "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==", + "dev": true + }, + "node_modules/yallist": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", + "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true + }, + "node_modules/yocto-queue": { + "version": "0.1.0", + "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz", + "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==", + "dev": true, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..0fc9fd9 --- /dev/null +++ b/package.json @@ -0,0 +1,32 @@ +{ + "name": "infinite-challenge-fe", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "tsc && vite build", + "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0", + "preview": "vite preview" + }, + "dependencies": { + "@tanstack/react-query": "^5.35.1", + "axios": "^1.6.8", + "react": "^18.2.0", + "react-dom": "^18.2.0", + "react-router-dom": "^6.23.0", + "styled-components": "^6.1.10" + }, + "devDependencies": { + "@types/react": "^18.2.66", + "@types/react-dom": "^18.2.22", + "@typescript-eslint/eslint-plugin": "^7.2.0", + "@typescript-eslint/parser": "^7.2.0", + "@vitejs/plugin-react": "^4.2.1", + "eslint": "^8.57.0", + "eslint-plugin-react-hooks": "^4.6.0", + "eslint-plugin-react-refresh": "^0.4.6", + "typescript": "^5.2.2", + "vite": "^5.2.0" + } +} diff --git a/public/vite.svg b/public/vite.svg new file mode 100644 index 0000000..e7b8dfb --- /dev/null +++ b/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/react.svg b/src/assets/react.svg new file mode 100644 index 0000000..6c87de9 --- /dev/null +++ b/src/assets/react.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/index.css b/src/index.css new file mode 100644 index 0000000..6119ad9 --- /dev/null +++ b/src/index.css @@ -0,0 +1,68 @@ +:root { + font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; + line-height: 1.5; + font-weight: 400; + + color-scheme: light dark; + color: rgba(255, 255, 255, 0.87); + background-color: #242424; + + font-synthesis: none; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +a { + font-weight: 500; + color: #646cff; + text-decoration: inherit; +} +a:hover { + color: #535bf2; +} + +body { + margin: 0; + display: flex; + place-items: center; + min-width: 320px; + min-height: 100vh; +} + +h1 { + font-size: 3.2em; + line-height: 1.1; +} + +button { + border-radius: 8px; + border: 1px solid transparent; + padding: 0.6em 1.2em; + font-size: 1em; + font-weight: 500; + font-family: inherit; + background-color: #1a1a1a; + cursor: pointer; + transition: border-color 0.25s; +} +button:hover { + border-color: #646cff; +} +button:focus, +button:focus-visible { + outline: 4px auto -webkit-focus-ring-color; +} + +@media (prefers-color-scheme: light) { + :root { + color: #213547; + background-color: #ffffff; + } + a:hover { + color: #747bff; + } + button { + background-color: #f9f9f9; + } +} diff --git a/src/main.tsx b/src/main.tsx new file mode 100644 index 0000000..20dc39f --- /dev/null +++ b/src/main.tsx @@ -0,0 +1,85 @@ +import React from 'react'; +import ReactDOM from 'react-dom/client'; +import { RouterProvider } from 'react-router-dom'; +import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; +import { router } from './router.tsx'; +import { createGlobalStyle } from 'styled-components'; + +// Create a client for react-query +const queryClient = new QueryClient(); +const GlobalStyle = createGlobalStyle` + @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400&display=swap'); + html, body, div, span, applet, object, iframe, + h1, h2, h3, h4, h5, h6, p, blockquote, pre, + a, abbr, acronym, address, big, cite, code, + del, dfn, em, img, ins, kbd, q, s, samp, + small, strike, strong, sub, sup, tt, var, + b, u, i, center, + dl, dt, dd, menu, ol, ul, li, + fieldset, form, label, legend, + table, caption, tbody, tfoot, thead, tr, th, td, + article, aside, canvas, details, embed, + figure, figcaption, footer, header, hgroup, + main, menu, nav, output, ruby, section, summary, + time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + border: none; + } + /* HTML5 display-role reset for older browsers */ + article, aside, details, figcaption, figure, + footer, header, hgroup, main, menu, nav, section { + display: block; + } + /* HTML5 hidden-attribute fix for newer browsers */ + *[hidden] { + display: none; + } + body { + + } + menu, ol, ul { + list-style: none; + } + blockquote, q { + quotes: none; + } + blockquote:before, blockquote:after, + q:before, q:after { + content: ''; + content: none; + } + table { + border-collapse: collapse; + border-spacing: 0; + } + * { + box-sizing: border-box; + } + body { + font-family: 'Source Sans Pro', sans-serif; + } + a { + text-decoration:none; + color:inherit; + } + button { + + } +` + + + +const root = ReactDOM.createRoot(document.getElementById('root')!); +root.render( + + + + + + +); diff --git a/src/pages/_layout.tsx b/src/pages/_layout.tsx new file mode 100644 index 0000000..43a54ca --- /dev/null +++ b/src/pages/_layout.tsx @@ -0,0 +1,22 @@ +import { Suspense } from 'react'; +import { Outlet } from 'react-router-dom'; +import { Header } from '../components/Header'; +import styled from 'styled-components'; + +const Container = styled.div` + height: 100vh; + margin: 0; + padding: 0; + background-color: white; +` + +export default function Layout() { + return ( + + +
+ + + + ); +} diff --git a/src/router.tsx b/src/router.tsx new file mode 100644 index 0000000..24cc8d3 --- /dev/null +++ b/src/router.tsx @@ -0,0 +1,19 @@ +import { createBrowserRouter, RouteObject } from 'react-router-dom'; +import Layout from './pages/_layout'; +import { MainPage } from './pages/MainPage'; + +// 라우트 구성 +const routes: RouteObject[] = [ + { + path: '/', + element: , + children: [ + { + path: '/', + element: + }, + ] + } +]; + +export const router = createBrowserRouter(routes); diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts new file mode 100644 index 0000000..11f02fe --- /dev/null +++ b/src/vite-env.d.ts @@ -0,0 +1 @@ +/// diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..a7fc6fb --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,25 @@ +{ + "compilerOptions": { + "target": "ES2020", + "useDefineForClassFields": true, + "lib": ["ES2020", "DOM", "DOM.Iterable"], + "module": "ESNext", + "skipLibCheck": true, + + /* Bundler mode */ + "moduleResolution": "bundler", + "allowImportingTsExtensions": true, + "resolveJsonModule": true, + "isolatedModules": true, + "noEmit": true, + "jsx": "react-jsx", + + /* Linting */ + "strict": true, + "noUnusedLocals": true, + "noUnusedParameters": true, + "noFallthroughCasesInSwitch": true + }, + "include": ["src"], + "references": [{ "path": "./tsconfig.node.json" }] +} diff --git a/tsconfig.node.json b/tsconfig.node.json new file mode 100644 index 0000000..97ede7e --- /dev/null +++ b/tsconfig.node.json @@ -0,0 +1,11 @@ +{ + "compilerOptions": { + "composite": true, + "skipLibCheck": true, + "module": "ESNext", + "moduleResolution": "bundler", + "allowSyntheticDefaultImports": true, + "strict": true + }, + "include": ["vite.config.ts"] +} diff --git a/vite.config.ts b/vite.config.ts new file mode 100644 index 0000000..72e2f24 --- /dev/null +++ b/vite.config.ts @@ -0,0 +1,17 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +// https://vitejs.dev/config/ +export default defineConfig({ + plugins: [react()], + server:{ + proxy: { + "/api": { + target: "https://api.clinicaltrialskorea.com/api", + changeOrigin: true, + rewrite: (path) => path.replace(/^\/api/, ""), + }, + }, + }, + +}) From d5a202d93771bc0ecab7c3c4c22734b2378c24a7 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Sun, 12 May 2024 18:16:15 +0900 Subject: [PATCH 02/23] =?UTF-8?q?design=20:=20=EA=B8=B0=EB=B3=B8=EC=A0=81?= =?UTF-8?q?=EC=9D=B8=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/DropDowns.tsx | 26 ++++++++++++++++++++++++++ src/components/Header.tsx | 29 +++++++++++++++++++++++++++++ src/components/SearchItem.tsx | 8 ++++++++ src/components/SearchResult.tsx | 10 ++++++++++ src/pages/BookMarkPage.tsx | 7 +++++++ 5 files changed, 80 insertions(+) create mode 100644 src/components/DropDowns.tsx create mode 100644 src/components/Header.tsx create mode 100644 src/components/SearchItem.tsx create mode 100644 src/components/SearchResult.tsx create mode 100644 src/pages/BookMarkPage.tsx diff --git a/src/components/DropDowns.tsx b/src/components/DropDowns.tsx new file mode 100644 index 0000000..dcb77b2 --- /dev/null +++ b/src/components/DropDowns.tsx @@ -0,0 +1,26 @@ +import { useEffect } from "react" +import styled from "styled-components" + +const Container = styled.div` + width: 486px; + height: 400px; + background-color: #ffffff; + border-radius: 42px; + margin-top: 10px; + position: absolute; + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); +` + +export const DropDowns = ({datas}:{datas: any[]}) =>{ + useEffect(()=>{ + console.log(datas) + },[datas]) + return( + + {datas.map((data,index)=>( +
{data.name}
+ ))} + {/* //TODO: 컴포넌트 만들어서 뺴기 */} + + ) +} \ No newline at end of file diff --git a/src/components/Header.tsx b/src/components/Header.tsx new file mode 100644 index 0000000..410e67a --- /dev/null +++ b/src/components/Header.tsx @@ -0,0 +1,29 @@ +import styled from "styled-components" + +const Container = styled.div` + width: 100vw; + height: 56px; + background-color: #ffffff; + display: flex; + flex-direction: row; + justify-content: center; +` + +const HeaderMainBox = styled.div` + width: 1000px; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; +` + +export const Header = () =>{ + return( + + +
한국임상정보
+
즐겨찾기
+ + + ) +} \ No newline at end of file diff --git a/src/components/SearchItem.tsx b/src/components/SearchItem.tsx new file mode 100644 index 0000000..6dddc61 --- /dev/null +++ b/src/components/SearchItem.tsx @@ -0,0 +1,8 @@ +export const SearchItem = () =>{ + + return( +
+ +
+ ) +} \ No newline at end of file diff --git a/src/components/SearchResult.tsx b/src/components/SearchResult.tsx new file mode 100644 index 0000000..e041191 --- /dev/null +++ b/src/components/SearchResult.tsx @@ -0,0 +1,10 @@ +export const SearchResult = ({datas}:{datas: any[]}) =>{ + return( +
+ {datas.map((data,index)=>( +
{data.id}
+ ))} + {/* //TODO: 컴포넌트 만들어서 뺴기 */} +
+ ) +} \ No newline at end of file diff --git a/src/pages/BookMarkPage.tsx b/src/pages/BookMarkPage.tsx new file mode 100644 index 0000000..b812c09 --- /dev/null +++ b/src/pages/BookMarkPage.tsx @@ -0,0 +1,7 @@ +export const BookMarkPage = () =>{ + return( +
+ +
+ ) +} \ No newline at end of file From 3995c28a23e255699f901848517f0be2b062d318 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Sun, 12 May 2024 18:16:57 +0900 Subject: [PATCH 03/23] =?UTF-8?q?feat=20:=20=EC=B6=94=EC=B2=9C=20=EA=B2=80?= =?UTF-8?q?=EC=83=89=EC=96=B4=20=EA=B8=B0=EB=8A=A5=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/SearchBar.tsx | 90 ++++++++++++++++++++++++++++++++++++ 1 file changed, 90 insertions(+) create mode 100644 src/components/SearchBar.tsx diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx new file mode 100644 index 0000000..e8718e2 --- /dev/null +++ b/src/components/SearchBar.tsx @@ -0,0 +1,90 @@ +import { useEffect, useRef, useState } from "react"; +import styled from "styled-components"; +import { DropDowns } from "./DropDowns"; +import axios from "axios"; + +const Container = styled.div``; + +const SearchBarContainer = styled.div` + width: 486px; + height: 69.7px; + display: flex; + flex-direction: row; + background-color: #ffffff; + border-radius: 42px; + margin-top: 40px; + position: relative; + border: ${({ isFocused }) => isFocused ? "1px solid #007BE9" : "none"}; +`; + +const TestInput = styled.input` + width: 70%; + height: 100%; + border: none; + outline: none; + font-size: 16px; + border-radius: 42px; + + text-align: center; + :focus { + border: none; + outline: none; + } +`; + +export const SearchBar = ({handleSearch}:any) => { + const [isFocus, setIsFocus] = useState(false); + const [input, setInput] = useState(''); + const [data, setData] = useState([]); + + const inputRef = useRef(null); + + const handleFocus = () => { + setIsFocus(true); + if (inputRef.current) { + inputRef.current.focus(); + } + }; + + const handleBlur = () => { + setIsFocus(false); + }; + + const handleInput = (e) => { + setInput(e.target.value) + } + + useEffect(() => { + if (input.trim() !== "") { + console.log(input); + const encodedInput = encodeURIComponent(input); + const fetchData = async () => { + try { + const response = await axios.get(`/api/v1/search-conditions/?name=${encodedInput}`); + console.log(response) + setData(response.data); + } catch (error) { + console.error(error); + } + }; + fetchData(); + } + }, [input]); + + + + return ( + + + {/* {isFocus ?
이미지
: null} */} + handleInput(e)} ref={inputRef} /> + + + {isFocus ? : null} + + ); +}; \ No newline at end of file From f6f004cf160bf1b4bd42544494acdcc77fe5f2b3 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Sun, 12 May 2024 18:17:07 +0900 Subject: [PATCH 04/23] =?UTF-8?q?feat=20:=20=EA=B2=80=EC=83=89=20=EA=B8=B0?= =?UTF-8?q?=EB=8A=A5=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/MainPage.tsx | 76 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 76 insertions(+) create mode 100644 src/pages/MainPage.tsx diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx new file mode 100644 index 0000000..27d7b42 --- /dev/null +++ b/src/pages/MainPage.tsx @@ -0,0 +1,76 @@ +import styled from "styled-components" +import { SearchBar} from "../components/SearchBar" +import { useEffect, useState } from "react" +import axios from "axios" +import { SearchResult } from "../components/SearchResult" + +const Container = styled.div` + width: 100vw; +` + +const SearchContainer = styled.div` + width: 100%; + height: 462px; + background-color: #CAE9FF; + padding: 58px 0px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +` +const TextWrapper = styled.div` + font-size: 34px; + font-weight: bold; + text-align: center; + white-space: pre-wrap; + line-height: 52px; + letter-spacing: -0.4px; +` + +const ResultContainer = styled.div` + width: 100%; +` + +// const SearchBar = styled.div` +// width: 486px; +// height: 69.7px; +// background-color: #ffffff; +// border-radius: 42px; +// margin-top: 40px; +// ` + + +export const MainPage = () =>{ + const [ searchData, setSearchData ] = useState([]) + + const handleSearchButton = (input:any) => { + const encodedInput = encodeURIComponent(input); + const fetchDatas =async () => { + try { + const response = await axios.get(`/api/v1/studies/?offset=0&limit=10&conditions=${encodedInput}`); + console.log(response) + setSearchData(response.data.results) + console.log(response.data.results) + } catch (error) { + console.log(error) + } + } + fetchDatas(); + } + + + return( + + + + 국내 모든 임상시험 검색하고
+ 온라인으로 참여하기 + + + + + {searchData.length === 0 ? "true": } + + + ) +} \ No newline at end of file From e55fb0497a86b23bdf1df68baef635abf0070398 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Sun, 12 May 2024 22:50:32 +0900 Subject: [PATCH 05/23] =?UTF-8?q?feat=20:=20=ED=82=A4=EB=B3=B4=EB=93=9C=20?= =?UTF-8?q?=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/DropDowns.tsx | 49 ++++++++++++++++++++++++---- src/components/SearchBar.tsx | 35 ++++++++++---------- src/components/SearchItem.tsx | 58 ++++++++++++++++++++++++++++++++- src/components/SearchResult.tsx | 15 +++++++-- src/pages/MainPage.tsx | 3 ++ 5 files changed, 132 insertions(+), 28 deletions(-) diff --git a/src/components/DropDowns.tsx b/src/components/DropDowns.tsx index dcb77b2..e1ceb2a 100644 --- a/src/components/DropDowns.tsx +++ b/src/components/DropDowns.tsx @@ -1,24 +1,59 @@ -import { useEffect } from "react" +import { useEffect, useState } from "react" import styled from "styled-components" const Container = styled.div` width: 486px; - height: 400px; + display: flex; + flex-direction: column; + align-items: center; background-color: #ffffff; border-radius: 42px; - margin-top: 10px; + margin-top: 80px; position: absolute; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); + overflow: hidden; ` -export const DropDowns = ({datas}:{datas: any[]}) =>{ +const DropDownItem = styled.div` + width: 438px; + height: 40px; + padding: 12px 0px; + font-size: 14px; + border-radius: 5px; + background-color: ${props => props.focused ?'#EFEFEF' : 'transparent'}; + border: none; + &:hover{ + background-color: #EFEFEF; + } + &:focus{ + border: none; + outline: none; + } +` + +export const DropDowns = ({datas,handleSearch}:{datas: any[],handleSearch: (name:string)=>void}) =>{ + const [ focusIndex, setFocusIndex ] = useState(0) + useEffect(()=>{ - console.log(datas) - },[datas]) + console.log(focusIndex) + },[focusIndex]) + + const handleKeyPress = (event) =>{ + event.preventDefault() + + if(event.key === "ArrowDown" || event.key ==="Tab"){ + setFocusIndex(focusIndex+1) + }else if(event.key === "ArrowUp"){ + setFocusIndex(focusIndex-1) + } else if (event.key === "Enter") { + handleSearch(datas[focusIndex].name); + } + } + return( {datas.map((data,index)=>( -
{data.name}
+ handleSearch(data.name)} onKeyDown={handleKeyPress} onFocus={()=>setFocusIndex(index)} key={index}>{data.name} ))} {/* //TODO: 컴포넌트 만들어서 뺴기 */} diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index e8718e2..0ab3c21 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -14,6 +14,7 @@ const SearchBarContainer = styled.div` border-radius: 42px; margin-top: 40px; position: relative; + border: ${({ isFocused }) => isFocused ? "1px solid #007BE9" : "none"}; `; @@ -24,7 +25,6 @@ const TestInput = styled.input` outline: none; font-size: 16px; border-radius: 42px; - text-align: center; :focus { border: none; @@ -32,7 +32,7 @@ const TestInput = styled.input` } `; -export const SearchBar = ({handleSearch}:any) => { +export const SearchBar = ({ handleSearch }: any) => { const [isFocus, setIsFocus] = useState(false); const [input, setInput] = useState(''); const [data, setData] = useState([]); @@ -41,9 +41,6 @@ export const SearchBar = ({handleSearch}:any) => { const handleFocus = () => { setIsFocus(true); - if (inputRef.current) { - inputRef.current.focus(); - } }; const handleBlur = () => { @@ -52,7 +49,7 @@ export const SearchBar = ({handleSearch}:any) => { const handleInput = (e) => { setInput(e.target.value) - } + }; useEffect(() => { if (input.trim() !== "") { @@ -68,23 +65,27 @@ export const SearchBar = ({handleSearch}:any) => { } }; fetchData(); + }else{ + setData([]) } }, [input]); return ( - - - {/* {isFocus ?
이미지
: null} */} - handleInput(e)} ref={inputRef} /> - + + + + + - {isFocus ? : null} ); -}; \ No newline at end of file +}; diff --git a/src/components/SearchItem.tsx b/src/components/SearchItem.tsx index 6dddc61..578609d 100644 --- a/src/components/SearchItem.tsx +++ b/src/components/SearchItem.tsx @@ -5,4 +5,60 @@ export const SearchItem = () =>{ ) -} \ No newline at end of file +} + + +// brief_summary +// : +// "경부 절개를 통해 종양을 적출하는 갑상선절제술 및 경부 종양 절제술 환자에서 수술 시 절개 부위의 보툴리눔 독소 주입술과 절제적 CO2 레이저 치료의 병행 요법이 반흔 예방에 보다 우수하여 미용적 효과 및 환자의 만족감을 상승시킬 수 있음을 알아 보고자 함.\n또한 상처 치유 과정에서 보툴리눔 독소가 레이저 치료의 반흔 제거 시술 효과를 상승시키는 결과를 보일 수 있음을 확인하고자 함" +// completion_date +// : +// "2022-02-01" +// created_at +// : +// "2022-05-12T13:21:53.749473" +// ct_id +// : +// "202100463" +// from_type +// : +// 1 +// gender +// : +// "남녀모두" +// id +// : +// 26836 +// is_new +// : +// false +// is_sponsor +// : +// false +// lead_sponsor_name +// : +// "가톨릭대학교성빈센트병원" +// locations +// : +// [{…}] +// maximum_age_display +// : +// null +// minimum_age_display +// : +// "18세" +// phases +// : +// ['연구자 임상시험'] +// start_date +// : +// "2021-04-01" +// survey_id +// : +// null +// title +// : +// "갑상선 절제술 및 경부 종괴 적출술 후 보툴리눔 독소 주입과 CO2 레이져 복합요법의 경부 반흔 예방 효과" +// url +// : +// "https://api.clinicaltrialskorea.com/api/v1/studies/26836/" \ No newline at end of file diff --git a/src/components/SearchResult.tsx b/src/components/SearchResult.tsx index e041191..9614839 100644 --- a/src/components/SearchResult.tsx +++ b/src/components/SearchResult.tsx @@ -1,10 +1,19 @@ +import styled from "styled-components" + +const Container = styled.div` + width: 1000px; + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 20px; +` + export const SearchResult = ({datas}:{datas: any[]}) =>{ return( -
+ {datas.map((data,index)=>( -
{data.id}
+
{data.title}
))} {/* //TODO: 컴포넌트 만들어서 뺴기 */} -
+ ) } \ No newline at end of file diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index 27d7b42..e2c2fa0 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -29,6 +29,9 @@ const TextWrapper = styled.div` const ResultContainer = styled.div` width: 100%; + display: flex; + flex-direction: column; + align-items: center; ` // const SearchBar = styled.div` From a8d0b5d4a7c49ca5b5d56b74402220dfb816e46d Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Sun, 12 May 2024 23:00:19 +0900 Subject: [PATCH 06/23] docs : update READ.ME --- README.md | 73 ++++++++++++++++++++++++++++++++----------------------- 1 file changed, 43 insertions(+), 30 deletions(-) diff --git a/README.md b/README.md index bb15685..c4ef11b 100644 --- a/README.md +++ b/README.md @@ -1,30 +1,43 @@ -# React + TypeScript + Vite - -This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. - -Currently, two official plugins are available: - -- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh -- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh - -## Expanding the ESLint configuration - -If you are developing a production application, we recommend updating the configuration to enable type aware lint rules: - -- Configure the top-level `parserOptions` property like this: - -```js -export default { - // other rules... - parserOptions: { - ecmaVersion: "latest", - sourceType: "module", - project: ["./tsconfig.json", "./tsconfig.node.json"], - tsconfigRootDir: __dirname, - }, -}; -``` - -- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked` -- Optionally add `plugin:@typescript-eslint/stylistic-type-checked` -- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list +### 필수 구현 사항 + +- [x] 질환 명 검색시 API를 호출하여 드롭박스를 통해 추천 검색어를 보여주는 기능을 구현합니다. + - [ ] 검색어가 없을 시 “검색어 없음” 표출 + - [ ] 최근에 검색어를 보여줍니다. +- [x] 검색어를 검색 시 결과를 리스트로 보여줍니다. + - [ ] 검색어가 없을 시 화면도 구현 + - [x] 검색 결과 컴포넌트를 클릭 시 `https://clinicaltrialskorea.com/studies/{검색어ID}` 링크로 이동 +- [ ] 입력마다 API 호출하지 않도록 API 호출 횟수를 줄이는 전략 수립 및 실행 + - 검색어 입력 시 500ms마다 요청이 되도록 간단한 디바운스 적용 + - useQuery에 enabled을 사용해 조건에 맞을 경우에만 실행하도록 구현 +- [ ] API를 호출할 때 마다 `console.info("calling api")` 출력을 통해 콘솔창에서 API 호출 횟수 확인이 가능하도록 설정 + +### 추가 구현 사항 + +- [ ] 공통 컴포넌트 구현 + - [ ] 헤더 구현 + - [ ] 검색 리스트 구현 + - [ ] 드롭박스 구현 + - [ ] 모달 구현 +- [ ] 커스텀훅 사용을 통한 로직 분리 + +### 선택 구현 사항 + +- [x] **[선택 사항 1]** 키보드만으로 추천 검색어들로 이동 가능하도록 구현합니다. + - ex) 키보드 방향키, 탭을 사용하여 다음 추천 검색어로 이동 +- [ ] **[선택 사항 2]** React-Query를 활용하여 캐싱을 구현합니다. +- [ ] **[선택 사항 3]** 검색어 결과는 페이지네이션 또는 무한스크롤 선택합니다. + - [ ] 외부 라이브러리 없이 구현할 경우 추가 점수 +- [ ] **[선택 사항 4]** 스크랩 저장 기능을 구현합니다. + - [ ] 페이지를 새로고침 해도 리스트가 남아있도록 구현. + - [ ] 즐겨찾기 페이지에서 스크랩한 결과물 리스트 보여주도록 구현. + - [ ] 확인 모달을 통해 스크랩을 삭제. +- [ ] **[선택 사항 5]** 뷰포트 크기에 따른 반응형 UI를 구현합니다. +- [ ] **[선택 사항 6]** Storybook을 사용하여 UI 인터렉션 테스팅을 구현합니다. + +### 과제를 수행하면서 진행하셨던 고민 + +- + +### 구현하고자 했던 설계의 방향성 + +- From e01d5df3ad9117a77196200f36e96fc51e397a7e Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Sun, 12 May 2024 23:17:33 +0900 Subject: [PATCH 07/23] docs : update READ.ME --- README.md | 15 ++++++++++++--- src/pages/MainPage.tsx | 2 +- 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index c4ef11b..02b23ab 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,12 @@ +### 개발 조건 및 환경 + +- 언어 + - TypeScript +- 사용한 기술 + - React + - 스타일 관련 라이브러리 : Styled-Components + - HTTP Client : axios + ### 필수 구현 사항 - [x] 질환 명 검색시 API를 호출하여 드롭박스를 통해 추천 검색어를 보여주는 기능을 구현합니다. @@ -14,9 +23,9 @@ ### 추가 구현 사항 - [ ] 공통 컴포넌트 구현 - - [ ] 헤더 구현 - - [ ] 검색 리스트 구현 - - [ ] 드롭박스 구현 + - [x] 헤더 구현 + - [x] 검색 리스트 구현 + - [x] 드롭박스 구현 - [ ] 모달 구현 - [ ] 커스텀훅 사용을 통한 로직 분리 diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index e2c2fa0..d7563a6 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -72,7 +72,7 @@ export const MainPage = () =>{ - {searchData.length === 0 ? "true": } + {searchData.length === 0 ? "검색어 없음" : } ) From 0bfb0d13194d636f447dfee54667318f25deb53e Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Sun, 12 May 2024 23:21:37 +0900 Subject: [PATCH 08/23] docs : update TODO --- src/components/DropDowns.tsx | 7 +++-- src/components/SearchItem.tsx | 55 ----------------------------------- src/pages/MainPage.tsx | 3 +- 3 files changed, 5 insertions(+), 60 deletions(-) diff --git a/src/components/DropDowns.tsx b/src/components/DropDowns.tsx index e1ceb2a..03ce305 100644 --- a/src/components/DropDowns.tsx +++ b/src/components/DropDowns.tsx @@ -34,9 +34,6 @@ const DropDownItem = styled.div` export const DropDowns = ({datas,handleSearch}:{datas: any[],handleSearch: (name:string)=>void}) =>{ const [ focusIndex, setFocusIndex ] = useState(0) - useEffect(()=>{ - console.log(focusIndex) - },[focusIndex]) const handleKeyPress = (event) =>{ event.preventDefault() @@ -52,10 +49,14 @@ export const DropDowns = ({datas,handleSearch}:{datas: any[],handleSearch: (name return( + {/* //TODO: 검색어 없음 구현하기 */} + {datas.map((data,index)=>( handleSearch(data.name)} onKeyDown={handleKeyPress} onFocus={()=>setFocusIndex(index)} key={index}>{data.name} ))} {/* //TODO: 컴포넌트 만들어서 뺴기 */} + {/* //TODO: 최근 검색어 구현하기 */} + ) } \ No newline at end of file diff --git a/src/components/SearchItem.tsx b/src/components/SearchItem.tsx index 578609d..a25211e 100644 --- a/src/components/SearchItem.tsx +++ b/src/components/SearchItem.tsx @@ -7,58 +7,3 @@ export const SearchItem = () =>{ ) } - -// brief_summary -// : -// "경부 절개를 통해 종양을 적출하는 갑상선절제술 및 경부 종양 절제술 환자에서 수술 시 절개 부위의 보툴리눔 독소 주입술과 절제적 CO2 레이저 치료의 병행 요법이 반흔 예방에 보다 우수하여 미용적 효과 및 환자의 만족감을 상승시킬 수 있음을 알아 보고자 함.\n또한 상처 치유 과정에서 보툴리눔 독소가 레이저 치료의 반흔 제거 시술 효과를 상승시키는 결과를 보일 수 있음을 확인하고자 함" -// completion_date -// : -// "2022-02-01" -// created_at -// : -// "2022-05-12T13:21:53.749473" -// ct_id -// : -// "202100463" -// from_type -// : -// 1 -// gender -// : -// "남녀모두" -// id -// : -// 26836 -// is_new -// : -// false -// is_sponsor -// : -// false -// lead_sponsor_name -// : -// "가톨릭대학교성빈센트병원" -// locations -// : -// [{…}] -// maximum_age_display -// : -// null -// minimum_age_display -// : -// "18세" -// phases -// : -// ['연구자 임상시험'] -// start_date -// : -// "2021-04-01" -// survey_id -// : -// null -// title -// : -// "갑상선 절제술 및 경부 종괴 적출술 후 보툴리눔 독소 주입과 CO2 레이져 복합요법의 경부 반흔 예방 효과" -// url -// : -// "https://api.clinicaltrialskorea.com/api/v1/studies/26836/" \ No newline at end of file diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index d7563a6..424c7a6 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -51,9 +51,8 @@ export const MainPage = () =>{ const fetchDatas =async () => { try { const response = await axios.get(`/api/v1/studies/?offset=0&limit=10&conditions=${encodedInput}`); - console.log(response) + console.info("calling api") setSearchData(response.data.results) - console.log(response.data.results) } catch (error) { console.log(error) } From 2e990b5ea311def3734734b8a64de88de96ebad9 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Sun, 12 May 2024 23:21:52 +0900 Subject: [PATCH 09/23] docs : update READ.ME --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 02b23ab..0eedb67 100644 --- a/README.md +++ b/README.md @@ -18,7 +18,7 @@ - [ ] 입력마다 API 호출하지 않도록 API 호출 횟수를 줄이는 전략 수립 및 실행 - 검색어 입력 시 500ms마다 요청이 되도록 간단한 디바운스 적용 - useQuery에 enabled을 사용해 조건에 맞을 경우에만 실행하도록 구현 -- [ ] API를 호출할 때 마다 `console.info("calling api")` 출력을 통해 콘솔창에서 API 호출 횟수 확인이 가능하도록 설정 +- [x] API를 호출할 때 마다 `console.info("calling api")` 출력을 통해 콘솔창에서 API 호출 횟수 확인이 가능하도록 설정 ### 추가 구현 사항 From 98589fb30126873830412b84de90383484a3f2bc Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Mon, 13 May 2024 00:08:41 +0900 Subject: [PATCH 10/23] =?UTF-8?q?fix=20:=20console.info("calling=20api")?= =?UTF-8?q?=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/SearchBar.tsx | 6 +++--- src/pages/MainPage.tsx | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index 0ab3c21..f5fc11e 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -58,8 +58,8 @@ export const SearchBar = ({ handleSearch }: any) => { const fetchData = async () => { try { const response = await axios.get(`/api/v1/search-conditions/?name=${encodedInput}`); - console.log(response) setData(response.data); + console.info("calling api") } catch (error) { console.error(error); } @@ -82,8 +82,8 @@ export const SearchBar = ({ handleSearch }: any) => { onFocus={handleFocus} onBlur={handleBlur} ref={inputRef} - /> - + /> + diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index 424c7a6..1b24de0 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -50,8 +50,8 @@ export const MainPage = () =>{ const encodedInput = encodeURIComponent(input); const fetchDatas =async () => { try { - const response = await axios.get(`/api/v1/studies/?offset=0&limit=10&conditions=${encodedInput}`); console.info("calling api") + const response = await axios.get(`/api/v1/studies/?offset=0&limit=10&conditions=${encodedInput}`); setSearchData(response.data.results) } catch (error) { console.log(error) @@ -65,13 +65,13 @@ export const MainPage = () =>{ - 국내 모든 임상시험 검색하고
+ 국내 모든 임상시험 검색하고
온라인으로 참여하기 - {searchData.length === 0 ? "검색어 없음" : } + {searchData.length === 0 ? "검색 결과 없음" : } ) From 6127ddd9371d2920a9e7c20a2ce790204be0ff0a Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 15 May 2024 14:07:06 +0900 Subject: [PATCH 11/23] =?UTF-8?q?fix=20:=20placeholder=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/SearchBar.tsx | 47 +++++++++++++++++++++++++++++------- 1 file changed, 38 insertions(+), 9 deletions(-) diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index f5fc11e..eebda52 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -32,11 +32,16 @@ const TestInput = styled.input` } `; -export const SearchBar = ({ handleSearch }: any) => { - const [isFocus, setIsFocus] = useState(false); +interface ISearchBarProp{ + handleSearch:(input:string)=>void +} + + +export const SearchBar = ({ handleSearch }: ISearchBarProp) => { + const [isFocus, setIsFocus] = useState(false); + const [placeholderValue , setPlacehodlerValue ] = useState('질환명을 입력해주세요') const [input, setInput] = useState(''); const [data, setData] = useState([]); - const inputRef = useRef(null); const handleFocus = () => { @@ -57,9 +62,9 @@ export const SearchBar = ({ handleSearch }: any) => { const encodedInput = encodeURIComponent(input); const fetchData = async () => { try { + console.info("calling api") const response = await axios.get(`/api/v1/search-conditions/?name=${encodedInput}`); setData(response.data); - console.info("calling api") } catch (error) { console.error(error); } @@ -69,22 +74,46 @@ export const SearchBar = ({ handleSearch }: any) => { setData([]) } }, [input]); - + useEffect(()=>{ + if(isFocus){ + setPlacehodlerValue('') + } + if(!isFocus){ + setPlacehodlerValue('질환명을 입력해주세요') + } + },[isFocus]) + + const handleClickDropDown = (value:string) =>{ + handleSearch(value) + setInput(value) + } + + //조건 + //1.tab을 누르면 dropdown으로 focus가 가야함 + //2. 추천 검색어를 누르거나 해서 검색을 진행하면 focus가 사라지고 input 변경 후 결과 보여줌 + // const handleDownFocus = (event) =>{ + // if(event.key === "ArrowDown" || event.key ==="Tab"){ + + // } + // } + return ( - - + /> + + + {isFocus && } + {/* //TODO: focus가 tab & 위아래 화살표로 자연스럽게 이동하며 이동하면서 input이 변경되어야함 */} ); From 7353fce69907663058ee57c32311dd57628dd8b6 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 15 May 2024 14:12:54 +0900 Subject: [PATCH 12/23] =?UTF-8?q?feat=20:=20=EB=B2=84=ED=8A=BC=20=EB=88=84?= =?UTF-8?q?=EB=A5=BC=EC=8B=9C=20inputValue=20=EB=B3=80=EA=B2=BD=EB=B0=8F?= =?UTF-8?q?=20=EA=B2=80=EC=83=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/DropDowns.tsx | 9 +++++---- src/components/SearchBar.tsx | 3 +-- src/main.tsx | 2 -- src/pages/MainPage.tsx | 8 +++++--- 4 files changed, 11 insertions(+), 11 deletions(-) diff --git a/src/components/DropDowns.tsx b/src/components/DropDowns.tsx index 03ce305..bc7f8ec 100644 --- a/src/components/DropDowns.tsx +++ b/src/components/DropDowns.tsx @@ -1,4 +1,4 @@ -import { useEffect, useState } from "react" +import { useState } from "react" import styled from "styled-components" const Container = styled.div` @@ -31,13 +31,12 @@ const DropDownItem = styled.div` } ` -export const DropDowns = ({datas,handleSearch}:{datas: any[],handleSearch: (name:string)=>void}) =>{ +export const DropDowns = ({datas,handleSearch,ref}:{datas: any[],handleSearch: (name:string)=>void},any) =>{ const [ focusIndex, setFocusIndex ] = useState(0) const handleKeyPress = (event) =>{ event.preventDefault() - if(event.key === "ArrowDown" || event.key ==="Tab"){ setFocusIndex(focusIndex+1) }else if(event.key === "ArrowUp"){ @@ -48,8 +47,10 @@ export const DropDowns = ({datas,handleSearch}:{datas: any[],handleSearch: (name } return( - + {/* //TODO: 검색어 없음 구현하기 */} +
최근 검색어
+
최근 검색어가 없습니다
{datas.map((data,index)=>( handleSearch(data.name)} onKeyDown={handleKeyPress} onFocus={()=>setFocusIndex(index)} key={index}>{data.name} diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index eebda52..a6240b0 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -111,8 +111,7 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { ref={inputRef} /> - - {isFocus && } + {/* //TODO: focus가 tab & 위아래 화살표로 자연스럽게 이동하며 이동하면서 input이 변경되어야함 */} diff --git a/src/main.tsx b/src/main.tsx index 20dc39f..4829495 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -72,8 +72,6 @@ const GlobalStyle = createGlobalStyle` } ` - - const root = ReactDOM.createRoot(document.getElementById('root')!); root.render( diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index 1b24de0..dbf9d7c 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -1,6 +1,6 @@ import styled from "styled-components" import { SearchBar} from "../components/SearchBar" -import { useEffect, useState } from "react" +import { useState } from "react" import axios from "axios" import { SearchResult } from "../components/SearchResult" @@ -44,9 +44,9 @@ const ResultContainer = styled.div` export const MainPage = () =>{ - const [ searchData, setSearchData ] = useState([]) + const [ searchData, setSearchData ] = useState([]) - const handleSearchButton = (input:any) => { + const handleSearchButton = (input:string) => {//검색에 대한 결과 const encodedInput = encodeURIComponent(input); const fetchDatas =async () => { try { @@ -60,6 +60,7 @@ export const MainPage = () =>{ fetchDatas(); } + //필요한 APICALL return( @@ -71,6 +72,7 @@ export const MainPage = () =>{ + {/* //내려보내줘야하는 정보 -> 검색 결과 */} {searchData.length === 0 ? "검색 결과 없음" : } From b62b9c718d1ee901de68e0f6267a268f0d526cc1 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 15 May 2024 14:49:06 +0900 Subject: [PATCH 13/23] =?UTF-8?q?fix=20:=20focus=EC=97=90=20=EB=94=B0?= =?UTF-8?q?=EB=A5=B8=20dropDown=20=EC=9E=90=EC=97=B0=EC=8A=A4=EB=9F=BD?= =?UTF-8?q?=EA=B2=8C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/DropDowns.tsx | 8 ++++---- src/components/SearchBar.tsx | 10 ++++++---- 2 files changed, 10 insertions(+), 8 deletions(-) diff --git a/src/components/DropDowns.tsx b/src/components/DropDowns.tsx index bc7f8ec..a7eabdf 100644 --- a/src/components/DropDowns.tsx +++ b/src/components/DropDowns.tsx @@ -2,7 +2,8 @@ import { useState } from "react" import styled from "styled-components" const Container = styled.div` - width: 486px; + width: 100%; + height: ${props => props.isFocus ? '' : '0px'}; display: flex; flex-direction: column; align-items: center; @@ -31,7 +32,7 @@ const DropDownItem = styled.div` } ` -export const DropDowns = ({datas,handleSearch,ref}:{datas: any[],handleSearch: (name:string)=>void},any) =>{ +export const DropDowns = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: any[],handleSearch: (name:string)=>void}) =>{ const [ focusIndex, setFocusIndex ] = useState(0) @@ -47,7 +48,7 @@ export const DropDowns = ({datas,handleSearch,ref}:{datas: any[],handleSearch: ( } return( - + {/* //TODO: 검색어 없음 구현하기 */}
최근 검색어
최근 검색어가 없습니다
@@ -57,7 +58,6 @@ export const DropDowns = ({datas,handleSearch,ref}:{datas: any[],handleSearch: ( ))} {/* //TODO: 컴포넌트 만들어서 뺴기 */} {/* //TODO: 최근 검색어 구현하기 */} - ) } \ No newline at end of file diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index a6240b0..7d22e74 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -101,17 +101,19 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { return ( - + - + {/* //TODO: focus가 tab & 위아래 화살표로 자연스럽게 이동하며 이동하면서 input이 변경되어야함 */} From ac3d5c5bd254b770dd794a5e65a52485ce7802d4 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 15 May 2024 16:17:08 +0900 Subject: [PATCH 14/23] =?UTF-8?q?feat=20:=20=EC=B5=9C=EA=B7=BC=20=EA=B2=80?= =?UTF-8?q?=EC=83=89=EC=96=B4=20=EC=A0=80=EC=9E=A5=20=EA=B8=B0=EB=8A=A5=20?= =?UTF-8?q?=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 16 ++++++++-------- package.json | 2 +- src/components/DropDowns.tsx | 3 ++- src/components/SearchBar.tsx | 17 +++++++---------- src/components/SearchResult.tsx | 2 ++ src/main.tsx | 4 ++-- src/pages/MainPage.tsx | 17 +++++++++++++---- 7 files changed, 35 insertions(+), 26 deletions(-) diff --git a/package-lock.json b/package-lock.json index 83db5e9..5ca132e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,7 +8,7 @@ "name": "infinite-challenge-fe", "version": "0.0.0", "dependencies": { - "@tanstack/react-query": "^5.35.1", + "@tanstack/react-query": "^5.36.0", "axios": "^1.6.8", "react": "^18.2.0", "react-dom": "^18.2.0", @@ -1221,20 +1221,20 @@ ] }, "node_modules/@tanstack/query-core": { - "version": "5.35.1", - "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.35.1.tgz", - "integrity": "sha512-0Dnpybqb8+ps6WgqBnqFEC+1F/xLvUosRAq+wiGisTgolOZzqZfkE2995dEXmhuzINiTM7/a6xSGznU0NIvBkw==", + "version": "5.36.0", + "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.36.0.tgz", + "integrity": "sha512-B5BD3pg/mztDR36i77hGcyySKKeYrbM5mnogOROTBi1SUml5ByRK7PGUUl16vvubvQC+mSnqziFG/VIy/DE3FQ==", "funding": { "type": "github", "url": "https://github.com/sponsors/tannerlinsley" } }, "node_modules/@tanstack/react-query": { - "version": "5.35.1", - "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.35.1.tgz", - "integrity": "sha512-i2T7m2ffQdNqlX3pO+uMsnQ0H4a59Ens2GxtlMsRiOvdSB4SfYmHb27MnvFV8rGmtWRaa4gPli0/rpDoSS5LbQ==", + "version": "5.36.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.36.0.tgz", + "integrity": "sha512-BATvtM0rohwg7pRHUnxgeDiwLWRGZ8OM/4y8LImHVpecQWoH6Uhytu3Z8YV6V7hQ1sMQBFcUrGE1/e4MxR6YiA==", "dependencies": { - "@tanstack/query-core": "5.35.1" + "@tanstack/query-core": "5.36.0" }, "funding": { "type": "github", diff --git a/package.json b/package.json index 0fc9fd9..67d04a5 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,7 @@ "preview": "vite preview" }, "dependencies": { - "@tanstack/react-query": "^5.35.1", + "@tanstack/react-query": "^5.36.0", "axios": "^1.6.8", "react": "^18.2.0", "react-dom": "^18.2.0", diff --git a/src/components/DropDowns.tsx b/src/components/DropDowns.tsx index a7eabdf..ee67131 100644 --- a/src/components/DropDowns.tsx +++ b/src/components/DropDowns.tsx @@ -33,7 +33,7 @@ const DropDownItem = styled.div` ` export const DropDowns = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: any[],handleSearch: (name:string)=>void}) =>{ - const [ focusIndex, setFocusIndex ] = useState(0) + const [ focusIndex, setFocusIndex ] = useState(-1) const handleKeyPress = (event) =>{ @@ -46,6 +46,7 @@ export const DropDowns = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: handleSearch(datas[focusIndex].name); } } + //TODO: 조건 조금더 상세하게 return( diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index 7d22e74..70af102 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -87,17 +87,14 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { const handleClickDropDown = (value:string) =>{ handleSearch(value) setInput(value) + setIsFocus(false) } - //조건 - //1.tab을 누르면 dropdown으로 focus가 가야함 - //2. 추천 검색어를 누르거나 해서 검색을 진행하면 focus가 사라지고 input 변경 후 결과 보여줌 - - // const handleDownFocus = (event) =>{ - // if(event.key === "ArrowDown" || event.key ==="Tab"){ - - // } - // } + const handleClickButton = (value:string) =>{ + handleSearch(value) + setIsFocus(false) + } + //TODO: 아래 방향키 눌러도 DropDown으로 이동하게 변경 return ( @@ -112,7 +109,7 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { onChange={handleInput} ref={inputRef} /> - + {/* //TODO: focus가 tab & 위아래 화살표로 자연스럽게 이동하며 이동하면서 input이 변경되어야함 */} diff --git a/src/components/SearchResult.tsx b/src/components/SearchResult.tsx index 9614839..6df7983 100644 --- a/src/components/SearchResult.tsx +++ b/src/components/SearchResult.tsx @@ -15,5 +15,7 @@ export const SearchResult = ({datas}:{datas: any[]}) =>{ ))} {/* //TODO: 컴포넌트 만들어서 뺴기 */} + + //TODO: 무한 스크롤 작성하기 ) } \ No newline at end of file diff --git a/src/main.tsx b/src/main.tsx index 4829495..b3b63a4 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -5,8 +5,6 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import { router } from './router.tsx'; import { createGlobalStyle } from 'styled-components'; -// Create a client for react-query -const queryClient = new QueryClient(); const GlobalStyle = createGlobalStyle` @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400&display=swap'); html, body, div, span, applet, object, iframe, @@ -72,6 +70,8 @@ const GlobalStyle = createGlobalStyle` } ` +const queryClient = new QueryClient(); + const root = ReactDOM.createRoot(document.getElementById('root')!); root.render( diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index dbf9d7c..973877d 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -1,6 +1,6 @@ import styled from "styled-components" import { SearchBar} from "../components/SearchBar" -import { useState } from "react" +import { useEffect, useState } from "react" import axios from "axios" import { SearchResult } from "../components/SearchResult" @@ -46,21 +46,31 @@ const ResultContainer = styled.div` export const MainPage = () =>{ const [ searchData, setSearchData ] = useState([]) - const handleSearchButton = (input:string) => {//검색에 대한 결과 + + const handleSearchButton = (input:string) => { const encodedInput = encodeURIComponent(input); const fetchDatas =async () => { try { console.info("calling api") const response = await axios.get(`/api/v1/studies/?offset=0&limit=10&conditions=${encodedInput}`); setSearchData(response.data.results) + setNewSearchHistory(input) } catch (error) { console.log(error) } } + fetchDatas(); } - //필요한 APICALL + const setNewSearchHistory = (input: string) => { + const searchHistory = JSON.parse(localStorage.getItem('searchHistory') || '[]'); + const filteredHistory = searchHistory.filter((item)=> item !==input); + const newSearchHistory = [input, ...filteredHistory]; + localStorage.setItem('searchHistory', JSON.stringify(newSearchHistory)); + } + + return( @@ -72,7 +82,6 @@ export const MainPage = () =>{ - {/* //내려보내줘야하는 정보 -> 검색 결과 */} {searchData.length === 0 ? "검색 결과 없음" : } From 2f1a13b980201726eb3af1a141d566a5f6c24848 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 15 May 2024 16:37:16 +0900 Subject: [PATCH 15/23] =?UTF-8?q?feat=20:=20DropDown=EC=97=90=20=EC=B5=9C?= =?UTF-8?q?=EA=B7=BC=20=EA=B2=80=EC=83=89=EC=96=B4=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/DropDowns.tsx | 16 ++++++++++------ src/pages/MainPage.tsx | 4 ---- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/components/DropDowns.tsx b/src/components/DropDowns.tsx index ee67131..6b19461 100644 --- a/src/components/DropDowns.tsx +++ b/src/components/DropDowns.tsx @@ -1,4 +1,4 @@ -import { useState } from "react" +import { useEffect, useState } from "react" import styled from "styled-components" const Container = styled.div` @@ -34,7 +34,7 @@ const DropDownItem = styled.div` export const DropDowns = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: any[],handleSearch: (name:string)=>void}) =>{ const [ focusIndex, setFocusIndex ] = useState(-1) - + const history = JSON.parse(localStorage.getItem('searchHistory') || '[]'); const handleKeyPress = (event) =>{ event.preventDefault() @@ -48,17 +48,21 @@ export const DropDowns = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: } //TODO: 조건 조금더 상세하게 + useEffect(()=>{ + console.log(JSON.parse(localStorage.getItem('searchHistory'))) + },[]) + return( {/* //TODO: 검색어 없음 구현하기 */} -
최근 검색어
-
최근 검색어가 없습니다
- + {history.map((item,index)=>( + {item} + ))} +
추천 검색어
{datas.map((data,index)=>( handleSearch(data.name)} onKeyDown={handleKeyPress} onFocus={()=>setFocusIndex(index)} key={index}>{data.name} ))} {/* //TODO: 컴포넌트 만들어서 뺴기 */} - {/* //TODO: 최근 검색어 구현하기 */} ) } \ No newline at end of file diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index 973877d..74a0a3e 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -45,8 +45,6 @@ const ResultContainer = styled.div` export const MainPage = () =>{ const [ searchData, setSearchData ] = useState([]) - - const handleSearchButton = (input:string) => { const encodedInput = encodeURIComponent(input); const fetchDatas =async () => { @@ -70,8 +68,6 @@ export const MainPage = () =>{ localStorage.setItem('searchHistory', JSON.stringify(newSearchHistory)); } - - return( From ffd2c6a817daeb2a19f7f9580d65a9da41e9bc93 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 15 May 2024 16:39:51 +0900 Subject: [PATCH 16/23] Update READ.ME --- README.md | 6 +++--- src/components/DropDowns.tsx | 1 + 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 0eedb67..082b3f5 100644 --- a/README.md +++ b/README.md @@ -10,10 +10,10 @@ ### 필수 구현 사항 - [x] 질환 명 검색시 API를 호출하여 드롭박스를 통해 추천 검색어를 보여주는 기능을 구현합니다. - - [ ] 검색어가 없을 시 “검색어 없음” 표출 - - [ ] 최근에 검색어를 보여줍니다. + - [x] 검색어가 없을 시 “검색어 없음” 표출 + - [x] 최근에 검색어를 보여줍니다. - [x] 검색어를 검색 시 결과를 리스트로 보여줍니다. - - [ ] 검색어가 없을 시 화면도 구현 + - [x] 검색어가 없을 시 화면도 구현 - [x] 검색 결과 컴포넌트를 클릭 시 `https://clinicaltrialskorea.com/studies/{검색어ID}` 링크로 이동 - [ ] 입력마다 API 호출하지 않도록 API 호출 횟수를 줄이는 전략 수립 및 실행 - 검색어 입력 시 500ms마다 요청이 되도록 간단한 디바운스 적용 diff --git a/src/components/DropDowns.tsx b/src/components/DropDowns.tsx index 6b19461..decd343 100644 --- a/src/components/DropDowns.tsx +++ b/src/components/DropDowns.tsx @@ -55,6 +55,7 @@ export const DropDowns = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: return( {/* //TODO: 검색어 없음 구현하기 */} + {history.length === 0 ? "검색어 없음":null} {history.map((item,index)=>( {item} ))} From ee2e2142c9c5e6e03b4096dd263790c4bdd8ee5d Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 22 May 2024 02:42:57 +0900 Subject: [PATCH 17/23] =?UTF-8?q?feat=20:=20SearchItem=20=EC=BB=B4?= =?UTF-8?q?=ED=8F=AC=EB=84=8C=ED=8A=B8=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/DropDowns.tsx | 2 +- src/components/NoItemPage.tsx | 0 src/components/SearchBar.tsx | 12 ++++--- src/components/SearchItem.tsx | 63 ++++++++++++++++++++++++++++++--- src/components/SearchResult.tsx | 5 ++- src/pages/MainPage.tsx | 1 + 6 files changed, 70 insertions(+), 13 deletions(-) create mode 100644 src/components/NoItemPage.tsx diff --git a/src/components/DropDowns.tsx b/src/components/DropDowns.tsx index decd343..573cd04 100644 --- a/src/components/DropDowns.tsx +++ b/src/components/DropDowns.tsx @@ -57,7 +57,7 @@ export const DropDowns = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: {/* //TODO: 검색어 없음 구현하기 */} {history.length === 0 ? "검색어 없음":null} {history.map((item,index)=>( - {item} + handleSearch(data.name)} onKeyDown={handleKeyPress} onFocus={()=>setFocusIndex(index)} key={index}>{item} ))}
추천 검색어
{datas.map((data,index)=>( diff --git a/src/components/NoItemPage.tsx b/src/components/NoItemPage.tsx new file mode 100644 index 0000000..e69de29 diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index 70af102..1ba3712 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -14,7 +14,6 @@ const SearchBarContainer = styled.div` border-radius: 42px; margin-top: 40px; position: relative; - border: ${({ isFocused }) => isFocused ? "1px solid #007BE9" : "none"}; `; @@ -99,18 +98,21 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { return ( - + {/* //TODO: focus가 tab & 위아래 화살표로 자연스럽게 이동하며 이동하면서 input이 변경되어야함 */} diff --git a/src/components/SearchItem.tsx b/src/components/SearchItem.tsx index a25211e..df389f1 100644 --- a/src/components/SearchItem.tsx +++ b/src/components/SearchItem.tsx @@ -1,9 +1,64 @@ -export const SearchItem = () =>{ +import styled from "styled-components" + +const SearchItemLayout = styled.div` + width: 431px; + height: 178px; + padding: 20px; + border: 1px solid #D7DCE0; + border-radius: 10px; +` +const SearchItemTitleLayout = styled.div` + width: 391px; + height: 80px; + display: flex; + flex-direction: column; + justify-content: space-between; +` +const SearchItemWhere = styled.div` + width: 391px; + height: 18px; + display: flex; + flex-direction: row; + justify-content: start; + align-items: end; + font-size: 8px; +` +const SearchItemWhen = styled.div` + width: 391px; + height: 18px; + display: flex; + font-size: 8px; + flex-direction: row; + justify-content: start; + align-items: end; + font-size: 8px; +` + +const SearchItemCompany = styled.div` + width: 391px; + height: 16px; + font-size: 10px; +` +const SearchItemTitle = styled.div` + width: 391px; + height: 54px; + font-size: 11.5px; + font-weight: bold; +` - return( -
-
+export const SearchItem = ({data}:any) =>{ + + return( + + + {data.lead_sponsor_name} + {data.title} + + 실시기관지역| + 모집마감|몇년 몇월 몇일 까지 + {/* TODO: 키워드 처럼 작업 */} + ) } diff --git a/src/components/SearchResult.tsx b/src/components/SearchResult.tsx index 6df7983..530a3ec 100644 --- a/src/components/SearchResult.tsx +++ b/src/components/SearchResult.tsx @@ -1,4 +1,5 @@ import styled from "styled-components" +import { SearchItem } from "./SearchItem" const Container = styled.div` width: 1000px; @@ -11,11 +12,9 @@ export const SearchResult = ({datas}:{datas: any[]}) =>{ return( {datas.map((data,index)=>( -
{data.title}
+ ))} - {/* //TODO: 컴포넌트 만들어서 뺴기 */} - //TODO: 무한 스크롤 작성하기 ) } \ No newline at end of file diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index 74a0a3e..01849cb 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -51,6 +51,7 @@ export const MainPage = () =>{ try { console.info("calling api") const response = await axios.get(`/api/v1/studies/?offset=0&limit=10&conditions=${encodedInput}`); + console.log(response.data.results) setSearchData(response.data.results) setNewSearchHistory(input) } catch (error) { From 211ea81f7006d3406c6523507b2b18f54dba4135 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 22 May 2024 04:54:04 +0900 Subject: [PATCH 18/23] =?UTF-8?q?feat=20:=20=EC=B5=9C=EA=B7=BC=EA=B2=80?= =?UTF-8?q?=EC=83=89=EC=96=B4=EC=99=80=20=EA=B2=80=EC=83=89=EA=B2=B0?= =?UTF-8?q?=EA=B3=BC=20=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/DropDowns.tsx | 4 ++-- src/components/NoItemPage.tsx | 17 +++++++++++++++++ src/components/SearchBar.tsx | 8 +++++++- src/components/SearchResult.tsx | 1 + src/pages/MainPage.tsx | 3 ++- 5 files changed, 29 insertions(+), 4 deletions(-) diff --git a/src/components/DropDowns.tsx b/src/components/DropDowns.tsx index 573cd04..f950f08 100644 --- a/src/components/DropDowns.tsx +++ b/src/components/DropDowns.tsx @@ -55,11 +55,11 @@ export const DropDowns = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: return( {/* //TODO: 검색어 없음 구현하기 */} - {history.length === 0 ? "검색어 없음":null} + {/* {history.length === 0 ? "검색어 없음":null} {history.map((item,index)=>( handleSearch(data.name)} onKeyDown={handleKeyPress} onFocus={()=>setFocusIndex(index)} key={index}>{item} ))} -
추천 검색어
+
추천 검색어
*/} {datas.map((data,index)=>( handleSearch(data.name)} onKeyDown={handleKeyPress} onFocus={()=>setFocusIndex(index)} key={index}>{data.name} ))} diff --git a/src/components/NoItemPage.tsx b/src/components/NoItemPage.tsx index e69de29..c5618da 100644 --- a/src/components/NoItemPage.tsx +++ b/src/components/NoItemPage.tsx @@ -0,0 +1,17 @@ +import styled from "styled-components" + +const Layout = styled.div` + width: 460px; + height: 518px; + padding: 20px 60px; +` + + + +export const NoItemPage = () =>{ + return( + + 현재 모집중인 임상 시험이 없습니다 + + ) +} \ No newline at end of file diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index 1ba3712..f7196d5 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -112,7 +112,13 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { ref={inputRef} /> - + { + input === '' ? +
+ : + + } + {/* TODO: input이 없으면 최근 검색어, 있으면 검색어를 보여줌 */} {/* //TODO: focus가 tab & 위아래 화살표로 자연스럽게 이동하며 이동하면서 input이 변경되어야함 */} diff --git a/src/components/SearchResult.tsx b/src/components/SearchResult.tsx index 530a3ec..f224b16 100644 --- a/src/components/SearchResult.tsx +++ b/src/components/SearchResult.tsx @@ -6,6 +6,7 @@ const Container = styled.div` display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; + padding: 20px 10px; ` export const SearchResult = ({datas}:{datas: any[]}) =>{ diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index 01849cb..46efe99 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -3,6 +3,7 @@ import { SearchBar} from "../components/SearchBar" import { useEffect, useState } from "react" import axios from "axios" import { SearchResult } from "../components/SearchResult" +import { NoItemPage } from "../components/NoItemPage" const Container = styled.div` width: 100vw; @@ -79,7 +80,7 @@ export const MainPage = () =>{ - {searchData.length === 0 ? "검색 결과 없음" : } + {searchData.length === 0 ? : } ) From c05e6e7a56cabd77793c6ce71be901282e81d839 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 22 May 2024 11:48:49 +0900 Subject: [PATCH 19/23] =?UTF-8?q?feat=20:=20=EC=B5=9C=EA=B7=BC=20=EA=B2=80?= =?UTF-8?q?=EC=83=89=EC=96=B4=20=EB=93=9C=EB=A1=AD=EB=B0=95=EC=8A=A4=20?= =?UTF-8?q?=EB=B6=84=EB=A6=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/HistoryDropDown.tsx | 72 ++++++++++++++++++++++++++++++ 1 file changed, 72 insertions(+) create mode 100644 src/components/HistoryDropDown.tsx diff --git a/src/components/HistoryDropDown.tsx b/src/components/HistoryDropDown.tsx new file mode 100644 index 0000000..5f94286 --- /dev/null +++ b/src/components/HistoryDropDown.tsx @@ -0,0 +1,72 @@ +import styled from "styled-components" + +const Container = styled.div` + width: 486px; + max-height: 401px; + display: ${props => props.isFocus ? 'flex' : 'none'}; + padding-top: 24px; + padding-left: 24px; + padding-right: 24px; + padding-bottom: 16px; + flex-direction: column; + align-items: center; + background-color: #ffffff; + border-radius: 20px; + margin-top: 80px; + position: absolute; + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); + overflow: scroll; +` + +const DropDownItem = styled.div` + width: 438px; + height: 40px; + padding: 12px 0px; + font-size: 14px; + border-radius: 5px; + background-color: ${props => props.focused ?'#EFEFEF' : 'transparent'}; + border: none; + &:hover{ + background-color: #EFEFEF; + } + &:focus{ + border: none; + outline: none; + } +` + +const StyledText = styled.div` + width: 100%; + height: 36px; + font-size: 13px; + color: #6A737B; + display: flex; + flex-direction: row; + justify-content: start; + align-items: start; +` +const AlertText = styled.div` + width: 100%; + height: 32px; + font-size: 16px; + padding: 8px 0px; + color: #A7AFB7; +` + +export const HistoryDropDown = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: any[],handleSearch: (name:string)=>void}) =>{ + // //TODO: 조건 조금더 상세하게 + return( + + 최근 검색어 + { + datas.length === 0 + ? + 최근 검색어가 없습니다 + : + datas.map((data,index)=>( + handleSearch(data)} key={index}>{data} + )) + } + + ) +} \ No newline at end of file From 01d93a211e5d30d4467508285a32ca878c0cea06 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 22 May 2024 12:12:09 +0900 Subject: [PATCH 20/23] =?UTF-8?q?fix=20:=20=EB=93=9C=EB=A1=AD=EB=8B=A4?= =?UTF-8?q?=EC=9A=B4=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/DropDowns.tsx | 25 ++++---------- src/components/NewDropDown.tsx | 61 ++++++++++++++++++++++++++++++++++ 2 files changed, 68 insertions(+), 18 deletions(-) create mode 100644 src/components/NewDropDown.tsx diff --git a/src/components/DropDowns.tsx b/src/components/DropDowns.tsx index f950f08..647d18c 100644 --- a/src/components/DropDowns.tsx +++ b/src/components/DropDowns.tsx @@ -1,4 +1,3 @@ -import { useEffect, useState } from "react" import styled from "styled-components" const Container = styled.div` @@ -33,24 +32,14 @@ const DropDownItem = styled.div` ` export const DropDowns = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: any[],handleSearch: (name:string)=>void}) =>{ - const [ focusIndex, setFocusIndex ] = useState(-1) - const history = JSON.parse(localStorage.getItem('searchHistory') || '[]'); + // const history = JSON.parse(localStorage.getItem('searchHistory') || '[]'); - const handleKeyPress = (event) =>{ - event.preventDefault() - if(event.key === "ArrowDown" || event.key ==="Tab"){ - setFocusIndex(focusIndex+1) - }else if(event.key === "ArrowUp"){ - setFocusIndex(focusIndex-1) - } else if (event.key === "Enter") { - handleSearch(datas[focusIndex].name); - } - } - //TODO: 조건 조금더 상세하게 - useEffect(()=>{ - console.log(JSON.parse(localStorage.getItem('searchHistory'))) - },[]) + // //TODO: 조건 조금더 상세하게 + + // useEffect(()=>{ + // console.log(JSON.parse(localStorage.getItem('searchHistory'))) + // },[]) return( @@ -61,7 +50,7 @@ export const DropDowns = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: ))}
추천 검색어
*/} {datas.map((data,index)=>( - handleSearch(data.name)} onKeyDown={handleKeyPress} onFocus={()=>setFocusIndex(index)} key={index}>{data.name} + handleSearch(data.name)} key={index}>{data.name} ))} {/* //TODO: 컴포넌트 만들어서 뺴기 */} diff --git a/src/components/NewDropDown.tsx b/src/components/NewDropDown.tsx new file mode 100644 index 0000000..7184cac --- /dev/null +++ b/src/components/NewDropDown.tsx @@ -0,0 +1,61 @@ +import { useEffect } from "react" +import styled from "styled-components" + +const Container = styled.div` + width: 486px; + max-height: 401px; + display: ${props => props.isFocus ? 'flex' : 'none'}; + padding-top: 24px; + padding-left: 24px; + padding-right: 24px; + padding-bottom: 16px; + flex-direction: column; + align-items: center; + background-color: #ffffff; + border-radius: 20px; + margin-top: 80px; + position: absolute; + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); + overflow: scroll; +` + +const DropDownItem = styled.div` + width: 438px; + height: 40px; + padding: 12px 0px; + font-size: 14px; + border-radius: 5px; + color: black; + background-color: ${props => props.focused ?'#EFEFEF' : 'transparent'}; + border: none; + &:hover{ + background-color: #EFEFEF; + } + &:focus{ + border: none; + outline: none; + } +` + +const StyledText = styled.div` + width: 100%; + height: 37px; + padding: 13px 0px; + font-size: 13px; + color: #6A737B; +` + +export const NewDropDown = ({input ,isFocus, focusIndex, datas,handleSearch}:{input:string,isFocus:boolean,focusIndex:number, datas: any[],handleSearch: (name:string)=>void}) =>{ + useEffect(()=>{ + console.log(input) + },[input]) + return( + + {input} + 추천 검색어 + {datas.map((data,index)=>( + handleSearch(data.name)} key={index}>{data.name} + ))} + + ) +} \ No newline at end of file From 8e438414625b0b523bd995867bafb2a5fb878e35 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 22 May 2024 12:12:31 +0900 Subject: [PATCH 21/23] =?UTF-8?q?fix=20:=20=EB=93=9C=EB=A1=AD=EB=8B=A4?= =?UTF-8?q?=EC=9A=B4=20=ED=82=A4=EB=B3=B4=EB=93=9C=20=EC=9D=B4=EB=B2=A4?= =?UTF-8?q?=ED=8A=B8=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/SearchBar.tsx | 121 ++++++++++++++++++++++++----------- 1 file changed, 83 insertions(+), 38 deletions(-) diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index f7196d5..ac039db 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -1,7 +1,8 @@ import { useEffect, useRef, useState } from "react"; import styled from "styled-components"; -import { DropDowns } from "./DropDowns"; import axios from "axios"; +import { NewDropDown } from "./NewDropDown"; +import { HistoryDropDown } from "./HistoryDropDown"; const Container = styled.div``; @@ -18,7 +19,7 @@ const SearchBarContainer = styled.div` `; const TestInput = styled.input` - width: 70%; + width: 430px; height: 100%; border: none; outline: none; @@ -31,35 +32,43 @@ const TestInput = styled.input` } `; + +const SearchButton = styled.button` + width: 48px; + height: 48px; + background-color: #007BE9; + border-radius: 500px; +` + interface ISearchBarProp{ handleSearch:(input:string)=>void } - export const SearchBar = ({ handleSearch }: ISearchBarProp) => { - const [isFocus, setIsFocus] = useState(false); + const [input, setInput] = useState('');//유저에게 보여줄 input + const [ searchInput, setSearchInput ] = useState('')//실제 검색이 날라가는 input + //1. keypress-> input이랑, serachinput 같이 변경 + //2. searchInput이 변경되면 검색 시전 + + const [isFocus, setIsFocus] = useState(false); const [placeholderValue , setPlacehodlerValue ] = useState('질환명을 입력해주세요') - const [input, setInput] = useState(''); const [data, setData] = useState([]); const inputRef = useRef(null); - - const handleFocus = () => { - setIsFocus(true); - }; - - const handleBlur = () => { - setIsFocus(false); - }; + const [ focusIndex, setFocusIndex ] = useState(-1) const handleInput = (e) => { - setInput(e.target.value) - }; + if (["ArrowDown", "ArrowUp", "Enter", "Tab"].includes(e.key)) return; + setIsFocus(true) + setInput(e.target.value); + setSearchInput(e.target.value) + setFocusIndex(-1) + console.log(e.target.value) + };//onChange - useEffect(() => { - if (input.trim() !== "") { - console.log(input); - const encodedInput = encodeURIComponent(input); - const fetchData = async () => { + useEffect(()=>{ + const fetchData = async (query:string) => { + if (query !== "") { + const encodedInput = encodeURIComponent(query); try { console.info("calling api") const response = await axios.get(`/api/v1/search-conditions/?name=${encodedInput}`); @@ -67,12 +76,51 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { } catch (error) { console.error(error); } - }; - fetchData(); - }else{ - setData([]) + } else { + setData([]); + } + }; + fetchData(searchInput) + },[searchInput])//searchInput이 변경시는 검색이 진행됨 + + const handleKeyPress = (event) =>{ + if(event.key === "ArrowDown" || event.key ==="Tab"){ + event.preventDefault() + setFocusIndex(focusIndex+1) + }else if(event.key === "ArrowUp"){ + event.preventDefault() + setFocusIndex(focusIndex-1) + } else if (event.key === "Enter") { + event.preventDefault() + handleSearch(input); + setIsFocus(false) + } + }//특정 keyPress 진행시 serachInput은 변경되지 않음 + + + useEffect(() => { + if (focusIndex >= 0 && focusIndex < data.length) { + setInput(data[focusIndex]?.name); } - }, [input]); + }, [focusIndex, data]); + //특정 keyPress로 focusIndex 변경되면 input만 변경 + + + + const history = JSON.parse(localStorage.getItem('searchHistory') || '[]'); + + useEffect(()=>{ + console.log(JSON.parse(localStorage.getItem('searchHistory'))) + },[]) + + + const handleFocus = () => { + setIsFocus(true); + }; + + const handleBlur = () => { + setIsFocus(false); + }; useEffect(()=>{ if(isFocus){ @@ -80,6 +128,7 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { } if(!isFocus){ setPlacehodlerValue('질환명을 입력해주세요') + setFocusIndex(-1) } },[isFocus]) @@ -93,33 +142,29 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { handleSearch(value) setIsFocus(false) } - //TODO: 아래 방향키 눌러도 DropDown으로 이동하게 변경 return ( - - + handleClickButton(input)}>검색 결과 { - input === '' ? -
+ searchInput === '' ? + : - + } - {/* TODO: input이 없으면 최근 검색어, 있으면 검색어를 보여줌 */} - {/* //TODO: focus가 tab & 위아래 화살표로 자연스럽게 이동하며 이동하면서 input이 변경되어야함 */} ); From bf4e668b210455571975029f1de356a3afc72f98 Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 22 May 2024 16:29:58 +0900 Subject: [PATCH 22/23] =?UTF-8?q?feat=20:=20=EB=94=94=EB=B0=94=EC=9A=B4?= =?UTF-8?q?=EC=8B=B1=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 2 +- src/components/DropDowns.tsx | 58 ------------------------------------ src/components/SearchBar.tsx | 15 ++++++++-- src/pages/MainPage.tsx | 34 ++++++++------------- 4 files changed, 26 insertions(+), 83 deletions(-) delete mode 100644 src/components/DropDowns.tsx diff --git a/README.md b/README.md index 082b3f5..9ab24dd 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,7 @@ - [x] 검색어를 검색 시 결과를 리스트로 보여줍니다. - [x] 검색어가 없을 시 화면도 구현 - [x] 검색 결과 컴포넌트를 클릭 시 `https://clinicaltrialskorea.com/studies/{검색어ID}` 링크로 이동 -- [ ] 입력마다 API 호출하지 않도록 API 호출 횟수를 줄이는 전략 수립 및 실행 +- [x] 입력마다 API 호출하지 않도록 API 호출 횟수를 줄이는 전략 수립 및 실행 - 검색어 입력 시 500ms마다 요청이 되도록 간단한 디바운스 적용 - useQuery에 enabled을 사용해 조건에 맞을 경우에만 실행하도록 구현 - [x] API를 호출할 때 마다 `console.info("calling api")` 출력을 통해 콘솔창에서 API 호출 횟수 확인이 가능하도록 설정 diff --git a/src/components/DropDowns.tsx b/src/components/DropDowns.tsx deleted file mode 100644 index 647d18c..0000000 --- a/src/components/DropDowns.tsx +++ /dev/null @@ -1,58 +0,0 @@ -import styled from "styled-components" - -const Container = styled.div` - width: 100%; - height: ${props => props.isFocus ? '' : '0px'}; - display: flex; - flex-direction: column; - align-items: center; - background-color: #ffffff; - border-radius: 42px; - margin-top: 80px; - position: absolute; - box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); - overflow: hidden; -` - -const DropDownItem = styled.div` - width: 438px; - height: 40px; - padding: 12px 0px; - font-size: 14px; - border-radius: 5px; - background-color: ${props => props.focused ?'#EFEFEF' : 'transparent'}; - border: none; - &:hover{ - background-color: #EFEFEF; - } - &:focus{ - border: none; - outline: none; - } -` - -export const DropDowns = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: any[],handleSearch: (name:string)=>void}) =>{ - // const history = JSON.parse(localStorage.getItem('searchHistory') || '[]'); - - - // //TODO: 조건 조금더 상세하게 - - // useEffect(()=>{ - // console.log(JSON.parse(localStorage.getItem('searchHistory'))) - // },[]) - - return( - - {/* //TODO: 검색어 없음 구현하기 */} - {/* {history.length === 0 ? "검색어 없음":null} - {history.map((item,index)=>( - handleSearch(data.name)} onKeyDown={handleKeyPress} onFocus={()=>setFocusIndex(index)} key={index}>{item} - ))} -
추천 검색어
*/} - {datas.map((data,index)=>( - handleSearch(data.name)} key={index}>{data.name} - ))} - {/* //TODO: 컴포넌트 만들어서 뺴기 */} - - ) -} \ No newline at end of file diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index ac039db..5166a8f 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -56,6 +56,7 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { const inputRef = useRef(null); const [ focusIndex, setFocusIndex ] = useState(-1) + const handleInput = (e) => { if (["ArrowDown", "ArrowUp", "Enter", "Tab"].includes(e.key)) return; setIsFocus(true) @@ -65,6 +66,8 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { console.log(e.target.value) };//onChange + + useEffect(()=>{ const fetchData = async (query:string) => { if (query !== "") { @@ -80,8 +83,13 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { setData([]); } }; - fetchData(searchInput) - },[searchInput])//searchInput이 변경시는 검색이 진행됨 + + const debounce = setTimeout(()=>{ + return fetchData(searchInput); + },500); + return () => clearTimeout(debounce) + },[searchInput]) + const handleKeyPress = (event) =>{ if(event.key === "ArrowDown" || event.key ==="Tab"){ @@ -160,7 +168,8 @@ export const SearchBar = ({ handleSearch }: ISearchBarProp) => { /> handleClickButton(input)}>검색 결과 { - searchInput === '' ? + searchInput === '' + ? : diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index 46efe99..32fba90 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -35,32 +35,24 @@ const ResultContainer = styled.div` align-items: center; ` -// const SearchBar = styled.div` -// width: 486px; -// height: 69.7px; -// background-color: #ffffff; -// border-radius: 42px; -// margin-top: 40px; -// ` - - export const MainPage = () =>{ const [ searchData, setSearchData ] = useState([]) const handleSearchButton = (input:string) => { - const encodedInput = encodeURIComponent(input); - const fetchDatas =async () => { - try { - console.info("calling api") - const response = await axios.get(`/api/v1/studies/?offset=0&limit=10&conditions=${encodedInput}`); - console.log(response.data.results) - setSearchData(response.data.results) - setNewSearchHistory(input) - } catch (error) { - console.log(error) + if(input !== ''){ + const encodedInput = encodeURIComponent(input); + const fetchDatas =async () => { + try { + console.info("calling api") + const response = await axios.get(`/api/v1/studies/?offset=0&limit=10&conditions=${encodedInput}`); + console.log(response.data.results) + setSearchData(response.data.results) + setNewSearchHistory(input) + } catch (error) { + console.log(error) + } } + fetchDatas(); } - - fetchDatas(); } const setNewSearchHistory = (input: string) => { From 5a83d4d21a39f7d567627d8502127f6e9a817caf Mon Sep 17 00:00:00 2001 From: JongYun Jeong <95991290+BellYun@users.noreply.github.com> Date: Wed, 22 May 2024 19:18:28 +0900 Subject: [PATCH 23/23] =?UTF-8?q?feat=20:=20useSearch=20hook=20=EC=B6=94?= =?UTF-8?q?=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/HistoryDropDown.tsx | 4 +- src/components/NewDropDown.tsx | 3 +- src/components/SearchBar.tsx | 127 ++++------------------------- src/hooks/useSearch.ts | 109 +++++++++++++++++++++++++ src/pages/MainPage.tsx | 2 +- 5 files changed, 132 insertions(+), 113 deletions(-) create mode 100644 src/hooks/useSearch.ts diff --git a/src/components/HistoryDropDown.tsx b/src/components/HistoryDropDown.tsx index 5f94286..dd29db7 100644 --- a/src/components/HistoryDropDown.tsx +++ b/src/components/HistoryDropDown.tsx @@ -15,7 +15,8 @@ const Container = styled.div` margin-top: 80px; position: absolute; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); - overflow: scroll; + overflow-y: scroll; + overflow-x: hidden; ` const DropDownItem = styled.div` @@ -54,7 +55,6 @@ const AlertText = styled.div` ` export const HistoryDropDown = ({isFocus, datas,handleSearch}:{isFocus:boolean, datas: any[],handleSearch: (name:string)=>void}) =>{ - // //TODO: 조건 조금더 상세하게 return( 최근 검색어 diff --git a/src/components/NewDropDown.tsx b/src/components/NewDropDown.tsx index 7184cac..02f2e33 100644 --- a/src/components/NewDropDown.tsx +++ b/src/components/NewDropDown.tsx @@ -16,7 +16,8 @@ const Container = styled.div` margin-top: 80px; position: absolute; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); - overflow: scroll; + overflow-y: scroll; + overflow-x: hidden; ` const DropDownItem = styled.div` diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index 5166a8f..4e1fafa 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -1,8 +1,7 @@ -import { useEffect, useRef, useState } from "react"; import styled from "styled-components"; -import axios from "axios"; import { NewDropDown } from "./NewDropDown"; import { HistoryDropDown } from "./HistoryDropDown"; +import { useSearch } from "../hooks/useSearch"; const Container = styled.div``; @@ -45,112 +44,22 @@ interface ISearchBarProp{ } export const SearchBar = ({ handleSearch }: ISearchBarProp) => { - const [input, setInput] = useState('');//유저에게 보여줄 input - const [ searchInput, setSearchInput ] = useState('')//실제 검색이 날라가는 input - //1. keypress-> input이랑, serachinput 같이 변경 - //2. searchInput이 변경되면 검색 시전 - - const [isFocus, setIsFocus] = useState(false); - const [placeholderValue , setPlacehodlerValue ] = useState('질환명을 입력해주세요') - const [data, setData] = useState([]); - const inputRef = useRef(null); - const [ focusIndex, setFocusIndex ] = useState(-1) - - - const handleInput = (e) => { - if (["ArrowDown", "ArrowUp", "Enter", "Tab"].includes(e.key)) return; - setIsFocus(true) - setInput(e.target.value); - setSearchInput(e.target.value) - setFocusIndex(-1) - console.log(e.target.value) - };//onChange - - - - useEffect(()=>{ - const fetchData = async (query:string) => { - if (query !== "") { - const encodedInput = encodeURIComponent(query); - try { - console.info("calling api") - const response = await axios.get(`/api/v1/search-conditions/?name=${encodedInput}`); - setData(response.data); - } catch (error) { - console.error(error); - } - } else { - setData([]); - } - }; - - const debounce = setTimeout(()=>{ - return fetchData(searchInput); - },500); - return () => clearTimeout(debounce) - },[searchInput]) - - - const handleKeyPress = (event) =>{ - if(event.key === "ArrowDown" || event.key ==="Tab"){ - event.preventDefault() - setFocusIndex(focusIndex+1) - }else if(event.key === "ArrowUp"){ - event.preventDefault() - setFocusIndex(focusIndex-1) - } else if (event.key === "Enter") { - event.preventDefault() - handleSearch(input); - setIsFocus(false) - } - }//특정 keyPress 진행시 serachInput은 변경되지 않음 - - - useEffect(() => { - if (focusIndex >= 0 && focusIndex < data.length) { - setInput(data[focusIndex]?.name); - } - }, [focusIndex, data]); - //특정 keyPress로 focusIndex 변경되면 input만 변경 - - - - const history = JSON.parse(localStorage.getItem('searchHistory') || '[]'); - - useEffect(()=>{ - console.log(JSON.parse(localStorage.getItem('searchHistory'))) - },[]) - - - const handleFocus = () => { - setIsFocus(true); - }; - - const handleBlur = () => { - setIsFocus(false); - }; - - useEffect(()=>{ - if(isFocus){ - setPlacehodlerValue('') - } - if(!isFocus){ - setPlacehodlerValue('질환명을 입력해주세요') - setFocusIndex(-1) - } - },[isFocus]) - - const handleClickDropDown = (value:string) =>{ - handleSearch(value) - setInput(value) - setIsFocus(false) - } - - const handleClickButton = (value:string) =>{ - handleSearch(value) - setIsFocus(false) - } - + const { + input, + isFocus, + placeholderValue, + data, + focusIndex, + history, + handleInput, + handleKeyPress, + handleFocus, + handleBlur, + handleClickDropDown, + handleClickButton, + inputRef, + searchInput + } = useSearch(handleSearch); return ( { /> handleClickButton(input)}>검색 결과 { - searchInput === '' + searchInput === '' ? : diff --git a/src/hooks/useSearch.ts b/src/hooks/useSearch.ts new file mode 100644 index 0000000..1f64793 --- /dev/null +++ b/src/hooks/useSearch.ts @@ -0,0 +1,109 @@ +// useSearch.ts +import { useEffect, useState, useRef } from "react"; +import axios from "axios"; + +export const useSearch = (handleSearch:any) => { + const [input, setInput] = useState('');//유저에게 보여줄 input + const [searchInput, setSearchInput] = useState('')//실제 검색이 날라가는 input + const [isFocus, setIsFocus] = useState(false); + const [placeholderValue, setPlacehodlerValue] = useState('질환명을 입력해주세요') + const [data, setData] = useState([]); + const inputRef = useRef(null); + const [focusIndex, setFocusIndex] = useState(-1) + const history = JSON.parse(localStorage.getItem('searchHistory') || '[]'); + + const handleInput = (e) => { + if (["ArrowDown", "ArrowUp", "Enter", "Tab"].includes(e.key)) return; + setIsFocus(true) + setInput(e.target.value); + setSearchInput(e.target.value) + setFocusIndex(-1) + };//onChange + + const handleKeyPress = (event) => { + if (event.key === "ArrowDown" || event.key === "Tab") { + event.preventDefault() + setFocusIndex(focusIndex + 1) + } else if (event.key === "ArrowUp") { + event.preventDefault() + setFocusIndex(focusIndex - 1) + } else if (event.key === "Enter") { + event.preventDefault() + handleSearch(input); + setIsFocus(false) + } + }//특정 keyPress 진행시 serachInput은 변경되지 않음 + + const handleFocus = () => { + setIsFocus(true); + }; + + const handleBlur = () => { + setIsFocus(false); + }; + + const handleClickDropDown = (value: string) => { + handleSearch(value) + setInput(value) + setIsFocus(false) + } + + const handleClickButton = (value: string) => { + handleSearch(value) + setIsFocus(false) + } + + useEffect(() => { + const fetchData = async (query: string) => { + if (query !== "") { + const encodedInput = encodeURIComponent(query); + try { + const response = await axios.get(`/api/v1/search-conditions/?name=${encodedInput}`); + setData(response.data); + } catch (error) { + console.error(error); + } + } else { + setData([]); + } + }; + + const debounce = setTimeout(() => { + return fetchData(searchInput); + }, 500); + return () => clearTimeout(debounce) + }, [searchInput]) + + useEffect(() => { + if (focusIndex >= 0 && focusIndex < data.length) { + setInput(data[focusIndex]?.name); + } + }, [focusIndex, data]); + + useEffect(() => { + if (isFocus) { + setPlacehodlerValue('') + } + if (!isFocus) { + setPlacehodlerValue('질환명을 입력해주세요') + setFocusIndex(-1) + } + }, [isFocus]) + + return { + input, + isFocus, + placeholderValue, + data, + focusIndex, + history, + handleInput, + handleKeyPress, + handleFocus, + handleBlur, + handleClickDropDown, + handleClickButton, + inputRef, + searchInput + } +} diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx index 32fba90..82bbfd8 100644 --- a/src/pages/MainPage.tsx +++ b/src/pages/MainPage.tsx @@ -1,6 +1,6 @@ import styled from "styled-components" import { SearchBar} from "../components/SearchBar" -import { useEffect, useState } from "react" +import { useState } from "react" import axios from "axios" import { SearchResult } from "../components/SearchResult" import { NoItemPage } from "../components/NoItemPage"