@graphcommerce/magento-product-bundle 8.1.0-canary.8 → 9.0.0-canary.100

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +197 -18
  2. package/components/BundleProductCartItemOptions/BundleProductCartItemOptions.tsx +21 -20
  3. package/components/BundleProductOptions/BundleOption.tsx +2 -6
  4. package/components/BundleProductOptions/BundleOptionValue.tsx +2 -7
  5. package/components/BundleProductOptions/types.ts +2 -1
  6. package/package.json +14 -14
  7. package/plugins/BundleCartItemActionCard.tsx +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,189 @@
1
1
  # Change Log
2
2
 
3
+ ## 9.0.0-canary.100
4
+
5
+ ## 9.0.0-canary.99
6
+
7
+ ## 9.0.0-canary.98
8
+
9
+ ## 9.0.0-canary.97
10
+
11
+ ## 9.0.0-canary.96
12
+
13
+ ## 9.0.0-canary.95
14
+
15
+ ## 9.0.0-canary.94
16
+
17
+ ## 9.0.0-canary.93
18
+
19
+ ## 9.0.0-canary.92
20
+
21
+ ## 9.0.0-canary.91
22
+
23
+ ## 9.0.0-canary.90
24
+
25
+ ## 9.0.0-canary.89
26
+
27
+ ## 9.0.0-canary.88
28
+
29
+ ## 9.0.0-canary.87
30
+
31
+ ## 9.0.0-canary.86
32
+
33
+ ## 9.0.0-canary.85
34
+
35
+ ## 9.0.0-canary.84
36
+
37
+ ## 9.0.0-canary.83
38
+
39
+ ## 9.0.0-canary.82
40
+
41
+ ## 9.0.0-canary.81
42
+
43
+ ## 9.0.0-canary.80
44
+
45
+ ## 9.0.0-canary.79
46
+
47
+ ## 9.0.0-canary.78
48
+
49
+ ## 9.0.0-canary.77
50
+
51
+ ## 9.0.0-canary.76
52
+
53
+ ## 9.0.0-canary.75
54
+
55
+ ## 9.0.0-canary.74
56
+
57
+ ## 9.0.0-canary.73
58
+
59
+ ## 9.0.0-canary.72
60
+
61
+ ## 9.0.0-canary.71
62
+
63
+ ## 9.0.0-canary.70
64
+
65
+ ## 9.0.0-canary.69
66
+
67
+ ## 9.0.0-canary.68
68
+
69
+ ## 9.0.0-canary.67
70
+
71
+ ## 9.0.0-canary.66
72
+
73
+ ## 9.0.0-canary.65
74
+
75
+ ## 9.0.0-canary.64
76
+
77
+ ## 9.0.0-canary.63
78
+
79
+ ## 9.0.0-canary.62
80
+
81
+ ## 9.0.0-canary.61
82
+
83
+ ## 9.0.0-canary.60
84
+
85
+ ## 9.0.0-canary.59
86
+
87
+ ## 9.0.0-canary.58
88
+
89
+ ## 9.0.0-canary.57
90
+
91
+ ## 9.0.0-canary.56
92
+
93
+ ## 9.0.0-canary.55
94
+
95
+ ## 9.0.0-canary.54
96
+
97
+ ## 8.1.0-canary.53
98
+
99
+ ## 8.1.0-canary.52
100
+
101
+ ## 8.1.0-canary.51
102
+
103
+ ## 8.1.0-canary.50
104
+
105
+ ## 8.1.0-canary.49
106
+
107
+ ## 8.1.0-canary.48
108
+
109
+ ## 8.1.0-canary.47
110
+
111
+ ## 8.1.0-canary.46
112
+
113
+ ## 8.1.0-canary.45
114
+
115
+ ## 8.1.0-canary.44
116
+
117
+ ## 8.1.0-canary.43
118
+
119
+ ## 8.1.0-canary.42
120
+
121
+ ## 8.1.0-canary.41
122
+
123
+ ## 8.1.0-canary.40
124
+
125
+ ## 8.1.0-canary.39
126
+
127
+ ## 8.1.0-canary.38
128
+
129
+ ## 8.1.0-canary.37
130
+
131
+ ## 8.1.0-canary.36
132
+
133
+ ## 8.1.0-canary.35
134
+
135
+ ## 8.1.0-canary.34
136
+
137
+ ## 8.1.0-canary.33
138
+
139
+ ## 8.1.0-canary.32
140
+
141
+ ## 8.1.0-canary.31
142
+
143
+ ## 8.1.0-canary.30
144
+
145
+ ## 8.1.0-canary.29
146
+
147
+ ## 8.1.0-canary.28
148
+
149
+ ## 8.1.0-canary.27
150
+
151
+ ## 8.1.0-canary.26
152
+
153
+ ## 8.1.0-canary.25
154
+
155
+ ## 8.1.0-canary.24
156
+
157
+ ## 8.1.0-canary.23
158
+
159
+ ## 8.1.0-canary.22
160
+
161
+ ## 8.1.0-canary.21
162
+
163
+ ## 8.1.0-canary.20
164
+
165
+ ## 8.1.0-canary.19
166
+
167
+ ## 8.1.0-canary.18
168
+
169
+ ## 8.1.0-canary.17
170
+
171
+ ## 8.1.0-canary.16
172
+
173
+ ## 8.1.0-canary.15
174
+
175
+ ## 8.1.0-canary.14
176
+
177
+ ## 8.1.0-canary.13
178
+
179
+ ## 8.1.0-canary.12
180
+
181
+ ## 8.1.0-canary.11
182
+
183
+ ## 8.1.0-canary.10
184
+
185
+ ## 8.1.0-canary.9
186
+
3
187
  ## 8.1.0-canary.8
4
188
 
5
189
  ## 8.1.0-canary.7
@@ -90,19 +274,15 @@
90
274
 
91
275
  ### Minor Changes
92
276
 
93
- - [#2099](https://github.com/graphcommerce-org/graphcommerce/pull/2099) [`ff796b8`](https://github.com/graphcommerce-org/graphcommerce/commit/ff796b838fae6cb5e35b101500133b0235a8677d) - Support for all customizable product options (except file upload) on the product pages and in the cart.
94
- ([@Jessevdpoel](https://github.com/Jessevdpoel))
277
+ - [#2099](https://github.com/graphcommerce-org/graphcommerce/pull/2099) [`ff796b8`](https://github.com/graphcommerce-org/graphcommerce/commit/ff796b838fae6cb5e35b101500133b0235a8677d) - Support for all customizable product options (except file upload) on the product pages and in the cart. ([@Jessevdpoel](https://github.com/Jessevdpoel))
95
278
 
96
- - [#2048](https://github.com/graphcommerce-org/graphcommerce/pull/2048) [`13e23e4`](https://github.com/graphcommerce-org/graphcommerce/commit/13e23e4265bac70fb4d0830e4661019e71ce299f) - Wishlist will now support configurable products and uses the `<ActionCardLayout/>`
97
- ([@Jessevdpoel](https://github.com/Jessevdpoel))
279
+ - [#2048](https://github.com/graphcommerce-org/graphcommerce/pull/2048) [`13e23e4`](https://github.com/graphcommerce-org/graphcommerce/commit/13e23e4265bac70fb4d0830e4661019e71ce299f) - Wishlist will now support configurable products and uses the `<ActionCardLayout/>` ([@Jessevdpoel](https://github.com/Jessevdpoel))
98
280
 
99
281
  ### Patch Changes
100
282
 
101
- - [#2115](https://github.com/graphcommerce-org/graphcommerce/pull/2115) [`105a1af`](https://github.com/graphcommerce-org/graphcommerce/commit/105a1af8b820de8873e430ae398f1922d39a9110) - Disabled ripple animations on all ActionCard ‘Select’ and ‘Change’ so the rendering is more subtle during checkout.
102
- ([@Jessevdpoel](https://github.com/Jessevdpoel))
283
+ - [#2115](https://github.com/graphcommerce-org/graphcommerce/pull/2115) [`105a1af`](https://github.com/graphcommerce-org/graphcommerce/commit/105a1af8b820de8873e430ae398f1922d39a9110) - Disabled ripple animations on all ActionCard ‘Select’ and ‘Change’ so the rendering is more subtle during checkout. ([@Jessevdpoel](https://github.com/Jessevdpoel))
103
284
 
104
- - [#2028](https://github.com/graphcommerce-org/graphcommerce/pull/2028) [`dd5499d`](https://github.com/graphcommerce-org/graphcommerce/commit/dd5499daedb0a5cd38081f2bd7892df40bb23e16) - Solved an issue where the quantity selector was not working for bundled products
105
- ([@Jessevdpoel](https://github.com/Jessevdpoel))
285
+ - [#2028](https://github.com/graphcommerce-org/graphcommerce/pull/2028) [`dd5499d`](https://github.com/graphcommerce-org/graphcommerce/commit/dd5499daedb0a5cd38081f2bd7892df40bb23e16) - Solved an issue where the quantity selector was not working for bundled products ([@Jessevdpoel](https://github.com/Jessevdpoel))
106
286
 
107
287
  ## 8.0.0-canary.100
108
288
 
@@ -166,8 +346,7 @@
166
346
 
167
347
  ### Minor Changes
168
348
 
169
- - [#2099](https://github.com/graphcommerce-org/graphcommerce/pull/2099) [`ff796b8`](https://github.com/graphcommerce-org/graphcommerce/commit/ff796b838fae6cb5e35b101500133b0235a8677d) - Created UI for all customizable options except for the file upload customizable option
170
- ([@Jessevdpoel](https://github.com/Jessevdpoel))
349
+ - [#2099](https://github.com/graphcommerce-org/graphcommerce/pull/2099) [`ff796b8`](https://github.com/graphcommerce-org/graphcommerce/commit/ff796b838fae6cb5e35b101500133b0235a8677d) - Created UI for all customizable options except for the file upload customizable option ([@Jessevdpoel](https://github.com/Jessevdpoel))
171
350
 
172
351
  ## 8.0.0-canary.70
173
352
 
@@ -1456,31 +1635,31 @@
1456
1635
  All occurences of `<Trans>` and `t` need to be replaced:
1457
1636
 
1458
1637
  ```tsx
1459
- import { Trans, t } from "@lingui/macro";
1638
+ import { Trans, t } from '@lingui/macro'
1460
1639
 
1461
1640
  function MyComponent() {
1462
- const foo = "bar";
1641
+ const foo = 'bar'
1463
1642
  return (
1464
1643
  <div aria-label={t`Account ${foo}`}>
1465
1644
  <Trans>My Translation {foo}</Trans>
1466
1645
  </div>
1467
- );
1646
+ )
1468
1647
  }
1469
1648
  ```
1470
1649
 
1471
1650
  Needs to be replaced with:
1472
1651
 
1473
1652
  ```tsx
1474
- import { Trans } from "@lingui/react";
1475
- import { i18n } from "@lingui/core";
1653
+ import { Trans } from '@lingui/react'
1654
+ import { i18n } from '@lingui/core'
1476
1655
 
1477
1656
  function MyComponent() {
1478
- const foo = "bar";
1657
+ const foo = 'bar'
1479
1658
  return (
1480
1659
  <div aria-label={i18n._(/* i18n */ `Account {foo}`, { foo })}>
1481
- <Trans key="My Translation {foo}" values={{ foo }}></Trans>
1660
+ <Trans key='My Translation {foo}' values={{ foo }}></Trans>
1482
1661
  </div>
1483
- );
1662
+ )
1484
1663
  }
1485
1664
  ```
1486
1665
 
package/components/BundleProductCartItemOptions/BundleProductCartItemOptions.tsx CHANGED
@@ -11,27 +11,28 @@ export function BundleProductCartItemOptions(props: BundleProductCartItemOptions
11
11
 
12
12
  return (
13
13
  <>
14
- {bundle_options?.map(
15
- (option) =>
16
- option?.values.filter(nonNullable).map((option_value) => (
17
- <Box
18
- key={option_value.uid}
19
- sx={(theme) => ({
20
- display: 'flex',
21
- gap: theme.spacings.xxs,
22
- [theme.breakpoints.down('sm')]: {
23
- fontSize: theme.typography.caption.fontSize,
24
- },
25
- })}
26
- >
27
- <Box sx={{ color: 'text.primary' }}>{option_value.label}</Box>
28
- {option_value.price > 0 && (
29
- <Box sx={(theme) => ({ position: 'absolute', right: theme.spacings.xs })}>
30
- <Money currency={prices?.price.currency} value={option_value.price} />
31
- </Box>
32
- )}
14
+ {bundle_options?.map((option) =>
15
+ option?.values.filter(nonNullable).map((option_value) => (
16
+ <Box
17
+ key={option_value.uid}
18
+ sx={(theme) => ({
19
+ display: 'flex',
20
+ gap: theme.spacings.xxs,
21
+ [theme.breakpoints.down('sm')]: {
22
+ fontSize: theme.typography.caption.fontSize,
23
+ },
24
+ })}
25
+ >
26
+ <Box sx={{ color: 'text.primary' }}>
27
+ {option_value.label} {option_value.quantity > 1 && `x${option_value.quantity}`}
33
28
  </Box>
34
- )),
29
+ {option_value.price > 0 && (
30
+ <Box sx={(theme) => ({ position: 'absolute', right: theme.spacings.xs })}>
31
+ <Money currency={prices?.price.currency} value={option_value.price} />
32
+ </Box>
33
+ )}
34
+ </Box>
35
+ )),
35
36
  )}
36
37
 
37
38
  <SelectedCustomizableOptions {...props} />
package/components/BundleProductOptions/BundleOption.tsx CHANGED
@@ -1,10 +1,6 @@
1
+ import { ActionCardItemBase, ActionCardListForm } from '@graphcommerce/ecommerce-ui'
1
2
  import { AddProductsToCartFields, useFormAddProductsToCart } from '@graphcommerce/magento-product'
2
- import {
3
- SectionHeader,
4
- ActionCardListForm,
5
- ActionCardItemBase,
6
- filterNonNullableKeys,
7
- } from '@graphcommerce/next-ui'
3
+ import { SectionHeader, filterNonNullableKeys } from '@graphcommerce/next-ui'
8
4
  import { i18n } from '@lingui/core'
9
5
  import React, { useMemo } from 'react'
10
6
  import { BundleOptionValue } from './BundleOptionValue'
package/components/BundleProductOptions/BundleOptionValue.tsx CHANGED
@@ -1,13 +1,8 @@
1
- import { NumberFieldElement, TextFieldElement } from '@graphcommerce/ecommerce-ui'
1
+ import { ActionCardItemRenderProps, NumberFieldElement } from '@graphcommerce/ecommerce-ui'
2
2
  import { Image } from '@graphcommerce/image'
3
3
  import { useFormAddProductsToCart } from '@graphcommerce/magento-product'
4
4
  import { Money } from '@graphcommerce/magento-store'
5
- import {
6
- responsiveVal,
7
- ActionCardItemRenderProps,
8
- ActionCard,
9
- Button,
10
- } from '@graphcommerce/next-ui'
5
+ import { responsiveVal, ActionCard, Button } from '@graphcommerce/next-ui'
11
6
  import { Trans } from '@lingui/react'
12
7
  import { BundleOptionValueProps } from './types'
13
8
 
package/components/BundleProductOptions/types.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { ActionCardItemRenderProps, ActionCardListProps } from '@graphcommerce/next-ui'
1
+ import { ActionCardItemRenderProps } from '@graphcommerce/ecommerce-ui'
2
+ import { ActionCardListProps } from '@graphcommerce/next-ui'
2
3
  import { BundleProductOptionsFragment } from './BundleProductOptions.gql'
3
4
 
4
5
  export type BundleOptionProps = {
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/magento-product-bundle",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "8.1.0-canary.8",
5
+ "version": "9.0.0-canary.100",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -12,19 +12,19 @@
12
12
  }
13
13
  },
14
14
  "peerDependencies": {
15
- "@graphcommerce/ecommerce-ui": "^8.1.0-canary.8",
16
- "@graphcommerce/eslint-config-pwa": "^8.1.0-canary.8",
17
- "@graphcommerce/graphql": "^8.1.0-canary.8",
18
- "@graphcommerce/image": "^8.1.0-canary.8",
19
- "@graphcommerce/magento-cart": "^8.1.0-canary.8",
20
- "@graphcommerce/magento-cart-items": "^8.1.0-canary.8",
21
- "@graphcommerce/magento-product": "^8.1.0-canary.8",
22
- "@graphcommerce/magento-product-simple": "^8.1.0-canary.8",
23
- "@graphcommerce/magento-product-virtual": "^8.1.0-canary.8",
24
- "@graphcommerce/magento-store": "^8.1.0-canary.8",
25
- "@graphcommerce/next-ui": "^8.1.0-canary.8",
26
- "@graphcommerce/prettier-config-pwa": "^8.1.0-canary.8",
27
- "@graphcommerce/typescript-config-pwa": "^8.1.0-canary.8",
15
+ "@graphcommerce/ecommerce-ui": "^9.0.0-canary.100",
16
+ "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.100",
17
+ "@graphcommerce/graphql": "^9.0.0-canary.100",
18
+ "@graphcommerce/image": "^9.0.0-canary.100",
19
+ "@graphcommerce/magento-cart": "^9.0.0-canary.100",
20
+ "@graphcommerce/magento-cart-items": "^9.0.0-canary.100",
21
+ "@graphcommerce/magento-product": "^9.0.0-canary.100",
22
+ "@graphcommerce/magento-product-simple": "^9.0.0-canary.100",
23
+ "@graphcommerce/magento-product-virtual": "^9.0.0-canary.100",
24
+ "@graphcommerce/magento-store": "^9.0.0-canary.100",
25
+ "@graphcommerce/next-ui": "^9.0.0-canary.100",
26
+ "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.100",
27
+ "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.100",
28
28
  "@lingui/core": "^4.2.1",
29
29
  "@lingui/macro": "^4.2.1",
30
30
  "@lingui/react": "^4.2.1",
package/plugins/BundleCartItemActionCard.tsx CHANGED
@@ -1,12 +1,14 @@
1
1
  import { CartItemActionCardProps } from '@graphcommerce/magento-cart-items'
2
- import type { PluginProps } from '@graphcommerce/next-config'
2
+ import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
3
3
  import { isTypename } from '@graphcommerce/next-ui'
4
4
  import { BundleProductCartItemOptions } from '../components/BundleProductCartItemOptions/BundleProductCartItemOptions'
5
5
 
6
- export const component = 'CartItemActionCard'
7
- export const exported = '@graphcommerce/magento-cart-items'
6
+ export const config: PluginConfig = {
7
+ type: 'component',
8
+ module: '@graphcommerce/magento-cart-items',
9
+ }
8
10
 
9
- export function BundleCartItemActionCard(props: PluginProps<CartItemActionCardProps>) {
11
+ export function CartItemActionCard(props: PluginProps<CartItemActionCardProps>) {
10
12
  const { Prev, ...rest } = props
11
13
 
12
14
  if (!isTypename(rest.cartItem, ['BundleCartItem'])) return <Prev {...rest} />
@@ -23,5 +25,3 @@ export function BundleCartItemActionCard(props: PluginProps<CartItemActionCardPr
23
25
  />
24
26
  )
25
27
  }
26
-
27
- export const Plugin = BundleCartItemActionCard