@graphcommerce/magento-product-bundle 8.1.0-canary.9 → 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 +195 -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,187 @@
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
+
3
185
  ## 8.1.0-canary.9
4
186
 
5
187
  ## 8.1.0-canary.8
@@ -92,19 +274,15 @@
92
274
 
93
275
  ### Minor Changes
94
276
 
95
- - [#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.
96
- ([@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))
97
278
 
98
- - [#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/>`
99
- ([@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))
100
280
 
101
281
  ### Patch Changes
102
282
 
103
- - [#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.
104
- ([@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))
105
284
 
106
- - [#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
107
- ([@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))
108
286
 
109
287
  ## 8.0.0-canary.100
110
288
 
@@ -168,8 +346,7 @@
168
346
 
169
347
  ### Minor Changes
170
348
 
171
- - [#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
172
- ([@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))
173
350
 
174
351
  ## 8.0.0-canary.70
175
352
 
@@ -1458,31 +1635,31 @@
1458
1635
  All occurences of `<Trans>` and `t` need to be replaced:
1459
1636
 
1460
1637
  ```tsx
1461
- import { Trans, t } from "@lingui/macro";
1638
+ import { Trans, t } from '@lingui/macro'
1462
1639
 
1463
1640
  function MyComponent() {
1464
- const foo = "bar";
1641
+ const foo = 'bar'
1465
1642
  return (
1466
1643
  <div aria-label={t`Account ${foo}`}>
1467
1644
  <Trans>My Translation {foo}</Trans>
1468
1645
  </div>
1469
- );
1646
+ )
1470
1647
  }
1471
1648
  ```
1472
1649
 
1473
1650
  Needs to be replaced with:
1474
1651
 
1475
1652
  ```tsx
1476
- import { Trans } from "@lingui/react";
1477
- import { i18n } from "@lingui/core";
1653
+ import { Trans } from '@lingui/react'
1654
+ import { i18n } from '@lingui/core'
1478
1655
 
1479
1656
  function MyComponent() {
1480
- const foo = "bar";
1657
+ const foo = 'bar'
1481
1658
  return (
1482
1659
  <div aria-label={i18n._(/* i18n */ `Account {foo}`, { foo })}>
1483
- <Trans key="My Translation {foo}" values={{ foo }}></Trans>
1660
+ <Trans key='My Translation {foo}' values={{ foo }}></Trans>
1484
1661
  </div>
1485
- );
1662
+ )
1486
1663
  }
1487
1664
  ```
1488
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.9",
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.9",
16
- "@graphcommerce/eslint-config-pwa": "^8.1.0-canary.9",
17
- "@graphcommerce/graphql": "^8.1.0-canary.9",
18
- "@graphcommerce/image": "^8.1.0-canary.9",
19
- "@graphcommerce/magento-cart": "^8.1.0-canary.9",
20
- "@graphcommerce/magento-cart-items": "^8.1.0-canary.9",
21
- "@graphcommerce/magento-product": "^8.1.0-canary.9",
22
- "@graphcommerce/magento-product-simple": "^8.1.0-canary.9",
23
- "@graphcommerce/magento-product-virtual": "^8.1.0-canary.9",
24
- "@graphcommerce/magento-store": "^8.1.0-canary.9",
25
- "@graphcommerce/next-ui": "^8.1.0-canary.9",
26
- "@graphcommerce/prettier-config-pwa": "^8.1.0-canary.9",
27
- "@graphcommerce/typescript-config-pwa": "^8.1.0-canary.9",
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