@graphcommerce/next-ui 8.1.0-canary.49 → 8.1.0-canary.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Change Log
2
2
 
3
+ ## 8.1.0-canary.50
4
+
5
+ ### Patch Changes
6
+
7
+ - [#2321](https://github.com/graphcommerce-org/graphcommerce/pull/2321) [`fa261d4`](https://github.com/graphcommerce-org/graphcommerce/commit/fa261d4ae600b46ae08c5ca7514163f2da54eead) - Add the possibility to place content before or after the scroller.
8
+ ([@carlocarels90](https://github.com/carlocarels90))
9
+
3
10
  ## 8.1.0-canary.49
4
11
 
5
12
  ### Patch Changes
@@ -69,6 +69,8 @@ export type SidebarGalleryProps = {
69
69
  disableZoom?: boolean
70
70
  disableSticky?: boolean
71
71
  variantMd?: SidebarGalleryVariant
72
+ beforeScroller?: React.ReactNode
73
+ afterScroller?: React.ReactNode
72
74
  } & Pick<ScrollerButtonProps, 'showButtons'>
73
75
 
74
76
  export function SidebarGallery(props: SidebarGalleryProps) {
@@ -82,6 +84,8 @@ export function SidebarGallery(props: SidebarGalleryProps) {
82
84
  disableZoom = false,
83
85
  disableSticky = false,
84
86
  variantMd = 'default',
87
+ beforeScroller,
88
+ afterScroller,
85
89
  } = props
86
90
 
87
91
  const router = useRouter()
@@ -220,6 +224,7 @@ export function SidebarGallery(props: SidebarGalleryProps) {
220
224
  if (!zoomed) document.body.style.overflow = ''
221
225
  }}
222
226
  >
227
+ {beforeScroller}
223
228
  <Scroller
224
229
  className={classes.scroller}
225
230
  hideScrollbar
@@ -261,6 +266,7 @@ export function SidebarGallery(props: SidebarGalleryProps) {
261
266
  />
262
267
  ))}
263
268
  </Scroller>
269
+ {afterScroller}
264
270
  <MotionBox
265
271
  layout='position'
266
272
  layoutDependency={zoomed}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/next-ui",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "8.1.0-canary.49",
5
+ "version": "8.1.0-canary.50",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -26,13 +26,13 @@
26
26
  "typescript": "5.3.3"
27
27
  },
28
28
  "peerDependencies": {
29
- "@graphcommerce/eslint-config-pwa": "^8.1.0-canary.49",
30
- "@graphcommerce/framer-next-pages": "^8.1.0-canary.49",
31
- "@graphcommerce/framer-scroller": "^8.1.0-canary.49",
32
- "@graphcommerce/framer-utils": "^8.1.0-canary.49",
33
- "@graphcommerce/image": "^8.1.0-canary.49",
34
- "@graphcommerce/prettier-config-pwa": "^8.1.0-canary.49",
35
- "@graphcommerce/typescript-config-pwa": "^8.1.0-canary.49",
29
+ "@graphcommerce/eslint-config-pwa": "^8.1.0-canary.50",
30
+ "@graphcommerce/framer-next-pages": "^8.1.0-canary.50",
31
+ "@graphcommerce/framer-scroller": "^8.1.0-canary.50",
32
+ "@graphcommerce/framer-utils": "^8.1.0-canary.50",
33
+ "@graphcommerce/image": "^8.1.0-canary.50",
34
+ "@graphcommerce/prettier-config-pwa": "^8.1.0-canary.50",
35
+ "@graphcommerce/typescript-config-pwa": "^8.1.0-canary.50",
36
36
  "@lingui/core": "^4.2.1",
37
37
  "@lingui/macro": "^4.2.1",
38
38
  "@lingui/react": "^4.2.1",