@faststore/core 2.2.9 → 2.2.11

package/.turbo/turbo-build.log

@@ -46,7 +46,7 @@ Route (pages)                              Size     First Load JS
   ├ chunks/framework-dfd14d7ce6600b03.js   45.3 kB
   ├ chunks/main-e4e873ee741162eb.js        24.1 kB
   ├ chunks/pages/_app-48d56037a2534a44.js  6.99 kB
-  ├ chunks/webpack-743ed70fcff99e29.js     2.25 kB
+  ├ chunks/webpack-6f8551ecbd88c3ec.js     2.25 kB
   └ css/5d1f64b61ea581f4.css               3.06 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/.turbo/turbo-test.log

@@ -1,25 +1,25 @@
 $ tsdx test
 ts-jest[versions] (WARN) Version 29.1.0 of jest installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=25.0.0 <26.0.0). Please do not report issues in ts-jest if you are using unsupported versions.
 ts-jest[versions] (WARN) Version 4.9.4 of typescript installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=3.4.0 <4.0.0). Please do not report issues in ts-jest if you are using unsupported versions.
-PASS test/server/index.test.ts (8.629s)
+PASS test/server/index.test.ts (6.089s)
   FastStore GraphQL Layer
     @faststore/api
-      ✓ should return a valid GraphQL schema (7ms)
-      ✓ should return a valid GraphQL schema contain all expected types (5ms)
+      ✓ should return a valid GraphQL schema (4ms)
+      ✓ should return a valid GraphQL schema contain all expected types (8ms)
       ✓ should return a valid GraphQL schema contain all expected queries (1ms)
       ✓ should return a valid GraphQL schema contain all expected mutations (1ms)
     VTEX API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (7ms)
+      ✓ getTypeDefsFromFolder function should return an Array (6ms)
     Third Party API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (12ms)
+      ✓ getTypeDefsFromFolder function should return an Array (5ms)
     Final Schema after merging
-      ✓ should return a valid merged GraphQL schema (33ms)
+      ✓ should return a valid merged GraphQL schema (25ms)
     Envelop
-      ✓ should exist with its plugins (33ms)
-      ✓ should handle options and execute (147ms)
+      ✓ should exist with its plugins (24ms)
+      ✓ should handle options and execute (226ms)
 
 Test Suites: 1 passed, 1 total
 Tests:       9 passed, 9 total
 Snapshots:   0 total
-Time:        9.332s
+Time:        6.507s
 Ran all test suites.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.2.9",
+  "version": "2.2.11",
   "license": "MIT",
   "browserslist": "supports es6-module and not dead",
   "exports": {
@@ -39,10 +39,10 @@
     "@envelop/parser-cache": "^2.2.0",
     "@envelop/validation-cache": "^2.2.0",
     "@faststore/api": "^2.2.0",
-    "@faststore/components": "^2.2.0",
+    "@faststore/components": "^2.2.10",
     "@faststore/graphql-utils": "^2.2.0",
     "@faststore/sdk": "^2.2.0",
-    "@faststore/ui": "^2.2.0",
+    "@faststore/ui": "^2.2.10",
     "@graphql-codegen/cli": "^3.3.1",
     "@graphql-codegen/typescript": "^3.0.4",
     "@graphql-codegen/typescript-operations": "^3.0.4",
@@ -129,5 +129,5 @@
   "msw": {
     "workerDirectory": "public"
   },
-  "gitHead": "7b13ad421c9bc35c711f39bfcf9f6e8375ac8a32"
+  "gitHead": "b44a16249c6157dc9a6d1d0b12cc6d9e4ef3f04a"
 }

package/src/components/sections/ProductShelf/section.module.scss

@@ -1,10 +1,6 @@
 @layer components {
   .section {
-
-    [data-fs-content="product-shelf"] { @include layout-content-full; }
-
     [data-fs-product-shelf-skeleton] {
-      --fs-carousel-item-width-tablet    : 14.2rem;
       --fs-carousel-item-margin-right    : var(--fs-spacing-3);
 
       padding-bottom: var(--fs-spacing-5);
@@ -17,10 +13,6 @@
             margin-right: var(--fs-carousel-item-margin-right);
           }
         }
-
-        [data-fs-product-card-skeleton] {
-          width: var(--fs-carousel-item-width-tablet);
-        }
       }
     }
 

package/src/components/skeletons/ProductShelfSkeleton/ProductShelfSkeleton.tsx

@@ -6,24 +6,24 @@ import {
   ProductShelf as UIProductShelf,
 } from '@faststore/ui'
 
-import { ITEMS_PER_SECTION } from 'src/constants'
-
 import ProductCardSkeleton from '../ProductCardSkeleton'
 
 interface Props {
   loading?: boolean
   aspectRatio?: number
+  itemsPerPage?: number
 }
 
 function ProductShelfSkeleton({
   children,
   aspectRatio,
+  itemsPerPage,
   loading = true,
 }: PropsWithChildren<Props>) {
   return loading ? (
     <UIProductShelf data-fs-product-shelf-skeleton>
       <ProductShelfItems>
-        {Array.from({ length: ITEMS_PER_SECTION }, (_, index) => (
+        {Array.from({ length: itemsPerPage }, (_, index) => (
           <ProductShelfItem key={String(index)}>
             <ProductCardSkeleton aspectRatio={aspectRatio} sectioned bordered />
           </ProductShelfItem>

package/src/components/ui/Carousel/Carousel.tsx

@@ -6,13 +6,20 @@ export type CarouselProps = {
   id?: string
   testId?: string
   itemsPerPage?: number
-} & Pick<UICarouselProps, 'id' | 'testId' | 'itemsPerPage'>
+  variant?: 'slide' | 'scroll'
+  infiniteMode?: boolean
+} & Pick<
+  UICarouselProps,
+  'id' | 'testId' | 'itemsPerPage' | 'variant' | 'infiniteMode'
+>
 
 function Carousel({
   id,
   testId,
   children,
-  itemsPerPage = 5,
+  itemsPerPage,
+  variant = 'scroll',
+  infiniteMode = false,
 }: PropsWithChildren<CarouselProps>) {
   const isMobile = window.innerWidth <= 768
 
@@ -20,9 +27,9 @@ function Carousel({
     <UICarousel
       id={id}
       testId={testId}
-      variant="scroll"
-      infiniteMode={false}
-      itemsPerPage={isMobile ? 1 : itemsPerPage}
+      variant={variant}
+      infiniteMode={infiniteMode}
+      itemsPerPage={isMobile ? 1.6 : itemsPerPage}
     >
       {children}
     </UICarousel>

package/src/components/ui/ProductShelf/ProductShelf.tsx

@@ -24,6 +24,7 @@ type Sort =
 export type ProductShelfProps = {
   title: string
   numberOfItems?: number
+  itemsPerPage?: number
   after?: string
   sort?: Sort
   term?: string
@@ -46,6 +47,7 @@ function ProductShelf({
     showDiscountBadge = ProductCard.props.showDiscountBadge,
   } = {},
   numberOfItems,
+  itemsPerPage = 5,
   ...otherProps
 }: ProductShelfProps) {
   const titleId = textToKebabCase(title)
@@ -81,9 +83,14 @@ function ProductShelf({
       <ProductShelfSkeleton
         aspectRatio={aspectRatio}
         loading={products === undefined}
+        itemsPerPage={itemsPerPage}
       >
         <ProductShelfWrapper.Component {...ProductShelfWrapper.props}>
-          <Carousel.Component id={titleId || id} {...Carousel.props}>
+          <Carousel.Component
+            id={titleId || id}
+            itemsPerPage={itemsPerPage}
+            {...Carousel.props}
+          >
             {productEdges.map((product, idx) => (
               <ProductCard.Component
                 aspectRatio={aspectRatio}

package/.next/BUILD_ID

@@ -1 +0,0 @@
-NaTRwyQZyZDoWO4cjK1rg

package/.next/build-manifest.json

@@ -1,126 +0,0 @@
-{
-  "polyfillFiles": [
-    "static/chunks/polyfills-c67a75d1b6f99dc8.js"
-  ],
-  "devFiles": [],
-  "ampDevFiles": [],
-  "lowPriorityFiles": [
-    "static/NaTRwyQZyZDoWO4cjK1rg/_buildManifest.js",
-    "static/NaTRwyQZyZDoWO4cjK1rg/_ssgManifest.js"
-  ],
-  "rootMainFiles": [],
-  "pages": {
-    "/": [
-      "static/chunks/webpack-743ed70fcff99e29.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-e4e873ee741162eb.js",
-      "static/chunks/742-e32d18d91fe6f08b.js",
-      "static/css/8f93a4630936c20b.css",
-      "static/chunks/520-5a9ae7339f19a163.js",
-      "static/css/fd27ecc37832aa54.css",
-      "static/chunks/783-3e062af27686427b.js",
-      "static/css/a2eefb25a4608343.css",
-      "static/chunks/pages/index-5088cf4fabfe4812.js"
-    ],
-    "/404": [
-      "static/chunks/webpack-743ed70fcff99e29.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-e4e873ee741162eb.js",
-      "static/chunks/742-e32d18d91fe6f08b.js",
-      "static/css/8f93a4630936c20b.css",
-      "static/chunks/520-5a9ae7339f19a163.js",
-      "static/css/df588bb98c0b0ca6.css",
-      "static/chunks/pages/404-d186c22d910fecbb.js"
-    ],
-    "/500": [
-      "static/chunks/webpack-743ed70fcff99e29.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-e4e873ee741162eb.js",
-      "static/chunks/742-e32d18d91fe6f08b.js",
-      "static/css/8f93a4630936c20b.css",
-      "static/chunks/520-5a9ae7339f19a163.js",
-      "static/css/df588bb98c0b0ca6.css",
-      "static/chunks/pages/500-c6f28e1de16c5aab.js"
-    ],
-    "/[...slug]": [
-      "static/chunks/webpack-743ed70fcff99e29.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-e4e873ee741162eb.js",
-      "static/chunks/742-e32d18d91fe6f08b.js",
-      "static/css/8f93a4630936c20b.css",
-      "static/chunks/520-5a9ae7339f19a163.js",
-      "static/css/fd27ecc37832aa54.css",
-      "static/chunks/783-3e062af27686427b.js",
-      "static/css/723835bce380750d.css",
-      "static/chunks/400-7ce14b0f942135d1.js",
-      "static/css/a2eefb25a4608343.css",
-      "static/css/527e334fa69cf40a.css",
-      "static/chunks/pages/[...slug]-c7c8e53be9021135.js"
-    ],
-    "/[slug]/p": [
-      "static/chunks/webpack-743ed70fcff99e29.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-e4e873ee741162eb.js",
-      "static/chunks/742-e32d18d91fe6f08b.js",
-      "static/css/8f93a4630936c20b.css",
-      "static/chunks/520-5a9ae7339f19a163.js",
-      "static/css/fd27ecc37832aa54.css",
-      "static/chunks/783-3e062af27686427b.js",
-      "static/css/9f79fa103f49bca1.css",
-      "static/chunks/pages/[slug]/p-4441e76801e44b50.js"
-    ],
-    "/_app": [
-      "static/chunks/webpack-743ed70fcff99e29.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-e4e873ee741162eb.js",
-      "static/css/5d1f64b61ea581f4.css",
-      "static/chunks/pages/_app-48d56037a2534a44.js"
-    ],
-    "/_error": [
-      "static/chunks/webpack-743ed70fcff99e29.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-e4e873ee741162eb.js",
-      "static/chunks/pages/_error-a7a0c1d9bfbb4f38.js"
-    ],
-    "/account": [
-      "static/chunks/webpack-743ed70fcff99e29.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-e4e873ee741162eb.js",
-      "static/chunks/742-e32d18d91fe6f08b.js",
-      "static/css/8f93a4630936c20b.css",
-      "static/chunks/520-5a9ae7339f19a163.js",
-      "static/chunks/pages/account-46edcd73944d7924.js"
-    ],
-    "/checkout": [
-      "static/chunks/webpack-743ed70fcff99e29.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-e4e873ee741162eb.js",
-      "static/chunks/742-e32d18d91fe6f08b.js",
-      "static/css/8f93a4630936c20b.css",
-      "static/chunks/520-5a9ae7339f19a163.js",
-      "static/chunks/pages/checkout-49faa1acf04be10c.js"
-    ],
-    "/login": [
-      "static/chunks/webpack-743ed70fcff99e29.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-e4e873ee741162eb.js",
-      "static/chunks/742-e32d18d91fe6f08b.js",
-      "static/css/8f93a4630936c20b.css",
-      "static/chunks/520-5a9ae7339f19a163.js",
-      "static/css/df588bb98c0b0ca6.css",
-      "static/chunks/pages/login-e944d38d65d2eea5.js"
-    ],
-    "/s": [
-      "static/chunks/webpack-743ed70fcff99e29.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-e4e873ee741162eb.js",
-      "static/chunks/742-e32d18d91fe6f08b.js",
-      "static/css/8f93a4630936c20b.css",
-      "static/chunks/520-5a9ae7339f19a163.js",
-      "static/css/723835bce380750d.css",
-      "static/chunks/400-7ce14b0f942135d1.js",
-      "static/chunks/pages/s-b8b561b006b5056f.js"
-    ]
-  },
-  "ampFirstPages": []
-}