@graphcommerce/docs 4.6.6 → 4.9.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Change Log
 
+## 4.9.0
+
+### Minor Changes
+
+- [#1636](https://github.com/graphcommerce-org/graphcommerce/pull/1636) [`3829a80b3`](https://github.com/graphcommerce-org/graphcommerce/commit/3829a80b3b51feef43a4408338cec3acd9ccd1ed) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Update docs
+
+## 4.8.0
+
+### Minor Changes
+
+- [#1603](https://github.com/graphcommerce-org/graphcommerce/pull/1603) [`26221795d`](https://github.com/graphcommerce-org/graphcommerce/commit/26221795d5ab7d4d66adae756fc02273b1500a53) Thanks [@Jessevdpoel](https://github.com/Jessevdpoel)! - changed icon docs
+
+## 4.7.0
+
+### Minor Changes
+
+- [#1594](https://github.com/graphcommerce-org/graphcommerce/pull/1594) [`f00f3c27f`](https://github.com/graphcommerce-org/graphcommerce/commit/f00f3c27f6631da39127727da0ae1e991b687bed) Thanks [@ErwinOtten](https://github.com/ErwinOtten)! - Update roadmap
+
 ## 4.6.6
 
 ### Patch Changes

package/framework/icons.md

@@ -161,6 +161,9 @@ without fills. The path must be wrapped in a `<symbol>` that has an attribute
 </svg>
 ```
 
+Some icons may contain a `<ellipse>`, `<line>`, `<polygon>`, `<polyline>`,
+`<rect>` elements, make sure these are also wrapped in the `<symbol>` tag.
+
 Icons can be placed in the same directory as a page or component and can be
 imported from there (the `<IconSvg>` component will convert the relative path to
 an absolute path)

package/framework/translations.md

@@ -26,7 +26,7 @@ msgstr "cancelado"
 
 The msgid is the message being translated. In
 /node_modules/@graphcommerce/magento-cart/components/EmptyCart/EmptyCart.tsx,
-you can see that the first msgid is passed as a the id prop to the <Trans>
+you can see that the first msgid is passed as a the id prop to the `<Trans>`
 component:
 
 ```tsx

package/getting-started/header.md

@@ -27,7 +27,6 @@ to find resources to build more complex features on your own.
 - Edited the layout component to remove components
 - Add a simplified search Icon button
 - Make a local copy of the MenuFab component and update its imports
-- Change the Menu component's styling to a fullscreen overlay
 
 ### Requirements
 
@@ -39,31 +38,9 @@ frontend React framework that uses Next.js for server-side rendering.
 
 ---
 
-<figure>
-
-https://user-images.githubusercontent.com/1251986/154978614-8d2eaee1-d64b-4bae-a7d7-cfee2e9175d3.mp4
-
-<video width="100%" controls autoPlay loop muted playsInline>
-<source src="https://user-images.githubusercontent.com/1251986/154978614-8d2eaee1-d64b-4bae-a7d7-cfee2e9175d3.mp4" type="video/mp4"/>
-</video>
-
-  <figcaption>Before customization of the header</figcaption>
-</figure>
-
-<figure>
-
-https://user-images.githubusercontent.com/1251986/154979091-89c72d68-c62f-451c-af49-6f36f3fa6609.mp4
-
-<video width="100%" controls autoPlay loop muted playsInline>
-<source src="https://user-images.githubusercontent.com/1251986/154979091-89c72d68-c62f-451c-af49-6f36f3fa6609.mp4" type="video/mp4"/>
-</video>
-
-  <figcaption>After customization of the header</figcaption>
-</figure>
-
 ### Move and justify the logo
 
-- In /components/Layout/LayoutFull.tsx, move `<Logo />` after
+- In /components/Layout/LayoutNavigation.tsx, move `<Logo />` after
   `<DesktopNavBar>...</DesktopNavBar>`
 - Wrap the `<Logo />` component in a `<Box>` component:
 
@@ -93,7 +70,7 @@ https://user-images.githubusercontent.com/1251986/154979091-89c72d68-c62f-451c-a
 
 ### Remove DesktopNavBar
 
-- In /components/Layout/LayoutFull.tsx, remove the
+- In /components/Layout/LayoutNavigation.tsx, remove the
   `<DesktopNavBar>...</DesktopNavBar>` component.
 
 <figure>
@@ -105,8 +82,8 @@ https://user-images.githubusercontent.com/1251986/154979091-89c72d68-c62f-451c-a
 
 ### Replace Search input with Search Fab
 
-- In /components/Layout/LayoutFull.tsx, replace `<SearchLink href='/search' />`
-  with:
+- In /components/Layout/LayoutNavigation.tsx, replace
+  `<SearchLink href='/search' />` with:
 
 ```tsx
 <PageLink href='/search' passHref>
@@ -121,8 +98,8 @@ https://user-images.githubusercontent.com/1251986/154979091-89c72d68-c62f-451c-a
 
 ### Remove Customer Service Fab
 
-- In /components/Layout/LayoutFull.tsx, remove the Customer Service floating
-  action button by removing it completely:
+- In /components/Layout/LayoutNavigation.tsx, remove the Customer Service
+  floating action button by removing it completely:
 
 ```tsx
 <PageLink href='/service' passHref>
@@ -141,7 +118,7 @@ https://user-images.githubusercontent.com/1251986/154979091-89c72d68-c62f-451c-a
 
 ### Make a local copy of the MenuFab component
 
-- In /components/Layout/LayoutFull.tsx, remove `MenuFab` from the
+- In /components/Layout/LayoutNavigation.tsx, remove `MenuFab` from the
   `'@graphcommerce/next-ui'` import
 - Add `import { MenuFab } from './MenuFab'` to the list of imports at the top of
   the file
@@ -174,58 +151,6 @@ import React, { useEffect } from 'react'
  <figcaption>Local copy of the MenuFab component with Fab scroll animation removed</figcaption>
 </figure>
 
-### Change the Menu component's styling
-
-- In /components/Layout/MenuFab.tsx, change the `<Menu>` component's PaperProps
-  prop to:
-
-```tsx
-PaperProps={{
-  sx: (theme) => ({
-    width: '100vw',
-    height: '100vh',
-    maxWidth: '100vw',
-    maxHeight: '100vh',
-    backgroundColor: alpha(theme.palette.text.primary, 0.95),
-    color: theme.palette.background.paper,
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: 0,
-    '& svg': {
-      color: theme.palette.background.paper,
-    },
-  }),
-}}
-```
-
-- Remove the `<Menu>` component's prop 'disableScrollLock`
-- Add a two props to the `<Menu>` component:
-
-```tsx
-marginThreshold={0}
-TransitionComponent={Fade}
-```
-
-- Add the import of 'alpha' and 'Fade' to the list of the `'@mui/material'`
-  imports at the top of the file
-- Remove the search component by removing:
-
-```tsx
-  search ? (
-    <ListItem key='search' dense sx={{ mb: '6px', borderColor: 'red' }}>
-      {search}
-    </ListItem>
-  ) : null,
-```
-
-<figure>
-
-![Menu component with custom styling](https://user-images.githubusercontent.com/1251986/157832794-711774b6-8bde-4166-bec7-d2de542fc184.png)
-
- <figcaption>Menu component with custom styling</figcaption>
-</figure>
-
 ## Next steps
 
 - Learn how to [build pages](../getting-started/pages.md) in GraphCommerce

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/docs",
   "homepage": "https://www.graphcommerce.org/docs",
   "repository": "github:graphcommerce-org/graphcommerce/docs",
-  "version": "4.6.6",
+  "version": "4.9.0",
   "sideEffects": true,
   "devDependencies": {
     "@graphcommerce/prettier-config-pwa": "^4.0.6"

package/roadmap.md

@@ -10,21 +10,29 @@ The following overview contains the status of items on the GraphCommerce roadmap
 ## In progress
 
 - [ ] Adyen payment service (Braintree, Mollie, already implemented)
-- [ ] PageBuilder support
-- [ ] Fetch Magento image sizes (probe-image-size)
+- [ ] Core stability (hydratation, caching, query optimization)
+- [ ] Multilingual product sitemap generation
+
+## Just released
+
+- [x] Multi level Navigation (Mega Menu)
+- [x] Pick up in store checkout integration
+- [x] Checkout shipping method selection rebuild
+- [x] Checkout payment selection rebuild
 
 ## Planned
 
+- [ ] Store locator
 - [ ] Buckaroo payment service
 - [ ] Multisafepay payment service
-- [ ] Windows support
+- [ ] Fetch Magento image sizes (probe-image-size)
 - [ ] Postcode check integration
-- [ ] Pick up in store checkout integration
-- [ ] Store locator
+- [ ] Windows support
 
 ## Future
 
 - [ ] `magento` example without GraphCMS
+- [ ] PageBuilder support
 
 ## Next steps