@graphcommerce/ecommerce-ui 1.0.1 → 1.0.4

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 +45 -40
  2. package/components/ApolloError/ApolloErrorAlert.tsx +1 -1
  3. package/components/ApolloError/ApolloErrorFullPage.tsx +1 -1
  4. package/components/ApolloError/ApolloErrorSnackbar.tsx +6 -6
  5. package/components/ComposedSubmitButton/ComposedSubmitButton.tsx +2 -9
  6. package/components/ComposedSubmitButton/ComposedSubmitLinkOrButton.tsx +2 -2
  7. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,17 +1,45 @@
1
1
  # @graphcommerce/ecommerce-ui
2
2
 
3
+ ## 1.0.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [#1369](https://github.com/graphcommerce-org/graphcommerce/pull/1369) [`ae6449502`](https://github.com/graphcommerce-org/graphcommerce/commit/ae64495024a455bbe5188588604368c1542840c9) Thanks [@paales](https://github.com/paales)! - Upgraded dependencies
8
+
9
+ - Updated dependencies [[`892018809`](https://github.com/graphcommerce-org/graphcommerce/commit/8920188093d0422ec50580e408dc28ac5f93e46a), [`892018809`](https://github.com/graphcommerce-org/graphcommerce/commit/8920188093d0422ec50580e408dc28ac5f93e46a), [`ae6449502`](https://github.com/graphcommerce-org/graphcommerce/commit/ae64495024a455bbe5188588604368c1542840c9), [`892018809`](https://github.com/graphcommerce-org/graphcommerce/commit/8920188093d0422ec50580e408dc28ac5f93e46a), [`892018809`](https://github.com/graphcommerce-org/graphcommerce/commit/8920188093d0422ec50580e408dc28ac5f93e46a)]:
10
+ - @graphcommerce/graphql@3.0.6
11
+ - @graphcommerce/next-ui@4.5.0
12
+ - @graphcommerce/react-hook-form@3.0.6
13
+
14
+ ## 1.0.3
15
+
16
+ ### Patch Changes
17
+
18
+ - [#1307](https://github.com/ho-nl/m2-pwa/pull/1307) [`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655) Thanks [@paales](https://github.com/paales)! - All default exports are now named exports internally and all `index.tsx` are renamed to the component name.
19
+
20
+ * [#1307](https://github.com/ho-nl/m2-pwa/pull/1307) [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef) Thanks [@paales](https://github.com/paales)! - upgrade dependencies
21
+
22
+ * Updated dependencies [[`3d63b39f7`](https://github.com/ho-nl/m2-pwa/commit/3d63b39f7e330d1827a32dba782667d7b21adaba), [`bd10506d3`](https://github.com/ho-nl/m2-pwa/commit/bd10506d32fdbc91d01dadc29a12ebd1e0943655), [`27cb1f2d8`](https://github.com/ho-nl/m2-pwa/commit/27cb1f2d8dbfb8f1b301ce56fb6a2b6c1fc6a5ef)]:
23
+ - @graphcommerce/next-ui@4.2.4
24
+ - @graphcommerce/graphql@3.0.4
25
+ - @graphcommerce/react-hook-form@3.0.4
26
+
27
+ ## 1.0.2
28
+
29
+ ### Patch Changes
30
+
31
+ - [#1292](https://github.com/ho-nl/m2-pwa/pull/1292) [`5a1ba9e66`](https://github.com/ho-nl/m2-pwa/commit/5a1ba9e664abbac89c4f5f71f7d6d6ed1aefa5c0) Thanks [@paales](https://github.com/paales)! - Renamed SvgIcon to IconSvg to prevent collisions with MUI
32
+
33
+ - Updated dependencies [[`5a1ba9e66`](https://github.com/ho-nl/m2-pwa/commit/5a1ba9e664abbac89c4f5f71f7d6d6ed1aefa5c0), [`990df655b`](https://github.com/ho-nl/m2-pwa/commit/990df655b73b469718d6cb5837ee65dfe2ad6a1d), [`63f9b56eb`](https://github.com/ho-nl/m2-pwa/commit/63f9b56eb68ba790567ff1427e599fd2c3c8f1ee)]:
34
+ - @graphcommerce/next-ui@4.2.0
35
+
3
36
  ## 1.0.1
4
37
 
5
38
  ### Patch Changes
6
39
 
7
- - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96)
8
- Thanks [@paales](https://github.com/paales)! - made packages public
40
+ - [`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96) Thanks [@paales](https://github.com/paales)! - made packages public
9
41
 
10
- - Updated dependencies
11
- [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96),
12
- [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20),
13
- [`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d),
14
- [`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14)]:
42
+ - Updated dependencies [[`973ff8645`](https://github.com/ho-nl/m2-pwa/commit/973ff86452a70ade9f4db13fdda6e963d7220e96), [`81ea406d5`](https://github.com/ho-nl/m2-pwa/commit/81ea406d54d6b5c662c030a7fea444abc4117a20), [`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d), [`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14)]:
15
43
  - @graphcommerce/graphql@3.0.3
16
44
  - @graphcommerce/next-ui@4.1.2
17
45
  - @graphcommerce/react-hook-form@3.0.3
@@ -20,48 +48,25 @@
20
48
 
21
49
  ### Major Changes
22
50
 
23
- - [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
24
- [`351347afe`](https://github.com/ho-nl/m2-pwa/commit/351347afeae5bd837408d46c7593bcf5473dc621)
25
- Thanks [@paales](https://github.com/paales)! - Created new `@graphcommerce/ecommerce-ui` package
26
- to connect generic components from `@graphcommerce/next-ui` to `@graphcommerce/react-hook-form`
27
- and `@graphcommerce/graphql`
51
+ - [#1274](https://github.com/ho-nl/m2-pwa/pull/1274) [`351347afe`](https://github.com/ho-nl/m2-pwa/commit/351347afeae5bd837408d46c7593bcf5473dc621) Thanks [@paales](https://github.com/paales)! - Created new `@graphcommerce/ecommerce-ui` package to connect generic components from `@graphcommerce/next-ui` to `@graphcommerce/react-hook-form` and `@graphcommerce/graphql`
28
52
 
29
53
  ### Patch Changes
30
54
 
31
- - [#1274](https://github.com/ho-nl/m2-pwa/pull/1274)
32
- [`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7)
33
- Thanks [@paales](https://github.com/paales)! - Moved `ApolloErrorAlert`, `ApolloErrorFullPage` and
34
- `ApolloErrorSnackbar` to the ecommerce-ui package.
55
+ - [#1274](https://github.com/ho-nl/m2-pwa/pull/1274) [`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7) Thanks [@paales](https://github.com/paales)! - Moved `ApolloErrorAlert`, `ApolloErrorFullPage` and `ApolloErrorSnackbar` to the ecommerce-ui package.
35
56
 
36
- Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from
37
- `magento-graphcms` example.
57
+ Created `ComposedSubmitButton` and `ComposedSubmitLinkOrButton` to reduce complexity from `magento-graphcms` example.
38
58
 
39
59
  Removed dependency an `@graphcommerce/react-hook-form` from `magento-graphcms` example.
40
60
 
41
61
  Added dependency `@graphcommerce/ecommerce-ui` from `magento-graphcms` example.
42
62
 
43
- * [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
44
- [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2)
45
- Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from
46
- `dependencies` to `peerDependencies`. The result of this is that there will be significantly less
47
- duplicate packages in the node_modules folders.
48
-
49
- - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276)
50
- [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)
51
- Thanks [@paales](https://github.com/paales)! - Upgraded to
52
- [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be
53
- implementing
54
- [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta)
55
- soon.
56
-
57
- This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the
58
- frontend to be able to revalidate pages manually.
59
-
60
- - Updated dependencies
61
- [[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7),
62
- [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2),
63
- [`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b),
64
- [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
63
+ * [#1276](https://github.com/ho-nl/m2-pwa/pull/1276) [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2) Thanks [@paales](https://github.com/paales)! - We've moved lots of internal packages from `dependencies` to `peerDependencies`. The result of this is that there will be significantly less duplicate packages in the node_modules folders.
64
+
65
+ - [#1276](https://github.com/ho-nl/m2-pwa/pull/1276) [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d) Thanks [@paales](https://github.com/paales)! - Upgraded to [NextJS 12.1](https://nextjs.org/blog/next-12-1)! This is just for compatibility, but we'll be implementing [On-demand Incremental Static Regeneration](https://nextjs.org/blog/next-12-1#on-demand-incremental-static-regeneration-beta) soon.
66
+
67
+ This will greatly reduce the requirement to rebuid stuff and we'll add a management UI on the frontend to be able to revalidate pages manually.
68
+
69
+ - Updated dependencies [[`381e4c86a`](https://github.com/ho-nl/m2-pwa/commit/381e4c86a8321ce96e1fa5c7d3c0a0c0ff3e02c7), [`ce09388e0`](https://github.com/ho-nl/m2-pwa/commit/ce09388e0d7ef33aee660612340f6fbae15ceec2), [`e7c8e2756`](https://github.com/ho-nl/m2-pwa/commit/e7c8e2756d637cbcd2e793d62ef5721d35d9fa7b), [`52a45bba4`](https://github.com/ho-nl/m2-pwa/commit/52a45bba4dc6dd6df3c81f5023df7d23ed8a534d)]:
65
70
  - @graphcommerce/next-ui@4.1.1
66
71
  - @graphcommerce/react-hook-form@3.0.2
67
72
  - @graphcommerce/graphql@3.0.2
package/components/ApolloError/ApolloErrorAlert.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ApolloError } from '@graphcommerce/graphql'
2
- import { AnimatedRow } from '@graphcommerce/next-ui/AnimatedRow'
2
+ import { AnimatedRow } from '@graphcommerce/next-ui'
3
3
  import { extendableComponent } from '@graphcommerce/next-ui/Styles/extendableComponent'
4
4
  import { AlertProps, Alert, Box, SxProps, Theme } from '@mui/material'
5
5
  import { AnimatePresence } from 'framer-motion'
package/components/ApolloError/ApolloErrorFullPage.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import { ApolloError } from '@graphcommerce/graphql'
2
- import { FullPageMessage, FullPageMessageProps } from '@graphcommerce/next-ui/FullPageMessage'
2
+ import { FullPageMessage, FullPageMessageProps } from '@graphcommerce/next-ui'
3
3
  import { AlertProps } from '@mui/material'
4
4
  import { ApolloErrorAlert } from './ApolloErrorAlert'
5
5
 
package/components/ApolloError/ApolloErrorSnackbar.tsx CHANGED
@@ -1,19 +1,19 @@
1
1
  import { ApolloError } from '@graphcommerce/graphql'
2
- import { MessageSnackbar } from '@graphcommerce/next-ui/Snackbar/MessageSnackbar'
3
- import { MessageSnackbarImplProps } from '@graphcommerce/next-ui/Snackbar/MessageSnackbarImpl'
2
+ import { ErrorSnackbar, ErrorSnackbarProps } from '@graphcommerce/next-ui'
4
3
  import { Trans } from '@lingui/macro'
5
4
  import { Button } from '@mui/material'
6
5
 
7
6
  export type ApolloErrorSnackbarProps = {
8
7
  error?: ApolloError
9
- } & Pick<MessageSnackbarImplProps, 'action' | 'onClose'>
8
+ } & Pick<ErrorSnackbarProps, 'action' | 'onClose'>
10
9
 
11
10
  export function ApolloErrorSnackbar(props: ApolloErrorSnackbarProps) {
12
11
  const { error, action, ...passedProps } = props
13
12
 
14
13
  if (!error) return null
14
+
15
15
  return (
16
- <MessageSnackbar
16
+ <ErrorSnackbar
17
17
  variant='pill'
18
18
  severity='error'
19
19
  {...passedProps}
@@ -27,9 +27,9 @@ export function ApolloErrorSnackbar(props: ApolloErrorSnackbarProps) {
27
27
  }
28
28
  >
29
29
  <>
30
- {error.graphQLErrors.map((e) => e.message)}
30
+ {error.graphQLErrors.map((e) => e.message).join(', ')}
31
31
  {error.networkError && <>Network Error: {error.networkError.message}</>}
32
32
  </>
33
- </MessageSnackbar>
33
+ </ErrorSnackbar>
34
34
  )
35
35
  }
package/components/ComposedSubmitButton/ComposedSubmitButton.tsx CHANGED
@@ -1,11 +1,4 @@
1
- import {
2
- iconChevronRight,
3
- LinkOrButton,
4
- LinkOrButtonProps,
5
- SvgIcon,
6
- Button,
7
- ButtonProps,
8
- } from '@graphcommerce/next-ui'
1
+ import { iconChevronRight, IconSvg, Button, ButtonProps } from '@graphcommerce/next-ui'
9
2
  import { ComposedSubmitRenderComponentProps } from '@graphcommerce/react-hook-form'
10
3
  import { forwardRef } from 'react'
11
4
 
@@ -23,7 +16,7 @@ export const ComposedSubmitButton = forwardRef<HTMLButtonElement, ComposedSubmit
23
16
  ref={ref}
24
17
  color='secondary'
25
18
  variant='pill'
26
- endIcon={<SvgIcon src={iconChevronRight} />}
19
+ endIcon={<IconSvg src={iconChevronRight} />}
27
20
  type='submit'
28
21
  {...otherProps}
29
22
  loading={loading}
package/components/ComposedSubmitButton/ComposedSubmitLinkOrButton.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import { iconChevronRight, LinkOrButton, LinkOrButtonProps, SvgIcon } from '@graphcommerce/next-ui'
1
+ import { iconChevronRight, LinkOrButton, LinkOrButtonProps, IconSvg } from '@graphcommerce/next-ui'
2
2
  import { ComposedSubmitRenderComponentProps } from '@graphcommerce/react-hook-form'
3
3
  import { forwardRef } from 'react'
4
4
 
@@ -17,7 +17,7 @@ export const ComposedSubmitLinkOrButton = forwardRef<
17
17
  ref={ref}
18
18
  button={{
19
19
  variant: 'pill',
20
- endIcon: <SvgIcon src={iconChevronRight} />,
20
+ endIcon: <IconSvg src={iconChevronRight} />,
21
21
  ...button,
22
22
  type: 'submit',
23
23
  }}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/ecommerce-ui",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "1.0.1",
5
+ "version": "1.0.4",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -12,15 +12,15 @@
12
12
  }
13
13
  },
14
14
  "dependencies": {
15
- "@graphcommerce/next-ui": "^4.1.2",
16
- "@graphcommerce/react-hook-form": "^3.0.3",
17
- "@graphcommerce/graphql": "^3.0.3"
15
+ "@graphcommerce/next-ui": "^4.5.0",
16
+ "@graphcommerce/react-hook-form": "^3.0.6",
17
+ "@graphcommerce/graphql": "^3.0.6"
18
18
  },
19
19
  "devDependencies": {
20
- "@graphcommerce/eslint-config-pwa": "^4.0.3",
21
- "@graphcommerce/prettier-config-pwa": "^4.0.2",
20
+ "@graphcommerce/eslint-config-pwa": "^4.1.3",
21
+ "@graphcommerce/prettier-config-pwa": "^4.0.5",
22
22
  "@graphcommerce/typescript-config-pwa": "^4.0.2",
23
- "@playwright/test": "^1.19.1"
23
+ "@playwright/test": "^1.20.1"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "@mui/material": "^5.4.1",