@graphcommerce/next-ui 9.1.0-canary.45 → 9.1.0-canary.46

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 (2) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # Change Log
2
2
 
3
+ ## 9.1.0-canary.46
4
+
3
5
  ## 9.1.0-canary.45
4
6
 
5
7
  ## 9.1.0-canary.44
@@ -177,6 +179,7 @@
177
179
  ```
178
180
 
179
181
  When to use, replacement for:
182
+
180
183
  1. useMediaQuery: When you are now using useMediaQuery to conditionally render content for mobile or desktop. a. Is very slow as it has to wait for the JS to initialize on pageload. b. Can cause CLS problems if the useMediaQuery is used to render elements in the viewport. c. Can cause LCP issues if useMediaQuery is used to render the LCP element. d. Causes TBT problems as a component always needs to be rerendered. (And bad TBT can cause INP problems) e. HTML isn't present in the DOM, which can cause SEO issues.
181
184
  2. CSS Media query: When you are using CSS to show or hide content based on media queries. a. Causes TBT problems as both code paths need to be rendered. (And bad TBT can cause INP problems)
182
185
 
@@ -195,6 +198,7 @@
195
198
  ### Minor Changes
196
199
 
197
200
  - [#2216](https://github.com/graphcommerce-org/graphcommerce/pull/2216) [`74eb239`](https://github.com/graphcommerce-org/graphcommerce/commit/74eb2393a64988649178d59f53b33d41fecdd769) - Added Intl components, deprecated `useNumberFormat` and `useDateTimeFormatter`, and replaced usage sites. New components and hooks:
201
+
198
202
  - `<DisplayNames />` and `useIntlDisplayNames`
199
203
  - `<DateTimeFormat />`, `<DateFormat/>`, `<TimeFormat />` and `useIntlDateTimeFormat`
200
204
  - `<ListFormat />` and `useIntlListFormat`
@@ -435,6 +439,7 @@
435
439
  ### Minor Changes
436
440
 
437
441
  - [#1822](https://github.com/graphcommerce-org/graphcommerce/pull/1822) [`cc02c46e3`](https://github.com/graphcommerce-org/graphcommerce/commit/cc02c46e32c9a44a90789591f43d91ae234dac84) - Added Facebook Open Graph tags to product pages:
442
+
438
443
  - og:title
439
444
  - og:image
440
445
  - og:url
@@ -446,6 +451,7 @@
446
451
  - product:category ([@KMalkowski](https://github.com/KMalkowski))
447
452
 
448
453
  - [#1830](https://github.com/graphcommerce-org/graphcommerce/pull/1830) [`fafa76ba9`](https://github.com/graphcommerce-org/graphcommerce/commit/fafa76ba9e655739171abc553d309795c9d8e5c2) - Overlays now use an additional scroll container to handle vertical scroll, fixing:
454
+
449
455
  - Scrolling on desktop will not close the overlay when there is content to be scrolled
450
456
  - Scrolling will not snap to bottom / top when the content is barely scrollable
451
457
  - Dragging will only open or close the drawer, not something inbetween
@@ -513,6 +519,7 @@
513
519
  - [#1745](https://github.com/graphcommerce-org/graphcommerce/pull/1745) [`b1444b933`](https://github.com/graphcommerce-org/graphcommerce/commit/b1444b9336107d3ac111563f9b62a884f1b26a8d) - Bring password reset page more in line with standard forms, add missing translations. ([@github-actions](https://github.com/apps/github-actions))
514
520
 
515
521
  - [#1752](https://github.com/graphcommerce-org/graphcommerce/pull/1752) [`2a6a4d9ec`](https://github.com/graphcommerce-org/graphcommerce/commit/2a6a4d9ecfa1b58a66ba9b9d00016d6feda9aa95) - Updated dependencies to latest versions, except for nextjs; Solve tons of peer dependency issues.
522
+
516
523
  - Updated the @mui/material package
517
524
  - Removed dependencies on react-hook-form-mui and @playwright/test
518
525
  - Upgraded dependencies including type-fest and graphql-mesh
@@ -949,6 +956,7 @@
949
956
  ### Patch Changes
950
957
 
951
958
  - [#1509](https://github.com/graphcommerce-org/graphcommerce/pull/1509) [`0ab7c5465`](https://github.com/graphcommerce-org/graphcommerce/commit/0ab7c5465441cba9bf8cd185a6790ce2f443f4ed) Thanks [@paales](https://github.com/paales)! - SidebarGallery improvements (product page):
959
+
952
960
  - Prevent vertical scrolling
953
961
  - Disable zoom fab when there are no images
954
962
  - Hide scroller dots when there in only one image
@@ -1151,6 +1159,7 @@
1151
1159
  - [#1353](https://github.com/graphcommerce-org/graphcommerce/pull/1353) [`0e5ee7ba8`](https://github.com/graphcommerce-org/graphcommerce/commit/0e5ee7ba89698e5e711001e846ed182528060cba) Thanks [@paales](https://github.com/paales)! - Eslint: enable rules that were previously disabled and make fixes
1152
1160
 
1153
1161
  * [#1360](https://github.com/graphcommerce-org/graphcommerce/pull/1360) [`829b8690b`](https://github.com/graphcommerce-org/graphcommerce/commit/829b8690bc5d0a46e596299e4120e9837a9f179c) Thanks [@paales](https://github.com/paales)! - Lots of fixes for LayoutOverlay:
1162
+
1154
1163
  - When interacting with an overlay it causes browser resizes on mobile and causing a janky experience.
1155
1164
  - Allow interaction with the previous layer after it has been closed, instead of waiting for the actual route to complete.
1156
1165
  - Allow scrolling to the the bottom in the overlay when the height is just a bit higher than the window.
@@ -1307,6 +1316,7 @@
1307
1316
  - [#1281](https://github.com/ho-nl/m2-pwa/pull/1281) [`3a719c88c`](https://github.com/ho-nl/m2-pwa/commit/3a719c88cad1eab58602de28c41adc0fc4827e1d) Thanks [@paales](https://github.com/paales)! - Make sure we're able to style the backdrop and the regular overlay for LayoutOverlay
1308
1317
 
1309
1318
  * [#1284](https://github.com/ho-nl/m2-pwa/pull/1284) [`5ffcb56bf`](https://github.com/ho-nl/m2-pwa/commit/5ffcb56bfcbe49ebeaf24f9341e819a145ab9a14) Thanks [@paales](https://github.com/paales)! - SvgIcon is now more extenable and flexible:
1319
+
1310
1320
  - It will automatically calculate the stroke-width of the SVG based on the rendered size, allowing for a more flexible use for icons.
1311
1321
 
1312
1322
  - Make SvgIcon themable in your own Theme.
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/next-ui",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "9.1.0-canary.45",
5
+ "version": "9.1.0-canary.46",
6
6
  "sideEffects": false,
7
7
  "prettier": "@graphcommerce/prettier-config-pwa",
8
8
  "eslintConfig": {
@@ -24,13 +24,13 @@
24
24
  "@emotion/react": "^11",
25
25
  "@emotion/server": "^11",
26
26
  "@emotion/styled": "^11",
27
- "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.45",
28
- "@graphcommerce/framer-next-pages": "^9.1.0-canary.45",
29
- "@graphcommerce/framer-scroller": "^9.1.0-canary.45",
30
- "@graphcommerce/framer-utils": "^9.1.0-canary.45",
31
- "@graphcommerce/image": "^9.1.0-canary.45",
32
- "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.45",
33
- "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.45",
27
+ "@graphcommerce/eslint-config-pwa": "^9.1.0-canary.46",
28
+ "@graphcommerce/framer-next-pages": "^9.1.0-canary.46",
29
+ "@graphcommerce/framer-scroller": "^9.1.0-canary.46",
30
+ "@graphcommerce/framer-utils": "^9.1.0-canary.46",
31
+ "@graphcommerce/image": "^9.1.0-canary.46",
32
+ "@graphcommerce/prettier-config-pwa": "^9.1.0-canary.46",
33
+ "@graphcommerce/typescript-config-pwa": "^9.1.0-canary.46",
34
34
  "@lingui/core": "^4.2.1",
35
35
  "@lingui/macro": "^4.2.1",
36
36
  "@lingui/react": "^4.2.1",