@graphcommerce/magento-product 7.0.0-canary.21 → 7.0.1-canary.0

package/hooks/useProductListLinkReplace.ts

@@ -1,6 +1,6 @@
 import { useRouter } from 'next/router'
 import { ProductListParams } from '../components/ProductListItems/filterTypes'
-import { createProductListLink } from './useProductListLink'
+import { productListLink } from './useProductListLink'
 import { useProductListParamsContext } from './useProductListParamsContext'
 
 type UseProductLinkPushProps = {
@@ -19,7 +19,7 @@ export function useProductListLinkReplace(props?: UseProductLinkPushProps) {
 
     setParams(params)
 
-    const path = createProductListLink(params)
+    const path = productListLink(params)
 
     if (router.asPath === path) return false
 

package/index.ts

@@ -2,6 +2,7 @@ export * from './components'
 export * from './Api/ProductListItem.gql'
 export * from './Api/ProductPageItem.gql'
 export * from './hooks/useProductLink'
+export * from './hooks/useProductListLink'
 export * from './hooks/useProductListLinkReplace'
 export * from './hooks/useProductListParamsContext'
 export * from './hooks/ProductLink.gql'

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-product",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "7.0.0-canary.21",
+  "version": "7.0.1-canary.0",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,25 +12,26 @@
     }
   },
   "devDependencies": {
-    "@graphcommerce/eslint-config-pwa": "7.0.0-canary.21",
-    "@graphcommerce/prettier-config-pwa": "7.0.0-canary.21",
-    "@graphcommerce/typescript-config-pwa": "7.0.0-canary.21"
+    "@graphcommerce/eslint-config-pwa": "7.0.1-canary.0",
+    "@graphcommerce/prettier-config-pwa": "7.0.1-canary.0",
+    "@graphcommerce/typescript-config-pwa": "7.0.1-canary.0"
   },
   "dependencies": {
-    "@graphcommerce/ecommerce-ui": "7.0.0-canary.21",
-    "@graphcommerce/framer-scroller": "7.0.0-canary.21",
-    "@graphcommerce/framer-next-pages": "7.0.0-canary.21",
-    "@graphcommerce/graphql": "7.0.0-canary.21",
-    "@graphcommerce/graphql-mesh": "7.0.0-canary.21",
-    "@graphcommerce/image": "7.0.0-canary.21",
-    "@graphcommerce/magento-cart": "7.0.0-canary.21",
-    "@graphcommerce/magento-store": "7.0.0-canary.21",
-    "@graphcommerce/next-ui": "7.0.0-canary.21",
+    "@graphcommerce/ecommerce-ui": "7.0.1-canary.0",
+    "@graphcommerce/framer-scroller": "7.0.1-canary.0",
+    "@graphcommerce/framer-next-pages": "7.0.1-canary.0",
+    "@graphcommerce/graphql": "7.0.1-canary.0",
+    "@graphcommerce/graphql-mesh": "7.0.1-canary.0",
+    "@graphcommerce/image": "7.0.1-canary.0",
+    "@graphcommerce/magento-cart": "7.0.1-canary.0",
+    "@graphcommerce/magento-store": "7.0.1-canary.0",
+    "@graphcommerce/next-ui": "7.0.1-canary.0",
     "schema-dts": "^1.1.0"
   },
   "peerDependencies": {
-    "@lingui/react": "^3.13.2",
-    "@lingui/core": "^3.13.2",
+    "@lingui/react": "^4.2.1",
+    "@lingui/core": "^4.2.1",
+    "@lingui/macro": "^4.2.1",
     "@mui/material": "^5.10.16",
     "framer-motion": "^10.0.0",
     "next": "^13.2.0",

package/components/AddProductsToCart/AddProductsToCartIndex.tsx

@@ -1,3 +0,0 @@
-type AddProductsToCartIndexProps = { index: number }
-
-export function AddProductsToCartIndex() {}

package/components/ProductFiltersPro/useFilterActions.ts

@@ -1,61 +0,0 @@
-import { UseFormReturn } from '@graphcommerce/ecommerce-ui'
-import { cloneDeep } from '@graphcommerce/graphql'
-import { ProductAttributeFilterInput } from '@graphcommerce/graphql-mesh'
-import { useProductListLinkReplace } from '../../hooks/useProductListLinkReplace'
-import { ProductFilterParams } from '../ProductListItems/filterTypes'
-import { useProductFiltersPro } from './ProductFiltersPro'
-
-export type FilterActionProps = {
-  attribute_code: keyof ProductAttributeFilterInput
-}
-
-type LocalFilterInputProps = FilterActionProps & {
-  form: UseFormReturn<ProductFilterParams>
-  params: ProductFilterParams
-}
-
-const emptyFilters = (props: LocalFilterInputProps & { defaultValue: unknown }) => {
-  const { params, attribute_code, form, defaultValue = '' } = props
-  const linkParams = cloneDeep(params)
-
-  // If the attribute_code is a filter key, replace filter value with default value
-  const activeFilter = linkParams.filters[attribute_code]
-
-  const filterkeys = Object.keys(activeFilter ?? {})
-  const clearFilters = {}
-  filterkeys.forEach((key, index) => {
-    clearFilters[key] = Array.isArray(defaultValue) ? defaultValue[index] : defaultValue
-  })
-
-  if (linkParams && attribute_code) {
-    form?.reset({
-      ...linkParams,
-      filters: { ...linkParams.filters, [attribute_code]: clearFilters },
-    })
-  }
-
-  return linkParams
-}
-
-const removeAllFilters = (
-  props: LocalFilterInputProps & { onReplace: (params: ProductFilterParams) => void },
-) => {
-  const { params, form, onReplace } = props
-  const linkParams = cloneDeep(params)
-  if (linkParams) {
-    Object.keys(linkParams.filters).forEach((filter) => delete linkParams.filters[filter])
-    delete linkParams.currentPage
-    form?.reset({ ...linkParams, sort: undefined })
-    onReplace(linkParams)
-  }
-}
-
-export const useFilterActions = (props: FilterActionProps) => {
-  const replaceRoute = useProductListLinkReplace({ scroll: false })
-  const { form, params, submit } = useProductFiltersPro()
-  return {
-    emptyFilters: (defaultValue?: unknown) =>
-      emptyFilters({ ...props, form, params, defaultValue }),
-    clearAllFilters: () => removeAllFilters({ ...props, form, params, onReplace: replaceRoute }),
-  }
-}

package/components/ProductListItems/ProductListItems.tsx

@@ -1,6 +0,0 @@
-import { ProductListItemsBase, ProductItemsGridProps } from './ProductListItemsBase'
-import { renderer } from './renderer'
-
-export function ProductListItems(props: Omit<ProductItemsGridProps, 'renderers'>) {
-  return <ProductListItemsBase renderers={renderer} {...props} />
-}