mirror of
https://github.com/vercel/commerce.git
synced 2025-05-17 15:06:59 +00:00
Upgrade dependencies
This commit is contained in:
parent
a0687f1db1
commit
bd120e3720
@ -19,5 +19,8 @@
|
||||
"pre-commit": "turbo run lint"
|
||||
}
|
||||
},
|
||||
"resolutions": {
|
||||
"@types/react": "^17.0.38"
|
||||
},
|
||||
"packageManager": "pnpm@7.5.0"
|
||||
}
|
||||
|
@ -48,12 +48,13 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@vercel/commerce": "workspace:*",
|
||||
"@vercel/fetch": "^6.1.1",
|
||||
"@vercel/fetch": "6.2.0",
|
||||
"cookie": "^0.4.1",
|
||||
"immutability-helper": "^3.1.1",
|
||||
"jsonwebtoken": "^8.5.1",
|
||||
"lodash.debounce": "^4.0.8",
|
||||
"uuidv4": "^6.2.12"
|
||||
"uuidv4": "^6.2.12",
|
||||
"node-fetch": "^2.6.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"next": "^12",
|
||||
@ -69,6 +70,7 @@
|
||||
"@types/lodash.debounce": "^4.0.6",
|
||||
"@types/node": "^17.0.8",
|
||||
"@types/react": "^17.0.38",
|
||||
"@types/node-fetch": "^2.6.1",
|
||||
"lint-staged": "^12.1.7",
|
||||
"next": "^12.0.8",
|
||||
"prettier": "^2.5.1",
|
||||
@ -76,7 +78,7 @@
|
||||
"react-dom": "^17.0.2",
|
||||
"taskr": "^1.1.0",
|
||||
"taskr-swc": "^0.0.1",
|
||||
"typescript": "^4.5.4"
|
||||
"typescript": "^4.7.4"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx,json}": [
|
||||
|
@ -47,11 +47,12 @@
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@vercel/fetch": "^6.1.1",
|
||||
"@vercel/fetch": "6.2.0",
|
||||
"deepmerge": "^4.2.2",
|
||||
"import-cwd": "^3.0.0",
|
||||
"js-cookie": "^3.0.1",
|
||||
"swr": "^1.2.0"
|
||||
"swr": "^1.3.0",
|
||||
"node-fetch": "^2.6.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"next": "^12",
|
||||
@ -65,6 +66,7 @@
|
||||
"@types/js-cookie": "^3.0.1",
|
||||
"@types/node": "^17.0.8",
|
||||
"@types/react": "^17.0.38",
|
||||
"@types/node-fetch": "2.6.2",
|
||||
"lint-staged": "^12.1.7",
|
||||
"next": "^12.0.8",
|
||||
"prettier": "^2.5.1",
|
||||
@ -72,7 +74,7 @@
|
||||
"react-dom": "^17.0.2",
|
||||
"taskr": "^1.1.0",
|
||||
"taskr-swc": "^0.0.1",
|
||||
"typescript": "^4.5.4"
|
||||
"typescript": "^4.7.4"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx,json}": [
|
||||
|
@ -48,7 +48,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@chec/commerce.js": "^2.8.0",
|
||||
"@vercel/commerce": "^0.0.1",
|
||||
"@vercel/commerce": "workspace:*",
|
||||
"lodash.debounce": "^4.0.8"
|
||||
},
|
||||
"peerDependencies": {
|
||||
@ -71,7 +71,7 @@
|
||||
"react-dom": "^17.0.2",
|
||||
"taskr": "^1.1.0",
|
||||
"taskr-swc": "^0.0.1",
|
||||
"typescript": "^4.5.4"
|
||||
"typescript": "^4.7.4"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx,json}": [
|
||||
|
@ -49,9 +49,10 @@
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@vercel/commerce": "^0.0.1",
|
||||
"@vercel/fetch": "^6.1.1",
|
||||
"lodash.debounce": "^4.0.8"
|
||||
"@vercel/commerce": "workspace:*",
|
||||
"@vercel/fetch": "6.2.0",
|
||||
"lodash.debounce": "^4.0.8",
|
||||
"node-fetch": "^2.6.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"next": "^12",
|
||||
@ -59,7 +60,7 @@
|
||||
"react-dom": "^17"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@graphql-codegen/cli": "^2.3.1",
|
||||
"@graphql-codegen/cli": "^2.7.0",
|
||||
"@graphql-codegen/schema-ast": "^2.4.1",
|
||||
"@graphql-codegen/typescript": "^2.4.2",
|
||||
"@graphql-codegen/typescript-operations": "^2.2.2",
|
||||
@ -67,8 +68,10 @@
|
||||
"@taskr/esnext": "^1.1.0",
|
||||
"@taskr/watch": "^1.1.0",
|
||||
"@types/lodash.debounce": "^4.0.6",
|
||||
"@types/node-fetch": "2.6.2",
|
||||
"@types/node": "^17.0.8",
|
||||
"@types/react": "^17.0.38",
|
||||
"graphql": "^16.0.0",
|
||||
"lint-staged": "^12.1.7",
|
||||
"next": "^12.0.8",
|
||||
"prettier": "^2.5.1",
|
||||
@ -76,7 +79,7 @@
|
||||
"react-dom": "^17.0.2",
|
||||
"taskr": "^1.1.0",
|
||||
"taskr-swc": "^0.0.1",
|
||||
"typescript": "^4.5.4"
|
||||
"typescript": "^4.7.4"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx,json}": [
|
||||
|
@ -47,8 +47,9 @@
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@vercel/commerce": "^0.0.1",
|
||||
"@vercel/fetch": "^6.1.1"
|
||||
"@vercel/commerce": "workspace:*",
|
||||
"@vercel/fetch": "6.2.0",
|
||||
"node-fetch": "^2.6.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"next": "^12",
|
||||
@ -61,6 +62,7 @@
|
||||
"@taskr/watch": "^1.1.0",
|
||||
"@types/node": "^17.0.8",
|
||||
"@types/react": "^17.0.38",
|
||||
"@types/node-fetch": "2.6.2",
|
||||
"lint-staged": "^12.1.7",
|
||||
"next": "^12.0.8",
|
||||
"prettier": "^2.5.1",
|
||||
@ -68,7 +70,7 @@
|
||||
"react-dom": "^17.0.2",
|
||||
"taskr": "^1.1.0",
|
||||
"taskr-swc": "^0.0.1",
|
||||
"typescript": "^4.5.4"
|
||||
"typescript": "^4.7.4"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx,json}": [
|
||||
|
@ -47,10 +47,11 @@
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@vercel/commerce": "^0.0.1",
|
||||
"@vercel/fetch": "^6.1.1",
|
||||
"@vercel/commerce": "workspace:*",
|
||||
"@vercel/fetch": "6.2.0",
|
||||
"stripe": "^8.197.0",
|
||||
"lodash.debounce": "^4.0.8"
|
||||
"lodash.debounce": "^4.0.8",
|
||||
"node-fetch": "^2.6.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"next": "^12",
|
||||
@ -64,6 +65,7 @@
|
||||
"@types/lodash.debounce": "^4.0.6",
|
||||
"@types/node": "^17.0.8",
|
||||
"@types/react": "^17.0.38",
|
||||
"@types/node-fetch": "^2.6.1",
|
||||
"lint-staged": "^12.1.7",
|
||||
"next": "^12.0.8",
|
||||
"prettier": "^2.5.1",
|
||||
@ -71,7 +73,7 @@
|
||||
"react-dom": "^17.0.2",
|
||||
"taskr": "^1.1.0",
|
||||
"taskr-swc": "^0.0.1",
|
||||
"typescript": "^4.5.4"
|
||||
"typescript": "^4.7.4"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx,json}": [
|
||||
|
@ -49,9 +49,10 @@
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@vercel/commerce": "^0.0.1",
|
||||
"@vercel/fetch": "^6.1.1",
|
||||
"lodash.debounce": "^4.0.8"
|
||||
"@vercel/commerce": "workspace:*",
|
||||
"@vercel/fetch": "6.2.0",
|
||||
"lodash.debounce": "^4.0.8",
|
||||
"node-fetch": "^2.6.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"next": "^12",
|
||||
@ -59,7 +60,7 @@
|
||||
"react-dom": "^17"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@graphql-codegen/cli": "^2.3.1",
|
||||
"@graphql-codegen/cli": "^2.7.0",
|
||||
"@graphql-codegen/schema-ast": "^2.4.1",
|
||||
"@graphql-codegen/typescript": "^2.4.2",
|
||||
"@graphql-codegen/typescript-operations": "^2.2.2",
|
||||
@ -69,6 +70,7 @@
|
||||
"@types/lodash.debounce": "^4.0.6",
|
||||
"@types/node": "^17.0.8",
|
||||
"@types/react": "^17.0.38",
|
||||
"@types/node-fetch": "^2.6.1",
|
||||
"lint-staged": "^12.1.7",
|
||||
"next": "^12.0.8",
|
||||
"prettier": "^2.5.1",
|
||||
@ -76,7 +78,8 @@
|
||||
"react-dom": "^17.0.2",
|
||||
"taskr": "^1.1.0",
|
||||
"taskr-swc": "^0.0.1",
|
||||
"typescript": "^4.5.4"
|
||||
"typescript": "^4.7.4",
|
||||
"graphql": "^16.0.0"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx,json}": [
|
||||
|
@ -47,9 +47,10 @@
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@vercel/commerce": "^0.0.1",
|
||||
"@vercel/fetch": "^6.1.1",
|
||||
"commerce-sdk": "^2.7.0"
|
||||
"@vercel/commerce": "workspace:*",
|
||||
"@vercel/fetch": "6.2.0",
|
||||
"commerce-sdk": "^2.7.0",
|
||||
"node-fetch": "^2.6.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"next": "^12",
|
||||
@ -62,6 +63,7 @@
|
||||
"@taskr/watch": "^1.1.0",
|
||||
"@types/node": "^17.0.8",
|
||||
"@types/react": "^17.0.38",
|
||||
"@types/node-fetch": "^2.6.1",
|
||||
"lint-staged": "^12.1.7",
|
||||
"next": "^12.0.8",
|
||||
"prettier": "^2.5.1",
|
||||
@ -69,7 +71,7 @@
|
||||
"react-dom": "^17.0.2",
|
||||
"taskr": "^1.1.0",
|
||||
"taskr-swc": "^0.0.1",
|
||||
"typescript": "^4.5.4"
|
||||
"typescript": "^4.7.4"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx,json}": [
|
||||
|
@ -49,8 +49,10 @@
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@vercel/commerce": "^0.0.1",
|
||||
"@vercel/fetch": "^6.1.1",
|
||||
"@vercel/commerce": "workspace:*",
|
||||
"@vercel/fetch": "6.2.0",
|
||||
"node-fetch": "^2.6.7",
|
||||
"js-cookie": "^3.0.1",
|
||||
"lodash.debounce": "^4.0.8"
|
||||
},
|
||||
"peerDependencies": {
|
||||
@ -59,25 +61,28 @@
|
||||
"react-dom": "^17"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@graphql-codegen/cli": "^2.3.1",
|
||||
"@graphql-codegen/cli": "2.7.0",
|
||||
"@graphql-codegen/schema-ast": "^2.4.1",
|
||||
"@graphql-codegen/typescript": "^2.4.2",
|
||||
"@graphql-codegen/typescript-operations": "^2.2.2",
|
||||
"@graphql-codegen/typescript": "^2.6.0",
|
||||
"@graphql-codegen/typescript-operations": "^2.4.3",
|
||||
"@taskr/clear": "^1.1.0",
|
||||
"@taskr/esnext": "^1.1.0",
|
||||
"@taskr/watch": "^1.1.0",
|
||||
"@types/lodash.debounce": "^4.0.6",
|
||||
"@types/node": "^17.0.8",
|
||||
"@types/js-cookie": "3.0.2",
|
||||
"@types/lodash.debounce": "^4.0.7",
|
||||
"@types/node": "^18.0.3",
|
||||
"@types/react": "^17.0.38",
|
||||
"dotenv": "^12.0.3",
|
||||
"lint-staged": "^12.1.7",
|
||||
"next": "^12.0.8",
|
||||
"prettier": "^2.5.1",
|
||||
"react": "^17.0.2",
|
||||
"react-dom": "^17.0.2",
|
||||
"@types/node-fetch": "2.6.2",
|
||||
"graphql": "^16.0.0",
|
||||
"dotenv": "^16.0.1",
|
||||
"lint-staged": "^13.0.3",
|
||||
"next": "^12.2.1",
|
||||
"prettier": "^2.7.1",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0",
|
||||
"taskr": "^1.1.0",
|
||||
"taskr-swc": "^0.0.1",
|
||||
"typescript": "^4.5.4"
|
||||
"taskr-swc": "workspace:*",
|
||||
"typescript": "^4.3.4"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx,json}": [
|
||||
|
@ -48,10 +48,11 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@spree/storefront-api-v2-sdk": "^5.1.1",
|
||||
"@vercel/commerce": "^0.0.1",
|
||||
"@vercel/fetch": "^6.1.1",
|
||||
"swr": "^1.2.0",
|
||||
"lodash.debounce": "^4.0.8"
|
||||
"@vercel/commerce": "workspace:*",
|
||||
"@vercel/fetch": "6.2.0",
|
||||
"swr": "^1.3.0",
|
||||
"lodash.debounce": "^4.0.8",
|
||||
"node-fetch": "^2.6.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"next": "^12",
|
||||
@ -65,6 +66,7 @@
|
||||
"@types/lodash.debounce": "^4.0.6",
|
||||
"@types/node": "^17.0.8",
|
||||
"@types/react": "^17.0.38",
|
||||
"@types/node-fetch": "^2.6.1",
|
||||
"lint-staged": "^12.1.7",
|
||||
"next": "^12.0.8",
|
||||
"prettier": "^2.5.1",
|
||||
@ -72,7 +74,7 @@
|
||||
"react-dom": "^17.0.2",
|
||||
"taskr": "^1.1.0",
|
||||
"taskr-swc": "^0.0.1",
|
||||
"typescript": "^4.5.4"
|
||||
"typescript": "^4.7.4"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx,json}": [
|
||||
|
@ -48,10 +48,11 @@
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@vercel/commerce": "^0.0.1",
|
||||
"@vercel/fetch": "^6.1.1",
|
||||
"@vercel/commerce": "workspace:*",
|
||||
"@vercel/fetch": "6.2.0",
|
||||
"swell-js": "^4.0.0-next.0",
|
||||
"lodash.debounce": "^4.0.8"
|
||||
"lodash.debounce": "^4.0.8",
|
||||
"node-fetch": "^2.6.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"next": "^12",
|
||||
@ -65,6 +66,7 @@
|
||||
"@types/lodash.debounce": "^4.0.6",
|
||||
"@types/node": "^17.0.8",
|
||||
"@types/react": "^17.0.38",
|
||||
"@types/node-fetch": "^2.6.1",
|
||||
"lint-staged": "^12.1.7",
|
||||
"next": "^12.0.8",
|
||||
"prettier": "^2.5.1",
|
||||
@ -72,7 +74,7 @@
|
||||
"react-dom": "^17.0.2",
|
||||
"taskr": "^1.1.0",
|
||||
"taskr-swc": "^0.0.1",
|
||||
"typescript": "^4.5.4"
|
||||
"typescript": "^4.7.4"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx,json}": [
|
||||
|
@ -49,8 +49,9 @@
|
||||
}
|
||||
},
|
||||
"dependencies": {
|
||||
"@vercel/commerce": "^0.0.1",
|
||||
"@vercel/fetch": "^6.1.1"
|
||||
"@vercel/commerce": "workspace:*",
|
||||
"@vercel/fetch": "6.2.0",
|
||||
"node-fetch": "^2.6.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"next": "^12",
|
||||
@ -58,7 +59,7 @@
|
||||
"react-dom": "^17"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@graphql-codegen/cli": "^2.3.1",
|
||||
"@graphql-codegen/cli": "2.7.0",
|
||||
"@graphql-codegen/schema-ast": "^2.4.1",
|
||||
"@graphql-codegen/typescript": "^2.4.2",
|
||||
"@graphql-codegen/typescript-operations": "^2.2.2",
|
||||
@ -67,6 +68,8 @@
|
||||
"@taskr/watch": "^1.1.0",
|
||||
"@types/node": "^17.0.8",
|
||||
"@types/react": "^17.0.38",
|
||||
"@types/node-fetch": "^2.6.1",
|
||||
"graphql": "^16.0.0",
|
||||
"lint-staged": "^12.1.7",
|
||||
"next": "^12.0.8",
|
||||
"prettier": "^2.5.1",
|
||||
@ -74,7 +77,7 @@
|
||||
"react-dom": "^17.0.2",
|
||||
"taskr": "^1.1.0",
|
||||
"taskr-swc": "^0.0.1",
|
||||
"typescript": "^4.5.4"
|
||||
"typescript": "^4.7.4"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx,json}": [
|
||||
|
1694
pnpm-lock.yaml
generated
1694
pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@ -41,7 +41,12 @@ const SignUpView: FC<Props> = () => {
|
||||
setLoading(false)
|
||||
closeModal()
|
||||
} catch ({ errors }) {
|
||||
setMessage(errors[0].message)
|
||||
if (errors instanceof Array) {
|
||||
setMessage(errors[0].message)
|
||||
} else {
|
||||
setMessage('Unexpected error')
|
||||
console.log(errors)
|
||||
}
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
@ -5,6 +5,7 @@ import React, {
|
||||
useReducer,
|
||||
useContext,
|
||||
createContext,
|
||||
ReactNode,
|
||||
} from 'react'
|
||||
import type { CardFields } from '@commerce/types/customer/card'
|
||||
import type { AddressFields } from '@commerce/types/customer/address'
|
||||
@ -65,7 +66,7 @@ const checkoutReducer = (state: State, action: Action): State => {
|
||||
}
|
||||
}
|
||||
|
||||
export const CheckoutProvider: FC = (props) => {
|
||||
export const CheckoutProvider: FC<{ children?: ReactNode }> = (props) => {
|
||||
const [state, dispatch] = useReducer(checkoutReducer, initialState)
|
||||
|
||||
const setCardFields = useCallback(
|
||||
@ -86,7 +87,10 @@ export const CheckoutProvider: FC = (props) => {
|
||||
|
||||
const cardFields = useMemo(() => state.cardFields, [state.cardFields])
|
||||
|
||||
const addressFields = useMemo(() => state.addressFields, [state.addressFields])
|
||||
const addressFields = useMemo(
|
||||
() => state.addressFields,
|
||||
[state.addressFields]
|
||||
)
|
||||
|
||||
const value = useMemo(
|
||||
() => ({
|
||||
@ -96,7 +100,13 @@ export const CheckoutProvider: FC = (props) => {
|
||||
setAddressFields,
|
||||
clearCheckoutFields,
|
||||
}),
|
||||
[cardFields, addressFields, setCardFields, setAddressFields, clearCheckoutFields]
|
||||
[
|
||||
cardFields,
|
||||
addressFields,
|
||||
setCardFields,
|
||||
setAddressFields,
|
||||
clearCheckoutFields,
|
||||
]
|
||||
)
|
||||
|
||||
return <CheckoutContext.Provider value={value} {...props} />
|
||||
|
@ -53,6 +53,7 @@ interface Props {
|
||||
pages?: Page[]
|
||||
categories: Category[]
|
||||
}
|
||||
children?: React.ReactNode
|
||||
}
|
||||
|
||||
const ModalView: React.FC<{ modalView: string; closeModal(): any }> = ({
|
||||
|
@ -1,9 +1,9 @@
|
||||
import { FC, useState, useEffect } from 'react'
|
||||
import { FC, useState, useEffect, ReactNode } from 'react'
|
||||
import throttle from 'lodash.throttle'
|
||||
import cn from 'clsx'
|
||||
import s from './Navbar.module.css'
|
||||
|
||||
const NavbarRoot: FC = ({ children }) => {
|
||||
const NavbarRoot: FC<{ children?: ReactNode }> = ({ children }) => {
|
||||
const [hasScrolled, setHasScrolled] = useState(false)
|
||||
|
||||
useEffect(() => {
|
||||
|
@ -1,10 +1,10 @@
|
||||
import React, { FC } from 'react'
|
||||
import React, { FC, ReactNode } from 'react'
|
||||
import { Cross, ChevronLeft } from '@components/icons'
|
||||
import { UserNav } from '@components/common'
|
||||
import cn from 'clsx'
|
||||
import s from './SidebarLayout.module.css'
|
||||
|
||||
type ComponentProps = { className?: string } & (
|
||||
type ComponentProps = { className?: string; children?: ReactNode } & (
|
||||
| { handleClose: () => any; handleBack?: never }
|
||||
| { handleBack: () => any; handleClose?: never }
|
||||
)
|
||||
|
@ -12,7 +12,7 @@ import s from './ProductSlider.module.css'
|
||||
import ProductSliderControl from '../ProductSliderControl'
|
||||
|
||||
interface ProductSliderProps {
|
||||
children: React.ReactNode[]
|
||||
children?: React.ReactNode[]
|
||||
className?: string
|
||||
}
|
||||
|
||||
|
@ -5,7 +5,7 @@ import React, {
|
||||
JSXElementConstructor,
|
||||
useRef,
|
||||
} from 'react'
|
||||
import mergeRefs from 'react-merge-refs'
|
||||
import { mergeRefs } from 'react-merge-refs'
|
||||
import s from './Button.module.css'
|
||||
import { LoadingDots } from '@components/ui'
|
||||
|
||||
|
@ -7,7 +7,7 @@ import useMeasure from 'react-use-measure'
|
||||
|
||||
export interface CollapseProps {
|
||||
title: string
|
||||
children: ReactNode
|
||||
children?: ReactNode
|
||||
}
|
||||
|
||||
const Collapse: FC<CollapseProps> = ({ title, children }) => {
|
||||
|
@ -11,7 +11,7 @@ export const DropdownMenuGroup = DropdownMenu.Group
|
||||
|
||||
export const DropdownContent = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
{ children: React.ReactNode } & DropdownMenu.DropdownMenuContentProps &
|
||||
{ children?: React.ReactNode } & DropdownMenu.DropdownMenuContentProps &
|
||||
React.RefAttributes<HTMLDivElement>
|
||||
>(function DropdownContent({ children, className, ...props }, forwardedRef) {
|
||||
return (
|
||||
|
@ -4,7 +4,7 @@ import s from './Grid.module.css'
|
||||
|
||||
interface GridProps {
|
||||
className?: string
|
||||
children?: ReactNode[] | Component[] | any[]
|
||||
children?: ReactNode
|
||||
layout?: 'A' | 'B' | 'C' | 'D' | 'normal'
|
||||
variant?: 'default' | 'filled'
|
||||
}
|
||||
|
@ -1,6 +1,10 @@
|
||||
import NextLink, { LinkProps as NextLinkProps } from 'next/link'
|
||||
|
||||
const Link: React.FC<NextLinkProps> = ({ href, children, ...props }) => {
|
||||
const Link: React.FC<
|
||||
NextLinkProps & {
|
||||
children?: React.ReactNode
|
||||
}
|
||||
> = ({ href, children, ...props }) => {
|
||||
return (
|
||||
<NextLink href={href}>
|
||||
<a {...props}>{children}</a>
|
||||
|
@ -1,4 +1,4 @@
|
||||
import { FC, useRef, useEffect, useCallback } from 'react'
|
||||
import { FC, useRef, useEffect, useCallback, ReactNode } from 'react'
|
||||
import s from './Modal.module.css'
|
||||
import FocusTrap from '@lib/focus-trap'
|
||||
import { Cross } from '@components/icons'
|
||||
@ -6,9 +6,8 @@ import { disableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock'
|
||||
|
||||
interface ModalProps {
|
||||
className?: string
|
||||
children?: any
|
||||
children?: ReactNode
|
||||
onClose: () => void
|
||||
onEnter?: () => void | null
|
||||
}
|
||||
|
||||
const Modal: FC<ModalProps> = ({ children, onClose }) => {
|
||||
|
@ -11,6 +11,7 @@ interface SkeletonProps {
|
||||
width?: string | number
|
||||
height?: string | number
|
||||
boxHeight?: string | number
|
||||
children?: React.ReactNode
|
||||
}
|
||||
|
||||
const Skeleton: React.FC<SkeletonProps> = ({
|
||||
|
@ -1,4 +1,4 @@
|
||||
import React, { FC, useCallback, useMemo } from 'react'
|
||||
import React, { FC, ReactNode, useCallback, useMemo } from 'react'
|
||||
import { ThemeProvider } from 'next-themes'
|
||||
|
||||
export interface State {
|
||||
@ -124,7 +124,7 @@ function uiReducer(state: State, action: Action) {
|
||||
}
|
||||
}
|
||||
|
||||
export const UIProvider: FC = (props) => {
|
||||
export const UIProvider: FC<{ children?: ReactNode }> = (props) => {
|
||||
const [state, dispatch] = React.useReducer(uiReducer, initialState)
|
||||
|
||||
const openSidebar = useCallback(
|
||||
@ -209,7 +209,9 @@ export const useUI = () => {
|
||||
return context
|
||||
}
|
||||
|
||||
export const ManagedUIContext: FC = ({ children }) => (
|
||||
export const ManagedUIContext: FC<{ children?: ReactNode }> = ({
|
||||
children,
|
||||
}) => (
|
||||
<UIProvider>
|
||||
<ThemeProvider>{children}</ThemeProvider>
|
||||
</UIProvider>
|
||||
|
@ -6,14 +6,16 @@ import React, {
|
||||
ReactElement,
|
||||
forwardRef,
|
||||
Ref,
|
||||
ReactNode,
|
||||
} from 'react'
|
||||
import mergeRefs from 'react-merge-refs'
|
||||
import { mergeRefs } from 'react-merge-refs'
|
||||
import hasParent from './has-parent'
|
||||
|
||||
interface ClickOutsideProps {
|
||||
active: boolean
|
||||
onClick: (e?: MouseEvent) => void
|
||||
ref?: Ref<any>
|
||||
children?: ReactNode
|
||||
}
|
||||
|
||||
/**
|
||||
|
@ -13,7 +13,7 @@
|
||||
},
|
||||
"sideEffects": false,
|
||||
"dependencies": {
|
||||
"@radix-ui/react-dropdown-menu": "^0.1.6",
|
||||
"@radix-ui/react-dropdown-menu": "0.1.7-rc.46",
|
||||
"@react-spring/web": "^9.4.1",
|
||||
"@vercel/commerce": "workspace:*",
|
||||
"@vercel/commerce-bigcommerce": "workspace:*",
|
||||
@ -31,17 +31,17 @@
|
||||
"clsx": "^1.1.1",
|
||||
"email-validator": "^2.0.4",
|
||||
"js-cookie": "^3.0.1",
|
||||
"keen-slider": "^6.6.3",
|
||||
"keen-slider": "^6.7.0",
|
||||
"lodash.random": "^3.2.0",
|
||||
"lodash.throttle": "^4.1.1",
|
||||
"next": "^12.0.8",
|
||||
"next-themes": "^0.0.15",
|
||||
"next": "^12.2.1",
|
||||
"next-themes": "^0.2.0",
|
||||
"postcss": "^8.3.5",
|
||||
"postcss-nesting": "^8.0.1",
|
||||
"postcss-nesting": "^10.1.10",
|
||||
"react": "^17.0.2",
|
||||
"react-dom": "^17.0.2",
|
||||
"react-fast-marquee": "^1.3.1",
|
||||
"react-merge-refs": "^1.1.0",
|
||||
"react-merge-refs": "^2.0.1",
|
||||
"react-use-measure": "^2.1.1",
|
||||
"tabbable": "^5.2.1",
|
||||
"tailwindcss": "^3.0.13"
|
||||
@ -52,16 +52,16 @@
|
||||
"@types/js-cookie": "^3.0.1",
|
||||
"@types/lodash.random": "^3.2.6",
|
||||
"@types/lodash.throttle": "^4.1.6",
|
||||
"@types/node": "^17.0.8",
|
||||
"@types/node": "^18.0.3",
|
||||
"@types/react": "^17.0.38",
|
||||
"eslint": "^8.6.0",
|
||||
"eslint-config-next": "^12.0.8",
|
||||
"eslint-config-prettier": "^8.3.0",
|
||||
"lint-staged": "^12.1.7",
|
||||
"lint-staged": "^13.0.3",
|
||||
"postcss-flexbugs-fixes": "^5.0.2",
|
||||
"postcss-preset-env": "^7.2.3",
|
||||
"prettier": "^2.5.1",
|
||||
"typescript": "4.3.4"
|
||||
"typescript": "4.7.4"
|
||||
},
|
||||
"lint-staged": {
|
||||
"**/*.{js,jsx,ts,tsx}": [
|
||||
|
@ -2,12 +2,12 @@ import '@assets/main.css'
|
||||
import '@assets/chrome-bug.css'
|
||||
import 'keen-slider/keen-slider.min.css'
|
||||
|
||||
import { FC, useEffect } from 'react'
|
||||
import { FC, ReactNode, useEffect } from 'react'
|
||||
import type { AppProps } from 'next/app'
|
||||
import { Head } from '@components/common'
|
||||
import { ManagedUIContext } from '@components/ui/context'
|
||||
|
||||
const Noop: FC = ({ children }) => <>{children}</>
|
||||
const Noop: FC<{ children?: ReactNode }> = ({ children }) => <>{children}</>
|
||||
|
||||
export default function MyApp({ Component, pageProps }: AppProps) {
|
||||
const Layout = (Component as any).Layout || Noop
|
||||
|
@ -23,8 +23,8 @@
|
||||
"@components/*": ["components/*"],
|
||||
"@commerce": ["../packages/commerce/src"],
|
||||
"@commerce/*": ["../packages/commerce/src/*"],
|
||||
"@framework": ["../packages/local/src"],
|
||||
"@framework/*": ["../packages/local/src/*"]
|
||||
"@framework": ["../packages/shopify/src"],
|
||||
"@framework/*": ["../packages/shopify/src/*"]
|
||||
}
|
||||
},
|
||||
"include": ["next-env.d.ts", "**/*.d.ts", "**/*.ts", "**/*.tsx", "**/*.js"],
|
||||
|
Loading…
x
Reference in New Issue
Block a user