From 203eb04d07986bc8b2162ab422fad1a19de0cf3c Mon Sep 17 00:00:00 2001 From: Steven Chen Date: Thu, 20 Jul 2023 10:13:12 +0800 Subject: [PATCH] chore: update react version - Fix ts errors --- package.json | 14 +- pnpm-lock.yaml | 444 +++++++++--------- src/components/Button/Button.tsx | 2 +- .../Button/DialogButton/DialogButton.tsx | 2 +- .../Button/LanguageButton/LanguageButton.tsx | 3 +- .../LanguageButton/LanguageButton.types.ts | 3 +- src/components/DatePicker/DatePicker.tsx | 4 +- src/components/Dropdown/Dropdown.tsx | 2 +- src/components/Dropdown/Dropdown.type.ts | 4 +- .../DropdownCheckbox/DropdownCheckbox.tsx | 2 +- .../DropdownCheckbox/DropdownColor.type.ts | 3 +- .../Dropdown/DropdownColor/DropdownColor.tsx | 2 +- .../DropdownColor/DropdownColor.type.ts | 3 +- src/components/Dropdown/DropdownV2.tsx | 2 +- .../StatusDropdown/StatusDropdown.tsx | 10 +- src/components/Searchbar/Searchbar.tsx | 8 +- src/components/Step/Step.tsx | 2 +- src/components/Step/Step.types.ts | 2 +- src/svg/BtnIcCalendar.tsx | 10 +- src/svg/BtnIcSearch.tsx | 8 +- src/svg/ComponentIcPasswordDbg.tsx | 8 +- src/svg/ComponentIcPhoneDbg.tsx | 8 +- src/svg/ComponentIcPhoneDbgBlack.tsx | 8 +- src/svg/IcErrorIfo.tsx | 8 +- 24 files changed, 281 insertions(+), 281 deletions(-) diff --git a/package.json b/package.json index 04d778d..81e6394 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@beeinventor/dasiot-react-component-lib", - "version": "1.8.2", + "version": "1.8.3", "module": "lib/index.js", "types": "lib/index.d.ts", "files": [ @@ -17,8 +17,7 @@ "build-storybook": "storybook build -o docs", "format": "prettier --write \"src/**/*.ts\" \"src/**/*.tsx\"", "lint": "eslint \"src/**/*.ts\" \"src/**/*.tsx\" --fix", - "clean": "rimraf lib", - "build": "npm run clean && rollup -c" + "build": "rollup -c" }, "browserslist": { "production": [ @@ -43,8 +42,8 @@ "@mui/icons-material": "^5.0.3", "@mui/material": "^5.0.3", "@mui/styles": "^5.0.1", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "react": "^18.0.0", + "react-dom": "^18.0.0" }, "devDependencies": { "@babel/core": "^7.15.5", @@ -83,14 +82,15 @@ "husky": "^6.0.0", "lint-staged": "^11.0.0", "prettier": "^2.3.0", - "react": "^17.0.2", - "react-dom": "^17.0.2", + "react": "^18.0.0", + "react-dom": "^18.0.0", "rollup": "^2.56.3", "rollup-plugin-dts": "^4.0.0", "rollup-plugin-peer-deps-external": "^2.2.4", "rollup-plugin-terser": "^7.0.2", "rollup-plugin-typescript2": "^0.30.0", "storybook": "^7.0.24", + "tslib": "^2.6.0", "typescript": "^4.9.5", "vite": "^4.3.9" }, diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f030414..5b930c2 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -40,14 +40,15 @@ specifiers: husky: ^6.0.0 lint-staged: ^11.0.0 prettier: ^2.3.0 - react: ^17.0.2 - react-dom: ^17.0.2 + react: ^18.0.0 + react-dom: ^18.0.0 rollup: ^2.56.3 rollup-plugin-dts: ^4.0.0 rollup-plugin-peer-deps-external: ^2.2.4 rollup-plugin-terser: ^7.0.2 rollup-plugin-typescript2: ^0.30.0 storybook: ^7.0.24 + tslib: ^2.6.0 typescript: ^4.9.5 upgrade: ^1.1.0 vite: ^4.3.9 @@ -65,23 +66,23 @@ devDependencies: '@babel/preset-env': 7.22.9_@babel+core@7.22.9 '@babel/preset-react': 7.22.5_@babel+core@7.22.9 '@babel/preset-typescript': 7.22.5_@babel+core@7.22.9 - '@emotion/react': 11.11.1_s55kszw6pq5iqmorlydcdh42pa - '@emotion/styled': 11.11.0_no77f2murwbnail7sv6vzvz7ki - '@mui/icons-material': 5.14.1_vwwal7j7fxxiidtp7uaskdhqvq - '@mui/material': 5.14.1_b6e4cwsrv5z5hncfrvkdwmdpeq - '@mui/styles': 5.14.1_s55kszw6pq5iqmorlydcdh42pa + '@emotion/react': 11.11.1_djdnjl7cggegwnpvfq2raplabm + '@emotion/styled': 11.11.0_ubsexhvc6g6qgdsydgwz6svjv4 + '@mui/icons-material': 5.14.1_kaocmgs7v3tdxfxeuotxob75qa + '@mui/material': 5.14.1_5gekihanhspfqgsqet6xbyzj7u + '@mui/styles': 5.14.1_djdnjl7cggegwnpvfq2raplabm '@rollup/plugin-commonjs': 20.0.0_rollup@2.79.1 '@rollup/plugin-node-resolve': 13.3.0_rollup@2.79.1 - '@rollup/plugin-typescript': 8.5.0_zptcx3kz3uwp66hzhyyt545weq + '@rollup/plugin-typescript': 8.5.0_j3fzkp33ybsntk4va55wtg7aj4 '@rollup/plugin-url': 6.1.0_rollup@2.79.1 - '@storybook/addon-actions': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - '@storybook/addon-essentials': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - '@storybook/addon-links': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/addon-actions': 7.1.0_biqbaboplfbrettd7655fr4n2y + '@storybook/addon-essentials': 7.1.0_biqbaboplfbrettd7655fr4n2y + '@storybook/addon-links': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/builder-vite': 7.1.0_nugdel3utqybwi3in3hfdiy36e - '@storybook/react': 7.1.0_jgxnvbe4faw3ohf4h6p42qq6oy - '@storybook/react-webpack5': 7.1.0_yes3rfnb5ldti37an4n4dkmumq + '@storybook/react': 7.1.0_ygqkwb4gg3aean7xjfdauovyqq + '@storybook/react-webpack5': 7.1.0_pxzyszxkcwseadr4yiwpxf2y4i '@testing-library/jest-dom': 5.17.0 - '@testing-library/react': 11.2.7_sfoxds7t5ydpegc3knd667wn6m + '@testing-library/react': 11.2.7_biqbaboplfbrettd7655fr4n2y '@testing-library/user-event': 12.8.3 '@types/jest': 26.0.24 '@types/node': 16.18.38 @@ -97,14 +98,15 @@ devDependencies: husky: 6.0.0 lint-staged: 11.2.6 prettier: 2.8.8 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 rollup: 2.79.1 rollup-plugin-dts: 4.2.3_zptcx3kz3uwp66hzhyyt545weq rollup-plugin-peer-deps-external: 2.2.4_rollup@2.79.1 rollup-plugin-terser: 7.0.2_rollup@2.79.1 rollup-plugin-typescript2: 0.30.0_zptcx3kz3uwp66hzhyyt545weq storybook: 7.1.0 + tslib: 2.6.0 typescript: 4.9.5 vite: 4.4.4_@types+node@16.18.38 @@ -1564,7 +1566,7 @@ packages: resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==} dev: true - /@emotion/react/11.11.1_s55kszw6pq5iqmorlydcdh42pa: + /@emotion/react/11.11.1_djdnjl7cggegwnpvfq2raplabm: resolution: {integrity: sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==} peerDependencies: '@types/react': '*' @@ -1577,12 +1579,12 @@ packages: '@emotion/babel-plugin': 11.11.0 '@emotion/cache': 11.11.0 '@emotion/serialize': 1.1.2 - '@emotion/use-insertion-effect-with-fallbacks': 1.0.1_react@17.0.2 + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1_react@18.2.0 '@emotion/utils': 1.2.1 '@emotion/weak-memoize': 0.3.1 '@types/react': 17.0.62 hoist-non-react-statics: 3.3.2 - react: 17.0.2 + react: 18.2.0 dev: true /@emotion/serialize/1.1.2: @@ -1599,7 +1601,7 @@ packages: resolution: {integrity: sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==} dev: true - /@emotion/styled/11.11.0_no77f2murwbnail7sv6vzvz7ki: + /@emotion/styled/11.11.0_ubsexhvc6g6qgdsydgwz6svjv4: resolution: {integrity: sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==} peerDependencies: '@emotion/react': ^11.0.0-rc.0 @@ -1612,24 +1614,24 @@ packages: '@babel/runtime': 7.22.6 '@emotion/babel-plugin': 11.11.0 '@emotion/is-prop-valid': 1.2.1 - '@emotion/react': 11.11.1_s55kszw6pq5iqmorlydcdh42pa + '@emotion/react': 11.11.1_djdnjl7cggegwnpvfq2raplabm '@emotion/serialize': 1.1.2 - '@emotion/use-insertion-effect-with-fallbacks': 1.0.1_react@17.0.2 + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1_react@18.2.0 '@emotion/utils': 1.2.1 '@types/react': 17.0.62 - react: 17.0.2 + react: 18.2.0 dev: true /@emotion/unitless/0.8.1: resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==} dev: true - /@emotion/use-insertion-effect-with-fallbacks/1.0.1_react@17.0.2: + /@emotion/use-insertion-effect-with-fallbacks/1.0.1_react@18.2.0: resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==} peerDependencies: react: '>=16.8.0' dependencies: - react: 17.0.2 + react: 18.2.0 dev: true /@emotion/utils/1.2.1: @@ -2010,17 +2012,17 @@ packages: resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==} dev: true - /@mdx-js/react/2.3.0_react@17.0.2: + /@mdx-js/react/2.3.0_react@18.2.0: resolution: {integrity: sha512-zQH//gdOmuu7nt2oJR29vFhDv88oGPmVw6BggmrHeMI+xgEkp1B2dX9/bMBSYtK0dyLX/aOmesKS09g222K1/g==} peerDependencies: react: '>=16' dependencies: '@types/mdx': 2.0.5 '@types/react': 17.0.62 - react: 17.0.2 + react: 18.2.0 dev: true - /@mui/base/5.0.0-beta.8_hhdonqn4hbafh5v5dsbckzga4e: + /@mui/base/5.0.0-beta.8_jyknm5rsrh2cemslb6fcmmb5qy: resolution: {integrity: sha512-b4vVjMZx5KzzEMf4arXKoeV5ZegAMOoPwoy1vfUBwhvXc2QtaaAyBp50U7OA2L06Leubc1A+lEp3eqwZoFn87g==} engines: {node: '>=12.0.0'} peerDependencies: @@ -2034,13 +2036,13 @@ packages: '@babel/runtime': 7.22.6 '@emotion/is-prop-valid': 1.2.1 '@mui/types': 7.2.4_@types+react@17.0.62 - '@mui/utils': 5.14.1_react@17.0.2 + '@mui/utils': 5.14.1_react@18.2.0 '@popperjs/core': 2.11.8 '@types/react': 17.0.62 clsx: 1.2.1 prop-types: 15.8.1 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 react-is: 18.2.0 dev: true @@ -2048,7 +2050,7 @@ packages: resolution: {integrity: sha512-mIa1WmDmNr1LoupV1Rbxt9bTFKMbIn10RHG1bnZ/FJCkAYpuU/D4n+R+ttiycgcZNngU++zyh/OQeJblzbQPzg==} dev: true - /@mui/icons-material/5.14.1_vwwal7j7fxxiidtp7uaskdhqvq: + /@mui/icons-material/5.14.1_kaocmgs7v3tdxfxeuotxob75qa: resolution: {integrity: sha512-xV/f26muQqtWzerzOIdGPrXoxp/OKaE2G2Wp9gnmG47mHua5Slup/tMc3fA4ZYUreGGrK6+tT81TEvt1Wsng8Q==} engines: {node: '>=12.0.0'} peerDependencies: @@ -2060,12 +2062,12 @@ packages: optional: true dependencies: '@babel/runtime': 7.22.6 - '@mui/material': 5.14.1_b6e4cwsrv5z5hncfrvkdwmdpeq + '@mui/material': 5.14.1_5gekihanhspfqgsqet6xbyzj7u '@types/react': 17.0.62 - react: 17.0.2 + react: 18.2.0 dev: true - /@mui/material/5.14.1_b6e4cwsrv5z5hncfrvkdwmdpeq: + /@mui/material/5.14.1_5gekihanhspfqgsqet6xbyzj7u: resolution: {integrity: sha512-WtsgYuageTunLfxH3Ri+o1RuQTFImtRHxMcVNyD0Hhd2/znjW6KODNz0XfjvLRnNCAynBxZNiflcoIBW40h9PQ==} engines: {node: '>=12.0.0'} peerDependencies: @@ -2083,25 +2085,25 @@ packages: optional: true dependencies: '@babel/runtime': 7.22.6 - '@emotion/react': 11.11.1_s55kszw6pq5iqmorlydcdh42pa - '@emotion/styled': 11.11.0_no77f2murwbnail7sv6vzvz7ki - '@mui/base': 5.0.0-beta.8_hhdonqn4hbafh5v5dsbckzga4e + '@emotion/react': 11.11.1_djdnjl7cggegwnpvfq2raplabm + '@emotion/styled': 11.11.0_ubsexhvc6g6qgdsydgwz6svjv4 + '@mui/base': 5.0.0-beta.8_jyknm5rsrh2cemslb6fcmmb5qy '@mui/core-downloads-tracker': 5.14.1 - '@mui/system': 5.14.1_ixhfk55ybdwyytvt4qwwrnwpry + '@mui/system': 5.14.1_aniuynftmog5zabrnkmg34ptim '@mui/types': 7.2.4_@types+react@17.0.62 - '@mui/utils': 5.14.1_react@17.0.2 + '@mui/utils': 5.14.1_react@18.2.0 '@types/react': 17.0.62 '@types/react-transition-group': 4.4.6 clsx: 1.2.1 csstype: 3.1.2 prop-types: 15.8.1 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 react-is: 18.2.0 - react-transition-group: 4.4.5_sfoxds7t5ydpegc3knd667wn6m + react-transition-group: 4.4.5_biqbaboplfbrettd7655fr4n2y dev: true - /@mui/private-theming/5.13.7_s55kszw6pq5iqmorlydcdh42pa: + /@mui/private-theming/5.13.7_djdnjl7cggegwnpvfq2raplabm: resolution: {integrity: sha512-qbSr+udcij5F9dKhGX7fEdx2drXchq7htLNr2Qg2Ma+WJ6q0ERlEqGSBiPiVDJkptcjeVL4DGmcf1wl5+vD4EA==} engines: {node: '>=12.0.0'} peerDependencies: @@ -2112,13 +2114,13 @@ packages: optional: true dependencies: '@babel/runtime': 7.22.6 - '@mui/utils': 5.14.1_react@17.0.2 + '@mui/utils': 5.14.1_react@18.2.0 '@types/react': 17.0.62 prop-types: 15.8.1 - react: 17.0.2 + react: 18.2.0 dev: true - /@mui/styled-engine/5.13.2_tngsxvm4cqu54pqeaphftrfwoy: + /@mui/styled-engine/5.13.2_5uavjbr3lmuxf4a3t6dmknaeea: resolution: {integrity: sha512-VCYCU6xVtXOrIN8lcbuPmoG+u7FYuOERG++fpY74hPpEWkyFQG97F+/XfTQVYzlR2m7nPjnwVUgATcTCMEaMvw==} engines: {node: '>=12.0.0'} peerDependencies: @@ -2133,14 +2135,14 @@ packages: dependencies: '@babel/runtime': 7.22.6 '@emotion/cache': 11.11.0 - '@emotion/react': 11.11.1_s55kszw6pq5iqmorlydcdh42pa - '@emotion/styled': 11.11.0_no77f2murwbnail7sv6vzvz7ki + '@emotion/react': 11.11.1_djdnjl7cggegwnpvfq2raplabm + '@emotion/styled': 11.11.0_ubsexhvc6g6qgdsydgwz6svjv4 csstype: 3.1.2 prop-types: 15.8.1 - react: 17.0.2 + react: 18.2.0 dev: true - /@mui/styles/5.14.1_s55kszw6pq5iqmorlydcdh42pa: + /@mui/styles/5.14.1_djdnjl7cggegwnpvfq2raplabm: resolution: {integrity: sha512-+oF3diiAbfnD5TFVyiwSe2rl+aNInBKpkam88oF2XrLtC3Ult9BNatn4tzH55U+s/KWL2zjEItdciaRIg0fAAg==} engines: {node: '>=12.0.0'} peerDependencies: @@ -2152,9 +2154,9 @@ packages: dependencies: '@babel/runtime': 7.22.6 '@emotion/hash': 0.9.1 - '@mui/private-theming': 5.13.7_s55kszw6pq5iqmorlydcdh42pa + '@mui/private-theming': 5.13.7_djdnjl7cggegwnpvfq2raplabm '@mui/types': 7.2.4_@types+react@17.0.62 - '@mui/utils': 5.14.1_react@17.0.2 + '@mui/utils': 5.14.1_react@18.2.0 '@types/react': 17.0.62 clsx: 1.2.1 csstype: 3.1.2 @@ -2168,10 +2170,10 @@ packages: jss-plugin-rule-value-function: 10.10.0 jss-plugin-vendor-prefixer: 10.10.0 prop-types: 15.8.1 - react: 17.0.2 + react: 18.2.0 dev: true - /@mui/system/5.14.1_ixhfk55ybdwyytvt4qwwrnwpry: + /@mui/system/5.14.1_aniuynftmog5zabrnkmg34ptim: resolution: {integrity: sha512-u+xlsU34Jdkgx1CxmBnIC4Y08uPdVX5iEd3S/1dggDFtOGp+Lj8xmKRJAQ8PJOOJLOh8pDwaZx4AwXikL4l1QA==} engines: {node: '>=12.0.0'} peerDependencies: @@ -2188,17 +2190,17 @@ packages: optional: true dependencies: '@babel/runtime': 7.22.6 - '@emotion/react': 11.11.1_s55kszw6pq5iqmorlydcdh42pa - '@emotion/styled': 11.11.0_no77f2murwbnail7sv6vzvz7ki - '@mui/private-theming': 5.13.7_s55kszw6pq5iqmorlydcdh42pa - '@mui/styled-engine': 5.13.2_tngsxvm4cqu54pqeaphftrfwoy + '@emotion/react': 11.11.1_djdnjl7cggegwnpvfq2raplabm + '@emotion/styled': 11.11.0_ubsexhvc6g6qgdsydgwz6svjv4 + '@mui/private-theming': 5.13.7_djdnjl7cggegwnpvfq2raplabm + '@mui/styled-engine': 5.13.2_5uavjbr3lmuxf4a3t6dmknaeea '@mui/types': 7.2.4_@types+react@17.0.62 - '@mui/utils': 5.14.1_react@17.0.2 + '@mui/utils': 5.14.1_react@18.2.0 '@types/react': 17.0.62 clsx: 1.2.1 csstype: 3.1.2 prop-types: 15.8.1 - react: 17.0.2 + react: 18.2.0 dev: true /@mui/types/7.2.4_@types+react@17.0.62: @@ -2212,7 +2214,7 @@ packages: '@types/react': 17.0.62 dev: true - /@mui/utils/5.14.1_react@17.0.2: + /@mui/utils/5.14.1_react@18.2.0: resolution: {integrity: sha512-39KHKK2JeqRmuUcLDLwM+c2XfVC136C5/yUyQXmO2PVbOb2Bol4KxtkssEqCbTwg87PSCG3f1Tb0keRsK7cVGw==} engines: {node: '>=12.0.0'} peerDependencies: @@ -2222,7 +2224,7 @@ packages: '@types/prop-types': 15.7.5 '@types/react-is': 18.2.1 prop-types: 15.8.1 - react: 17.0.2 + react: 18.2.0 react-is: 18.2.0 dev: true @@ -2341,7 +2343,7 @@ packages: rollup: 2.79.1 dev: true - /@rollup/plugin-typescript/8.5.0_zptcx3kz3uwp66hzhyyt545weq: + /@rollup/plugin-typescript/8.5.0_j3fzkp33ybsntk4va55wtg7aj4: resolution: {integrity: sha512-wMv1/scv0m/rXx21wD2IsBbJFba8wGF3ErJIr6IKRfRj49S85Lszbxb4DCo8iILpluTjk2GAAu9CoZt4G3ppgQ==} engines: {node: '>=8.0.0'} peerDependencies: @@ -2355,6 +2357,7 @@ packages: '@rollup/pluginutils': 3.1.0_rollup@2.79.1 resolve: 1.22.2 rollup: 2.79.1 + tslib: 2.6.0 typescript: 4.9.5 dev: true @@ -2394,7 +2397,7 @@ packages: resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==} dev: true - /@storybook/addon-actions/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/addon-actions/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-JQfcR1AjVWE/M4ayxfyCU/qSj5Jf5djKgvan0YaxTjtQr9tzIgTc93jeF+IPJMnv7ZoaeDW6BS/6n+zSDqJeTg==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2406,26 +2409,26 @@ packages: optional: true dependencies: '@storybook/client-logger': 7.1.0 - '@storybook/components': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/components': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/core-events': 7.1.0 '@storybook/global': 5.0.0 - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/preview-api': 7.1.0 - '@storybook/theming': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/theming': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/types': 7.1.0 dequal: 2.0.3 lodash: 4.17.21 polished: 4.2.2 prop-types: 15.8.1 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 - react-inspector: 6.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 + react-inspector: 6.0.2_react@18.2.0 telejson: 7.1.0 ts-dedent: 2.2.0 uuid: 9.0.0 dev: true - /@storybook/addon-backgrounds/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/addon-backgrounds/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-6hSzERmm4z1j/CGSsjefa18qSgX/GnkIZ+2lA0Ju5M478UL60/m0C7fBkL5xDbNKMpuSPhO5oBSYevWbLrMX5g==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2437,20 +2440,20 @@ packages: optional: true dependencies: '@storybook/client-logger': 7.1.0 - '@storybook/components': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/components': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/core-events': 7.1.0 '@storybook/global': 5.0.0 - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/preview-api': 7.1.0 - '@storybook/theming': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/theming': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/types': 7.1.0 memoizerific: 1.11.3 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 ts-dedent: 2.2.0 dev: true - /@storybook/addon-controls/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/addon-controls/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-uw1ynZTFM+ABdd5Dj6iTT3r+fTIY1ljZ09jITszlPENNM9SphCX8lAT0w+8wRVQlbn0mVY0amm2/GtV1sgt+Nw==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2461,35 +2464,35 @@ packages: react-dom: optional: true dependencies: - '@storybook/blocks': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/blocks': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/client-logger': 7.1.0 - '@storybook/components': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/components': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/core-common': 7.1.0 - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/node-logger': 7.1.0 '@storybook/preview-api': 7.1.0 - '@storybook/theming': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/theming': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/types': 7.1.0 lodash: 4.17.21 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 ts-dedent: 2.2.0 transitivePeerDependencies: - encoding - supports-color dev: true - /@storybook/addon-docs/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/addon-docs/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-WH8oODVMr56Zxso6nnbikyph10jNKWyttuSxjksNClogaOPVAIWzglGa8TiGygzurzwZYkMsNWliUKsG4X32nw==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: '@jest/transform': 29.6.1 - '@mdx-js/react': 2.3.0_react@17.0.2 - '@storybook/blocks': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@mdx-js/react': 2.3.0_react@18.2.0 + '@storybook/blocks': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/client-logger': 7.1.0 - '@storybook/components': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/components': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/csf-plugin': 7.1.0 '@storybook/csf-tools': 7.1.0 '@storybook/global': 5.0.0 @@ -2497,12 +2500,12 @@ packages: '@storybook/node-logger': 7.1.0 '@storybook/postinstall': 7.1.0 '@storybook/preview-api': 7.1.0 - '@storybook/react-dom-shim': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - '@storybook/theming': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/react-dom-shim': 7.1.0_biqbaboplfbrettd7655fr4n2y + '@storybook/theming': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/types': 7.1.0 fs-extra: 11.1.1 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 remark-external-links: 8.0.0 remark-slug: 6.1.0 ts-dedent: 2.2.0 @@ -2511,27 +2514,27 @@ packages: - supports-color dev: true - /@storybook/addon-essentials/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/addon-essentials/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-KCNSQIPC5g1EJLqKQx0Ink91PytbL2YAv7DPXCkfmWyXKilK+u00cZeViqCt2EF9Q5LPzrTkw2wRvAv85UrHZQ==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@storybook/addon-actions': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - '@storybook/addon-backgrounds': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - '@storybook/addon-controls': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - '@storybook/addon-docs': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/addon-actions': 7.1.0_biqbaboplfbrettd7655fr4n2y + '@storybook/addon-backgrounds': 7.1.0_biqbaboplfbrettd7655fr4n2y + '@storybook/addon-controls': 7.1.0_biqbaboplfbrettd7655fr4n2y + '@storybook/addon-docs': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/addon-highlight': 7.1.0 - '@storybook/addon-measure': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - '@storybook/addon-outline': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - '@storybook/addon-toolbars': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - '@storybook/addon-viewport': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/addon-measure': 7.1.0_biqbaboplfbrettd7655fr4n2y + '@storybook/addon-outline': 7.1.0_biqbaboplfbrettd7655fr4n2y + '@storybook/addon-toolbars': 7.1.0_biqbaboplfbrettd7655fr4n2y + '@storybook/addon-viewport': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/core-common': 7.1.0 - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/node-logger': 7.1.0 '@storybook/preview-api': 7.1.0 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 ts-dedent: 2.2.0 transitivePeerDependencies: - encoding @@ -2546,7 +2549,7 @@ packages: '@storybook/preview-api': 7.1.0 dev: true - /@storybook/addon-links/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/addon-links/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-1cEALwRfev7s/NDTJYwn6tg3JZv8zSwd12NMRWhc/PZdCMQf/X1TtOPqz/l3jqTkjANMQA+hxCNRNl4otPD1XQ==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2561,17 +2564,17 @@ packages: '@storybook/core-events': 7.1.0 '@storybook/csf': 0.1.1 '@storybook/global': 5.0.0 - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/preview-api': 7.1.0 - '@storybook/router': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/router': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/types': 7.1.0 prop-types: 15.8.1 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 ts-dedent: 2.2.0 dev: true - /@storybook/addon-measure/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/addon-measure/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-GUqsjU/TyrTyt+U0XkEJ3esEzfwxq9VtQi+HpIwUSVxJJmkyPX+LQROLWL8g+07YeytniWpyWAcfsk1jDbV8eQ==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2583,18 +2586,18 @@ packages: optional: true dependencies: '@storybook/client-logger': 7.1.0 - '@storybook/components': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/components': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/core-events': 7.1.0 '@storybook/global': 5.0.0 - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/preview-api': 7.1.0 '@storybook/types': 7.1.0 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 tiny-invariant: 1.3.1 dev: true - /@storybook/addon-outline/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/addon-outline/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-cOcyxcc80oGOm53xFInCQW1kJjX/jcrS3VQXoVUkIXf2NmwnOTp7MbkDqjCiiE0h/Za9QIqkbsTk/DrJvl905Q==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2606,18 +2609,18 @@ packages: optional: true dependencies: '@storybook/client-logger': 7.1.0 - '@storybook/components': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/components': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/core-events': 7.1.0 '@storybook/global': 5.0.0 - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/preview-api': 7.1.0 '@storybook/types': 7.1.0 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 ts-dedent: 2.2.0 dev: true - /@storybook/addon-toolbars/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/addon-toolbars/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-OUbmddPNWy8RN/PNdwpXJDkYKzaV9W1amRpEQM6esG8/yI/2P/v4gL6eLSeeH2V8+nL26kD7BZ0Gh9r+xORzJQ==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2629,15 +2632,15 @@ packages: optional: true dependencies: '@storybook/client-logger': 7.1.0 - '@storybook/components': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/components': 7.1.0_biqbaboplfbrettd7655fr4n2y + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/preview-api': 7.1.0 - '@storybook/theming': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + '@storybook/theming': 7.1.0_biqbaboplfbrettd7655fr4n2y + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 dev: true - /@storybook/addon-viewport/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/addon-viewport/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-dvaD11qp2AG8xc9LubkYqp0yW+5ybaqTOn2uwK4qDDbwypkL+uE9K8G+8tQGIvfQPFye3ggpuqRzStZHr/JbsQ==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2649,32 +2652,32 @@ packages: optional: true dependencies: '@storybook/client-logger': 7.1.0 - '@storybook/components': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/components': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/core-events': 7.1.0 '@storybook/global': 5.0.0 - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/preview-api': 7.1.0 - '@storybook/theming': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/theming': 7.1.0_biqbaboplfbrettd7655fr4n2y memoizerific: 1.11.3 prop-types: 15.8.1 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 dev: true - /@storybook/addons/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/addons/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-8OvGnotiChaCx+ep0MMfquNZBdrkk6P2BO+ZahCy4bhxrnIsUs6XyOpDGDVTkfKDT5i/dEW49cwyRdnmNJnzcA==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/preview-api': 7.1.0 '@storybook/types': 7.1.0 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 dev: true - /@storybook/api/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/api/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-EvCdZRSNDqPzbeD07qZ/oP9LHsH+wDOP3sn8VC40F7AR98sGbN9O2gD4qtQkGBdwFEYhTHeXaF1QXfEdDPQZdw==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2686,12 +2689,12 @@ packages: optional: true dependencies: '@storybook/client-logger': 7.1.0 - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 dev: true - /@storybook/blocks/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/blocks/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-DWK3+l+OycPx4QNPobTxWzQUy3Q+D2DNbzTUX1ndew6cuzfi87O7k1hmn//dZQoFzV0BZzx02kVljNQY56w/Bw==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2699,25 +2702,25 @@ packages: dependencies: '@storybook/channels': 7.1.0 '@storybook/client-logger': 7.1.0 - '@storybook/components': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/components': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/core-events': 7.1.0 '@storybook/csf': 0.1.1 '@storybook/docs-tools': 7.1.0 '@storybook/global': 5.0.0 - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/preview-api': 7.1.0 - '@storybook/theming': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/theming': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/types': 7.1.0 '@types/lodash': 4.14.195 color-convert: 2.0.1 dequal: 2.0.3 lodash: 4.17.21 - markdown-to-jsx: 7.2.1_react@17.0.2 + markdown-to-jsx: 7.2.1_react@18.2.0 memoizerific: 1.11.3 polished: 4.2.2 - react: 17.0.2 - react-colorful: 5.6.1_sfoxds7t5ydpegc3knd667wn6m - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-colorful: 5.6.1_biqbaboplfbrettd7655fr4n2y + react-dom: 18.2.0_react@18.2.0 telejson: 7.1.0 tocbot: 4.21.0 ts-dedent: 2.2.0 @@ -2792,7 +2795,7 @@ packages: - supports-color dev: true - /@storybook/builder-webpack5/7.1.0_jgxnvbe4faw3ohf4h6p42qq6oy: + /@storybook/builder-webpack5/7.1.0_ygqkwb4gg3aean7xjfdauovyqq: resolution: {integrity: sha512-VlAjEJCRSKSAECqKkECyLlvqwAIZYHjkfinCfJNctZyik4QQtMKTKsJMpk/K7M1qom/xJLnvE+QPmmp/Bb9gGg==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2803,24 +2806,24 @@ packages: optional: true dependencies: '@babel/core': 7.22.9 - '@storybook/addons': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - '@storybook/api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/addons': 7.1.0_biqbaboplfbrettd7655fr4n2y + '@storybook/api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/channel-postmessage': 7.1.0 '@storybook/channels': 7.1.0 '@storybook/client-api': 7.1.0 '@storybook/client-logger': 7.1.0 - '@storybook/components': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/components': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/core-common': 7.1.0 '@storybook/core-events': 7.1.0 '@storybook/core-webpack': 7.1.0 '@storybook/global': 5.0.0 - '@storybook/manager-api': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/manager-api': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/node-logger': 7.1.0 '@storybook/preview': 7.1.0 '@storybook/preview-api': 7.1.0 - '@storybook/router': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/router': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/store': 7.1.0 - '@storybook/theming': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/theming': 7.1.0_biqbaboplfbrettd7655fr4n2y '@swc/core': 1.3.70 '@types/node': 16.18.38 '@types/semver': 7.5.0 @@ -2836,8 +2839,8 @@ packages: html-webpack-plugin: 5.5.3_webpack@5.88.2 path-browserify: 1.0.1 process: 0.11.10 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 semver: 7.5.4 style-loader: 3.3.3_webpack@5.88.2 swc-loader: 0.2.3_mc6gfxw3srtakorr7k7rv6jmxy @@ -2962,7 +2965,7 @@ packages: - supports-color dev: true - /@storybook/components/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/components/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-o8Z5L7cxxNCUhbEA+vGwoVrZ0vWhuZJb/AUc+347RIlH1QZF4Cu6fmgA49pKBsrJWPbtOmlLCbN/9LshszH0Zw==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2971,12 +2974,12 @@ packages: '@storybook/client-logger': 7.1.0 '@storybook/csf': 0.1.1 '@storybook/global': 5.0.0 - '@storybook/theming': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/theming': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/types': 7.1.0 memoizerific: 1.11.3 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 - use-resize-observer: 9.1.0_sfoxds7t5ydpegc3knd667wn6m + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 + use-resize-observer: 9.1.0_biqbaboplfbrettd7655fr4n2y util-deprecate: 1.0.2 dev: true @@ -3145,7 +3148,7 @@ packages: resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==} dev: true - /@storybook/manager-api/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/manager-api/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-a4UtzWcN/a12Kr4Z5B0KO05t3w3BtXapLRUERxiwB769ab/XJ6MmIyFY7mybKty3RZhmBWaO/oSfgrOwCeP/Gw==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -3156,14 +3159,14 @@ packages: '@storybook/core-events': 7.1.0 '@storybook/csf': 0.1.1 '@storybook/global': 5.0.0 - '@storybook/router': 7.1.0_sfoxds7t5ydpegc3knd667wn6m - '@storybook/theming': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/router': 7.1.0_biqbaboplfbrettd7655fr4n2y + '@storybook/theming': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/types': 7.1.0 dequal: 2.0.3 lodash: 4.17.21 memoizerific: 1.11.3 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 semver: 7.5.4 store2: 2.14.2 telejson: 7.1.0 @@ -3186,7 +3189,7 @@ packages: resolution: {integrity: sha512-TsPCqe/2s1chhZoU2eOvjXFteZ00ALVKsTP03FMDOAVc1EkH3dIMAQE1j3ZCt0RnDW1lWfN+QMxgqrgQ/f3mMw==} dev: true - /@storybook/preset-react-webpack/7.1.0_yes3rfnb5ldti37an4n4dkmumq: + /@storybook/preset-react-webpack/7.1.0_pxzyszxkcwseadr4yiwpxf2y4i: resolution: {integrity: sha512-Pm/fYCqBaMp4DG4LuFgOvHKeuw9uHY8rLx90dS7v43vVYuncvXXNGJtfl7dnh+L0avG0+pvQch2UlWS81JKV4A==} engines: {node: '>=16.0.0'} peerDependencies: @@ -3207,15 +3210,15 @@ packages: '@storybook/core-webpack': 7.1.0 '@storybook/docs-tools': 7.1.0 '@storybook/node-logger': 7.1.0 - '@storybook/react': 7.1.0_jgxnvbe4faw3ohf4h6p42qq6oy + '@storybook/react': 7.1.0_ygqkwb4gg3aean7xjfdauovyqq '@storybook/react-docgen-typescript-plugin': 1.0.6--canary.9.0c3f3b7.0_rggdtlzfqxxwxudp3onsqdyocm '@types/node': 16.18.38 '@types/semver': 7.5.0 babel-plugin-add-react-displayname: 0.0.5 babel-plugin-react-docgen: 4.2.1 fs-extra: 11.1.1 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 react-refresh: 0.11.0 semver: 7.5.4 typescript: 4.9.5 @@ -3278,17 +3281,17 @@ packages: - supports-color dev: true - /@storybook/react-dom-shim/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/react-dom-shim/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-KPHbvwVu8iA0G8FkCbxuRwDGJPquiONgtYJn6ChHyL/ZjC/9+sUaUWEThbsFEnqdRzXKLgwHqZjF1UieT+TW6Q==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 dev: true - /@storybook/react-webpack5/7.1.0_yes3rfnb5ldti37an4n4dkmumq: + /@storybook/react-webpack5/7.1.0_pxzyszxkcwseadr4yiwpxf2y4i: resolution: {integrity: sha512-dVLQPaNprG7hu9cwpYtP3x1WHjGhhpOS/6A0VUu/aFETJXK9mHFDZLoczhF18B2EAR8/GEqiRsHHxBtifYmqvw==} engines: {node: '>=16.0.0'} peerDependencies: @@ -3303,12 +3306,12 @@ packages: optional: true dependencies: '@babel/core': 7.22.9 - '@storybook/builder-webpack5': 7.1.0_jgxnvbe4faw3ohf4h6p42qq6oy - '@storybook/preset-react-webpack': 7.1.0_yes3rfnb5ldti37an4n4dkmumq - '@storybook/react': 7.1.0_jgxnvbe4faw3ohf4h6p42qq6oy + '@storybook/builder-webpack5': 7.1.0_ygqkwb4gg3aean7xjfdauovyqq + '@storybook/preset-react-webpack': 7.1.0_pxzyszxkcwseadr4yiwpxf2y4i + '@storybook/react': 7.1.0_ygqkwb4gg3aean7xjfdauovyqq '@types/node': 16.18.38 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 typescript: 4.9.5 transitivePeerDependencies: - '@swc/core' @@ -3326,7 +3329,7 @@ packages: - webpack-plugin-serve dev: true - /@storybook/react/7.1.0_jgxnvbe4faw3ohf4h6p42qq6oy: + /@storybook/react/7.1.0_ygqkwb4gg3aean7xjfdauovyqq: resolution: {integrity: sha512-yTxuc9RucWTfFxU2emoO0/KPwUkRvEUE6jUrnCDaYR6lsq9RhiZjs072t8sCyUM+9KPwQQrt96cNmKyYN7Yg5w==} engines: {node: '>=16.0.0'} peerDependencies: @@ -3342,7 +3345,7 @@ packages: '@storybook/docs-tools': 7.1.0 '@storybook/global': 5.0.0 '@storybook/preview-api': 7.1.0 - '@storybook/react-dom-shim': 7.1.0_sfoxds7t5ydpegc3knd667wn6m + '@storybook/react-dom-shim': 7.1.0_biqbaboplfbrettd7655fr4n2y '@storybook/types': 7.1.0 '@types/escodegen': 0.0.6 '@types/estree': 0.0.51 @@ -3354,9 +3357,9 @@ packages: html-tags: 3.3.1 lodash: 4.17.21 prop-types: 15.8.1 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 - react-element-to-jsx-string: 15.0.0_sfoxds7t5ydpegc3knd667wn6m + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 + react-element-to-jsx-string: 15.0.0_biqbaboplfbrettd7655fr4n2y ts-dedent: 2.2.0 type-fest: 3.13.1 typescript: 4.9.5 @@ -3366,7 +3369,7 @@ packages: - supports-color dev: true - /@storybook/router/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/router/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-zZUFV84bIjhKADrV7ZzHPOBtxumeonUU1Nbq7X+k6AWsurpUAdlpQrM+H+37eWIeFONX8Rfc0EUTrx+WUAq1hA==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -3375,8 +3378,8 @@ packages: '@storybook/client-logger': 7.1.0 memoizerific: 1.11.3 qs: 6.11.2 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 dev: true /@storybook/store/7.1.0: @@ -3402,18 +3405,18 @@ packages: - supports-color dev: true - /@storybook/theming/7.1.0_sfoxds7t5ydpegc3knd667wn6m: + /@storybook/theming/7.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-bO56c7NFlK7sfjsCbV56VLU59HHvQTW/HVu8RxUuoY+0WutyGAq6uZCmtQnMMGORzxh0p/uU2dSBVYEfW8QoTQ==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: - '@emotion/use-insertion-effect-with-fallbacks': 1.0.1_react@17.0.2 + '@emotion/use-insertion-effect-with-fallbacks': 1.0.1_react@18.2.0 '@storybook/client-logger': 7.1.0 '@storybook/global': 5.0.0 memoizerific: 1.11.3 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 dev: true /@storybook/types/7.1.0: @@ -3566,7 +3569,7 @@ packages: redent: 3.0.0 dev: true - /@testing-library/react/11.2.7_sfoxds7t5ydpegc3knd667wn6m: + /@testing-library/react/11.2.7_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-tzRNp7pzd5QmbtXNG/mhdcl7Awfu/Iz1RaVHY75zTdOkmHCuzMhRL83gWHSgOAcjS3CCbyfwUHMZgRJb4kAfpA==} engines: {node: '>=10'} peerDependencies: @@ -3575,8 +3578,8 @@ packages: dependencies: '@babel/runtime': 7.22.6 '@testing-library/dom': 7.31.2 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 dev: true /@testing-library/user-event/12.8.3: @@ -7159,13 +7162,13 @@ packages: resolution: {integrity: sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==} dev: true - /markdown-to-jsx/7.2.1_react@17.0.2: + /markdown-to-jsx/7.2.1_react@18.2.0: resolution: {integrity: sha512-9HrdzBAo0+sFz9ZYAGT5fB8ilzTW+q6lPocRxrIesMO+aB40V9MgFfbfMXxlGjf22OpRy+IXlvVaQenicdpgbg==} engines: {node: '>= 10'} peerDependencies: react: '>= 0.14.0' dependencies: - react: 17.0.2 + react: 18.2.0 dev: true /mdast-util-definitions/4.0.0: @@ -7983,14 +7986,14 @@ packages: unpipe: 1.0.0 dev: true - /react-colorful/5.6.1_sfoxds7t5ydpegc3knd667wn6m: + /react-colorful/5.6.1_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==} peerDependencies: react: '>=16.8.0' react-dom: '>=16.8.0' dependencies: - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 dev: true /react-docgen-typescript/2.2.2_typescript@4.9.5: @@ -8020,18 +8023,17 @@ packages: - supports-color dev: true - /react-dom/17.0.2_react@17.0.2: - resolution: {integrity: sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==} + /react-dom/18.2.0_react@18.2.0: + resolution: {integrity: sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==} peerDependencies: - react: 17.0.2 + react: ^18.2.0 dependencies: loose-envify: 1.4.0 - object-assign: 4.1.1 - react: 17.0.2 - scheduler: 0.20.2 + react: 18.2.0 + scheduler: 0.23.0 dev: true - /react-element-to-jsx-string/15.0.0_sfoxds7t5ydpegc3knd667wn6m: + /react-element-to-jsx-string/15.0.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-UDg4lXB6BzlobN60P8fHWVPX3Kyw8ORrTeBtClmIlGdkOOE+GYQSFvmEU5iLLpwp/6v42DINwNcwOhOLfQ//FQ==} peerDependencies: react: ^0.14.8 || ^15.0.1 || ^16.0.0 || ^17.0.1 || ^18.0.0 @@ -8039,17 +8041,17 @@ packages: dependencies: '@base2/pretty-print-object': 1.0.1 is-plain-object: 5.0.0 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 react-is: 18.1.0 dev: true - /react-inspector/6.0.2_react@17.0.2: + /react-inspector/6.0.2_react@18.2.0: resolution: {integrity: sha512-x+b7LxhmHXjHoU/VrFAzw5iutsILRoYyDq97EDYdFpPLcvqtEzk4ZSZSQjnFPbr5T57tLXnHcqFYoN1pI6u8uQ==} peerDependencies: react: ^16.8.4 || ^17.0.0 || ^18.0.0 dependencies: - react: 17.0.2 + react: 18.2.0 dev: true /react-is/16.13.1: @@ -8073,7 +8075,7 @@ packages: engines: {node: '>=0.10.0'} dev: true - /react-transition-group/4.4.5_sfoxds7t5ydpegc3knd667wn6m: + /react-transition-group/4.4.5_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==} peerDependencies: react: '>=16.6.0' @@ -8083,16 +8085,15 @@ packages: dom-helpers: 5.2.1 loose-envify: 1.4.0 prop-types: 15.8.1 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 dev: true - /react/17.0.2: - resolution: {integrity: sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==} + /react/18.2.0: + resolution: {integrity: sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==} engines: {node: '>=0.10.0'} dependencies: loose-envify: 1.4.0 - object-assign: 4.1.1 dev: true /read-pkg-up/7.0.1: @@ -8421,11 +8422,10 @@ packages: resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==} dev: true - /scheduler/0.20.2: - resolution: {integrity: sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==} + /scheduler/0.23.0: + resolution: {integrity: sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==} dependencies: loose-envify: 1.4.0 - object-assign: 4.1.1 dev: true /schema-utils/2.7.1: @@ -9231,15 +9231,15 @@ packages: qs: 6.11.2 dev: true - /use-resize-observer/9.1.0_sfoxds7t5ydpegc3knd667wn6m: + /use-resize-observer/9.1.0_biqbaboplfbrettd7655fr4n2y: resolution: {integrity: sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow==} peerDependencies: react: 16.8.0 - 18 react-dom: 16.8.0 - 18 dependencies: '@juggle/resize-observer': 3.4.0 - react: 17.0.2 - react-dom: 17.0.2_react@17.0.2 + react: 18.2.0 + react-dom: 18.2.0_react@18.2.0 dev: true /util-deprecate/1.0.2: diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx index 2db2124..3ea75ae 100644 --- a/src/components/Button/Button.tsx +++ b/src/components/Button/Button.tsx @@ -144,7 +144,7 @@ export interface ButtonProps extends MuiButtonProps { mode?: Mode; } -const Button: React.VFC = ({ mode = 'dark', ...props }) => { +const Button: React.FC = ({ mode = 'dark', ...props }) => { return ; }; diff --git a/src/components/Button/DialogButton/DialogButton.tsx b/src/components/Button/DialogButton/DialogButton.tsx index 3bad533..3fb0d40 100644 --- a/src/components/Button/DialogButton/DialogButton.tsx +++ b/src/components/Button/DialogButton/DialogButton.tsx @@ -149,7 +149,7 @@ const Button = styled(MUIButton)` })} `; -const DialogButton: React.VFC = ({ +const DialogButton: React.FC = ({ mode = 'dark', previousIcon, nextIcon, diff --git a/src/components/Button/LanguageButton/LanguageButton.tsx b/src/components/Button/LanguageButton/LanguageButton.tsx index c02e480..95348c7 100644 --- a/src/components/Button/LanguageButton/LanguageButton.tsx +++ b/src/components/Button/LanguageButton/LanguageButton.tsx @@ -1,7 +1,6 @@ import React, { VFC, useState, useEffect, useRef } from 'react'; import { styled } from '@mui/material/styles'; -import Popper from '@mui/material/Popper'; -import Box from '@mui/system/Box'; +import { Box, Popper } from '@mui/material'; import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'; import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp'; import ClickAwayListener from '@mui/material/ClickAwayListener'; diff --git a/src/components/Button/LanguageButton/LanguageButton.types.ts b/src/components/Button/LanguageButton/LanguageButton.types.ts index 8c76e51..57a2d8d 100644 --- a/src/components/Button/LanguageButton/LanguageButton.types.ts +++ b/src/components/Button/LanguageButton/LanguageButton.types.ts @@ -1,5 +1,4 @@ -import { PopperProps } from '@mui/material'; -import { BoxProps } from '@mui/system'; +import { PopperProps, BoxProps } from '@mui/material'; export interface LanguageData { code: string; diff --git a/src/components/DatePicker/DatePicker.tsx b/src/components/DatePicker/DatePicker.tsx index 1524750..0a71a5b 100644 --- a/src/components/DatePicker/DatePicker.tsx +++ b/src/components/DatePicker/DatePicker.tsx @@ -202,7 +202,7 @@ const DatePicker: VFC = (props) => { }; const weekStrings = useMemo(() => { - const week = []; + const week: React.ReactNode[] = []; for (let i = 0; i < 7; i += 1) { week.push( @@ -216,7 +216,7 @@ const DatePicker: VFC = (props) => { }, []); const days = useMemo(() => { - const days = []; + const days: React.ReactNode[] = []; const beginDate = startOfWeek(startOfMonth(referenceDate)); const localStartDateString = localStartDate ? format(localStartDate, 'yyyy-MM-dd') diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx index 3201f31..cf411bc 100644 --- a/src/components/Dropdown/Dropdown.tsx +++ b/src/components/Dropdown/Dropdown.tsx @@ -81,7 +81,7 @@ const Item = styled(Box, { }, })); -const Dropdown: React.VFC = (props) => { +const Dropdown: React.FC = (props) => { const { list, isExceptance, diff --git a/src/components/Dropdown/Dropdown.type.ts b/src/components/Dropdown/Dropdown.type.ts index d361f75..23e4296 100644 --- a/src/components/Dropdown/Dropdown.type.ts +++ b/src/components/Dropdown/Dropdown.type.ts @@ -1,6 +1,4 @@ -import { PopperProps } from '@mui/material'; -import { BoxProps } from '@mui/system'; - +import { PopperProps, BoxProps } from '@mui/material'; export interface DropDownItem { id: string; name: string; diff --git a/src/components/Dropdown/DropdownCheckbox/DropdownCheckbox.tsx b/src/components/Dropdown/DropdownCheckbox/DropdownCheckbox.tsx index 717f9cc..e5dbdfb 100644 --- a/src/components/Dropdown/DropdownCheckbox/DropdownCheckbox.tsx +++ b/src/components/Dropdown/DropdownCheckbox/DropdownCheckbox.tsx @@ -77,7 +77,7 @@ const ContainerLabel = styled('div')` gap: 10px; `; -const DropdownCheckbox: React.VFC = (props) => { +const DropdownCheckbox: React.FC = (props) => { const { list, itemProps, diff --git a/src/components/Dropdown/DropdownCheckbox/DropdownColor.type.ts b/src/components/Dropdown/DropdownCheckbox/DropdownColor.type.ts index a847d34..6c60977 100644 --- a/src/components/Dropdown/DropdownCheckbox/DropdownColor.type.ts +++ b/src/components/Dropdown/DropdownCheckbox/DropdownColor.type.ts @@ -1,5 +1,4 @@ -import { PopperProps } from '@mui/material'; -import { BoxProps } from '@mui/system'; +import { PopperProps, BoxProps } from '@mui/material'; export interface DropdownCheckboxItem { id: string; diff --git a/src/components/Dropdown/DropdownColor/DropdownColor.tsx b/src/components/Dropdown/DropdownColor/DropdownColor.tsx index 8b98d11..7e0a77c 100644 --- a/src/components/Dropdown/DropdownColor/DropdownColor.tsx +++ b/src/components/Dropdown/DropdownColor/DropdownColor.tsx @@ -98,7 +98,7 @@ const ContainerLabel = styled('div')` gap: 10px; `; -const DropdownColor: React.VFC = (props) => { +const DropdownColor: React.FC = (props) => { const { list, itemProps, diff --git a/src/components/Dropdown/DropdownColor/DropdownColor.type.ts b/src/components/Dropdown/DropdownColor/DropdownColor.type.ts index 60c8e65..c10158b 100644 --- a/src/components/Dropdown/DropdownColor/DropdownColor.type.ts +++ b/src/components/Dropdown/DropdownColor/DropdownColor.type.ts @@ -1,5 +1,4 @@ -import { PopperProps } from '@mui/material'; -import { BoxProps } from '@mui/system'; +import { PopperProps, BoxProps } from '@mui/material'; export interface DropDownColorItem { id: string; diff --git a/src/components/Dropdown/DropdownV2.tsx b/src/components/Dropdown/DropdownV2.tsx index 3f8ae5e..28282d2 100644 --- a/src/components/Dropdown/DropdownV2.tsx +++ b/src/components/Dropdown/DropdownV2.tsx @@ -60,7 +60,7 @@ const Item = styled(Box, { label: 'Dropdown-item' })(({ theme }) => ({ }, })); -const DropdownV2: React.VFC = (props) => { +const DropdownV2: React.FC = (props) => { const { list, itemProps, diff --git a/src/components/Dropdown/StatusDropdown/StatusDropdown.tsx b/src/components/Dropdown/StatusDropdown/StatusDropdown.tsx index c167a18..30ee6f7 100644 --- a/src/components/Dropdown/StatusDropdown/StatusDropdown.tsx +++ b/src/components/Dropdown/StatusDropdown/StatusDropdown.tsx @@ -10,8 +10,8 @@ import { import ArrowDown from '../../../svg/ArrowDown'; interface ContainerProps extends HTMLAttributes { - color?: React.CSSProperties['color']; - bgColor?: React.CSSProperties['backgroundColor']; + color?: string; + bgColor?: string; disabled?: boolean; } @@ -59,7 +59,7 @@ const Paper = styled(MuiPaper)` `; interface ItemProps { - color?: React.CSSProperties['color']; + color?: string; } const Item = styled('div')` @@ -95,8 +95,8 @@ export interface StatusDropdownProps { defaultStatus?: string; statusMap: { [status: string]: { - color?: React.CSSProperties['color']; - bgColor?: React.CSSProperties['backgroundColor']; + color?: string; + bgColor?: string; displayName: string; }; }; diff --git a/src/components/Searchbar/Searchbar.tsx b/src/components/Searchbar/Searchbar.tsx index 8ddbdd1..0aa3b2e 100644 --- a/src/components/Searchbar/Searchbar.tsx +++ b/src/components/Searchbar/Searchbar.tsx @@ -38,7 +38,7 @@ const Operation = styled(Box)(({}) => ({ display: 'flex', })); -const Searchbar: React.VFC = (props) => { +const Searchbar: React.FC = (props) => { const { operationNode, LanguageButtonProps, @@ -79,7 +79,11 @@ const Searchbar: React.VFC = (props) => { {operationNode} - + ); diff --git a/src/components/Step/Step.tsx b/src/components/Step/Step.tsx index 4de7d7e..c8b290e 100644 --- a/src/components/Step/Step.tsx +++ b/src/components/Step/Step.tsx @@ -32,7 +32,7 @@ const Bar = styled(Box, { label: 'Step' })(({ theme }) => ({ }, })); -const Step: React.VFC = (props) => { +const Step: React.FC = (props) => { const { className, current, list, ...otherProps } = props; const itemComponents = list.map((item, index) => { diff --git a/src/components/Step/Step.types.ts b/src/components/Step/Step.types.ts index d9ac6ed..0f8ad81 100644 --- a/src/components/Step/Step.types.ts +++ b/src/components/Step/Step.types.ts @@ -1,4 +1,4 @@ -import { BoxProps } from '@mui/system'; +import { BoxProps } from '@mui/material'; export interface StepItem { id: string; diff --git a/src/svg/BtnIcCalendar.tsx b/src/svg/BtnIcCalendar.tsx index 75aafe1..46866c9 100644 --- a/src/svg/BtnIcCalendar.tsx +++ b/src/svg/BtnIcCalendar.tsx @@ -1,12 +1,14 @@ -import React, { CSSProperties, VFC } from 'react'; +import React from 'react'; import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'; interface Props { - width?: CSSProperties['width']; - height?: CSSProperties['height']; + width?: number; + height?: number; } -const BtnIcCalendar: VFC> = (props) => { +const BtnIcCalendar: React.FC> = ( + props, +) => { const { viewBox = '0 0 24 26', sx, ...otherProps } = props; return ( diff --git a/src/svg/BtnIcSearch.tsx b/src/svg/BtnIcSearch.tsx index 14d23b9..9996795 100644 --- a/src/svg/BtnIcSearch.tsx +++ b/src/svg/BtnIcSearch.tsx @@ -1,13 +1,13 @@ -import React, { CSSProperties, VFC } from 'react'; +import React, { FC } from 'react'; import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'; interface Props { - width?: CSSProperties['width']; - height?: CSSProperties['height']; + width?: number; + height?: number; color?: string; } -const BtnIcSearch: VFC> = (props) => { +const BtnIcSearch: FC> = (props) => { const { viewBox = '0 0 40 40', color = '#606060', ...otherProps } = props; return ( diff --git a/src/svg/ComponentIcPasswordDbg.tsx b/src/svg/ComponentIcPasswordDbg.tsx index cbdb2a0..ef5d65f 100644 --- a/src/svg/ComponentIcPasswordDbg.tsx +++ b/src/svg/ComponentIcPasswordDbg.tsx @@ -1,12 +1,12 @@ -import React, { CSSProperties, VFC } from 'react'; +import React, { FC } from 'react'; import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'; interface Props { - width?: CSSProperties['width']; - height?: CSSProperties['height']; + width?: number; + height?: number; } -const ComponentIcPasswordDbg: VFC> = ( +const ComponentIcPasswordDbg: FC> = ( props, ) => { const { viewBox = '0 0 40 40', ...otherProps } = props; diff --git a/src/svg/ComponentIcPhoneDbg.tsx b/src/svg/ComponentIcPhoneDbg.tsx index 0108cd9..cd47558 100644 --- a/src/svg/ComponentIcPhoneDbg.tsx +++ b/src/svg/ComponentIcPhoneDbg.tsx @@ -1,12 +1,12 @@ -import React, { CSSProperties, VFC } from 'react'; +import React, { FC } from 'react'; import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'; interface Props { - width?: CSSProperties['width']; - height?: CSSProperties['height']; + width?: number; + height?: number; } -const ComponentIcPhoneDbg: VFC> = ( +const ComponentIcPhoneDbg: FC> = ( props, ) => { const { viewBox = '0 0 40 40', ...otherProps } = props; diff --git a/src/svg/ComponentIcPhoneDbgBlack.tsx b/src/svg/ComponentIcPhoneDbgBlack.tsx index 25c3dd4..d379970 100644 --- a/src/svg/ComponentIcPhoneDbgBlack.tsx +++ b/src/svg/ComponentIcPhoneDbgBlack.tsx @@ -1,12 +1,12 @@ -import React, { CSSProperties, VFC } from 'react'; +import React, { FC } from 'react'; import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'; interface Props { - width?: CSSProperties['width']; - height?: CSSProperties['height']; + width?: number; + height?: number; } -const ComponentIcPhoneDbgBlack: VFC> = ( +const ComponentIcPhoneDbgBlack: FC> = ( props, ) => { const { viewBox = '0 0 40 40', ...otherProps } = props; diff --git a/src/svg/IcErrorIfo.tsx b/src/svg/IcErrorIfo.tsx index aee9ca4..8bd5742 100644 --- a/src/svg/IcErrorIfo.tsx +++ b/src/svg/IcErrorIfo.tsx @@ -1,12 +1,12 @@ -import React, { CSSProperties, VFC } from 'react'; +import React, { FC } from 'react'; import SvgIcon, { SvgIconProps } from '@mui/material/SvgIcon'; interface Props { - width?: CSSProperties['width']; - height?: CSSProperties['height']; + width?: number; + height?: number; } -const IcErrorIfo: VFC> = (props) => { +const IcErrorIfo: FC> = (props) => { const { width = 24, height = 24,