@graphcommerce/magento-product 8.1.0-canary.3 → 8.1.0-canary.5

package/components/index.ts

@@ -13,6 +13,8 @@ export * from './ProductListItems/filterTypes'
 export * from './ProductListItems/getFilterTypes'
 export * from './ProductListItems/ProductListItems.gql'
 export * from './ProductListItems/ProductListItemsBase'
+export * from './ProductListItems/productListApplyCategoryDefaults'
+export * from './ProductListItems/CategoryDefault.gql'
 export * from './ProductListItems/ProductListParamsProvider'
 export * from './ProductListItems/renderer'
 export * from './ProductListLink/ProductListLink'

package/hooks/useProductListLink.ts

@@ -2,11 +2,13 @@ import {
   isFilterTypeEqual,
   isFilterTypeMatch,
   isFilterTypeRange,
+  ProductFilterParams,
   ProductListParams,
+  toFilterParams,
 } from '../components/ProductListItems/filterTypes'
 
-export function productListLink(props: ProductListParams): string {
-  const { url, sort, currentPage, pageSize, filters: incoming } = props
+export function productListLinkFromFilter(props: ProductFilterParams): string {
+  const { url, sort, dir, currentPage, pageSize, filters: incoming } = props
   const isSearch = url.startsWith('search')
   const filters = isSearch ? incoming : { ...incoming, category_uid: undefined }
   const uid = incoming?.category_uid?.eq || incoming?.category_uid?.in?.[0]
@@ -19,9 +21,8 @@ export function productListLink(props: ProductListParams): string {
 
   // todo(paales): How should the URL look like with multiple sorts?
   // Something like: /sort/position,price/dir/asc,asc
-  const [sortBy] = Object.keys(sort)
-  if (sort && sortBy) query += `/sort/${sortBy}`
-  if (sort && sortBy && sort[sortBy] && sort[sortBy] === 'DESC') query += `/dir/desc`
+  if (sort) query += `/sort/${sort}`
+  if (dir) query += `/dir/desc`
   if (pageSize) query += `/page-size/${pageSize}`
 
   // Apply filters
@@ -42,6 +43,10 @@ export function productListLink(props: ProductListParams): string {
   return query ? `/${url}${paginateSort}/q${query}` : `/${url}${paginateSort}`
 }
 
+export function productListLink(props: ProductListParams): string {
+  return productListLinkFromFilter(toFilterParams(props))
+}
+
 export function useProductListLink(props: ProductListParams): string {
   return productListLink({ ...props, url: `${props.url}` })
 }

package/hooks/useProductListLinkReplace.ts

@@ -9,6 +9,9 @@ type UseProductLinkPushProps = {
   scroll?: boolean
 }
 
+/**
+ * @deprecated replaced by custom function inside ProductFiltersPro
+ */
 export function useProductListLinkReplace(props?: UseProductLinkPushProps) {
   const { setParams } = useProductListParamsContext()
   const router = useRouter()

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-product",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "8.1.0-canary.3",
+  "version": "8.1.0-canary.5",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -18,18 +18,18 @@
     "typescript": "5.3.3"
   },
   "peerDependencies": {
-    "@graphcommerce/ecommerce-ui": "^8.1.0-canary.3",
-    "@graphcommerce/eslint-config-pwa": "^8.1.0-canary.3",
-    "@graphcommerce/framer-next-pages": "^8.1.0-canary.3",
-    "@graphcommerce/framer-scroller": "^8.1.0-canary.3",
-    "@graphcommerce/graphql": "^8.1.0-canary.3",
-    "@graphcommerce/graphql-mesh": "^8.1.0-canary.3",
-    "@graphcommerce/image": "^8.1.0-canary.3",
-    "@graphcommerce/magento-cart": "^8.1.0-canary.3",
-    "@graphcommerce/magento-store": "^8.1.0-canary.3",
-    "@graphcommerce/next-ui": "^8.1.0-canary.3",
-    "@graphcommerce/prettier-config-pwa": "^8.1.0-canary.3",
-    "@graphcommerce/typescript-config-pwa": "^8.1.0-canary.3",
+    "@graphcommerce/ecommerce-ui": "^8.1.0-canary.5",
+    "@graphcommerce/eslint-config-pwa": "^8.1.0-canary.5",
+    "@graphcommerce/framer-next-pages": "^8.1.0-canary.5",
+    "@graphcommerce/framer-scroller": "^8.1.0-canary.5",
+    "@graphcommerce/graphql": "^8.1.0-canary.5",
+    "@graphcommerce/graphql-mesh": "^8.1.0-canary.5",
+    "@graphcommerce/image": "^8.1.0-canary.5",
+    "@graphcommerce/magento-cart": "^8.1.0-canary.5",
+    "@graphcommerce/magento-store": "^8.1.0-canary.5",
+    "@graphcommerce/next-ui": "^8.1.0-canary.5",
+    "@graphcommerce/prettier-config-pwa": "^8.1.0-canary.5",
+    "@graphcommerce/typescript-config-pwa": "^8.1.0-canary.5",
     "@lingui/core": "^4.2.1",
     "@lingui/macro": "^4.2.1",
     "@lingui/react": "^4.2.1",

package/tsconfig.json

@@ -1,5 +1,5 @@
 {
   "exclude": ["**/node_modules", "**/.*/"],
   "include": ["**/*.ts", "**/*.tsx"],
-  "extends": "@graphcommerce/typescript-config-pwa/nextjs.json"
+  "extends": "@graphcommerce/typescript-config-pwa/nextjs.json",
 }