@graphcommerce/framer-scroller 2.1.7 → 2.1.10
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 +58 -0
- package/components/ScrollerDot.tsx +2 -2
- package/package.json +6 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,63 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 2.1.10
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1451](https://github.com/graphcommerce-org/graphcommerce/pull/1451) [`f698ff85d`](https://github.com/graphcommerce-org/graphcommerce/commit/f698ff85df6bb0922288471bb3c81856091b8061) Thanks [@paales](https://github.com/paales)! - Removed all occurences of @lingui/macro and moved to @lingui/macro / @lingui/core in preparation to move to swc.
|
|
8
|
+
|
|
9
|
+
Since we've removed @lingui/macro, all occurences need to be replaced with @lingui/core and @lingui/react.
|
|
10
|
+
|
|
11
|
+
All occurences of `<Trans>` and `t` need to be replaced:
|
|
12
|
+
|
|
13
|
+
```tsx
|
|
14
|
+
import { Trans, t } from '@lingui/macro'
|
|
15
|
+
|
|
16
|
+
function MyComponent() {
|
|
17
|
+
const foo = 'bar'
|
|
18
|
+
return (
|
|
19
|
+
<div aria-label={t`Account ${foo}`}>
|
|
20
|
+
<Trans>My Translation {foo}</Trans>
|
|
21
|
+
</div>
|
|
22
|
+
)
|
|
23
|
+
}
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
Needs to be replaced with:
|
|
27
|
+
|
|
28
|
+
```tsx
|
|
29
|
+
import { Trans } from '@lingui/react'
|
|
30
|
+
import { i18n } from '@lingui/core'
|
|
31
|
+
|
|
32
|
+
function MyComponent() {
|
|
33
|
+
const foo = 'bar'
|
|
34
|
+
return (
|
|
35
|
+
<div aria-label={i18n._(/* i18n */ `Account {foo}`, { foo })}>
|
|
36
|
+
<Trans key='My Translation {foo}' values={{ foo }}></Trans>
|
|
37
|
+
</div>
|
|
38
|
+
)
|
|
39
|
+
}
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
[More examples for Trans](https://lingui.js.org/ref/macro.html#examples-of-jsx-macros) and [more examples for `t`](https://lingui.js.org/ref/macro.html#examples-of-js-macros)
|
|
43
|
+
|
|
44
|
+
- Updated dependencies [[`f698ff85d`](https://github.com/graphcommerce-org/graphcommerce/commit/f698ff85df6bb0922288471bb3c81856091b8061)]:
|
|
45
|
+
- @graphcommerce/next-ui@4.7.2
|
|
46
|
+
|
|
47
|
+
## 2.1.9
|
|
48
|
+
|
|
49
|
+
### Patch Changes
|
|
50
|
+
|
|
51
|
+
- Updated dependencies []:
|
|
52
|
+
- @graphcommerce/next-ui@4.7.1
|
|
53
|
+
|
|
54
|
+
## 2.1.8
|
|
55
|
+
|
|
56
|
+
### Patch Changes
|
|
57
|
+
|
|
58
|
+
- Updated dependencies [[`f3d06dd83`](https://github.com/graphcommerce-org/graphcommerce/commit/f3d06dd836c9a76412b419d4d2c79bbd0ee92e04)]:
|
|
59
|
+
- @graphcommerce/next-ui@4.7.0
|
|
60
|
+
|
|
3
61
|
## 2.1.7
|
|
4
62
|
|
|
5
63
|
### Patch Changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useMotionValueValue } from '@graphcommerce/framer-utils'
|
|
2
2
|
import { extendableComponent } from '@graphcommerce/next-ui/Styles'
|
|
3
|
-
import {
|
|
3
|
+
import { i18n } from '@lingui/core'
|
|
4
4
|
import { Fab, FabProps, styled } from '@mui/material'
|
|
5
5
|
import { m } from 'framer-motion'
|
|
6
6
|
import { useScrollTo } from '../hooks/useScrollTo'
|
|
@@ -37,7 +37,7 @@ export function ScrollerDot(props: ScrollerDotProps) {
|
|
|
37
37
|
scrollTo({ x: positions.x[idx] ?? 0, y: positions.y[idx] ?? 0 })
|
|
38
38
|
}}
|
|
39
39
|
className={classes.dot}
|
|
40
|
-
aria-label={
|
|
40
|
+
aria-label={i18n._(/* i18n */ 'Navigate to item {0}', { 0: idx + 1 })}
|
|
41
41
|
sx={{
|
|
42
42
|
boxShadow: 'none',
|
|
43
43
|
background: 'transparent',
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@graphcommerce/framer-scroller",
|
|
3
3
|
"homepage": "https://www.graphcommerce.org/",
|
|
4
4
|
"repository": "github:graphcommerce-org/graphcommerce",
|
|
5
|
-
"version": "2.1.
|
|
5
|
+
"version": "2.1.10",
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"scripts": {
|
|
8
8
|
"dev": "tsc -W"
|
|
@@ -17,17 +17,18 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@graphcommerce/framer-utils": "3.1.2",
|
|
19
19
|
"@graphcommerce/image": "3.1.5",
|
|
20
|
-
"@graphcommerce/next-ui": "4.
|
|
20
|
+
"@graphcommerce/next-ui": "4.7.2"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@graphcommerce/eslint-config-pwa": "^4.1.
|
|
23
|
+
"@graphcommerce/eslint-config-pwa": "^4.1.7",
|
|
24
24
|
"@graphcommerce/prettier-config-pwa": "^4.0.6",
|
|
25
|
-
"@graphcommerce/typescript-config-pwa": "^4.0.
|
|
25
|
+
"@graphcommerce/typescript-config-pwa": "^4.0.3",
|
|
26
26
|
"@playwright/test": "^1.21.1"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"@mui/material": "5.5.3",
|
|
30
|
-
"@lingui/
|
|
30
|
+
"@lingui/react": "^3.13.2",
|
|
31
|
+
"@lingui/core": "^3.13.2",
|
|
31
32
|
"framer-motion": "^6.2.4",
|
|
32
33
|
"next": "12.1.2",
|
|
33
34
|
"popmotion": "11.0.3",
|