@mui/lab 5.0.0-alpha.105 → 5.0.0-alpha.107

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,139 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## v5.10.13
4
+
5
+ <!-- generated comparing v5.10.12..master -->
6
+
7
+ _Nov 7, 2022_
8
+
9
+ A big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
10
+
11
+ - 🚀 The slots API has been introduced to the Material UI package by @michaldudak (#34873).
12
+ - 🔥 Live editting of demos is stabilized by @oliviertassinari (#34870).
13
+ - Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
14
+
15
+ ### `@mui/material@5.10.13`
16
+
17
+ - &#8203;<!-- 08 -->[material-ui] Introduce the slots API (#34873) @michaldudak
18
+ - &#8203;<!-- 07 -->[NativeSelectInput] Support CSS theme variables (#34975) @siriwatknp
19
+
20
+ ### `@mui/system@5.10.13`
21
+
22
+ - &#8203;<!-- 05 -->[system] Add a missing key attribute in getInitColorScheme to fix key issue (#34992) @akshaya-venkatesh8
23
+
24
+ ### `@mui/base@5.0.0-alpha.105`
25
+
26
+ - &#8203;<!-- 26 -->[base] Avoid calling setState during renders (#34916) @Janpot
27
+
28
+ ### `@mui/joy@5.0.0-alpha.53`
29
+
30
+ - &#8203;<!-- 06 -->[Select] Fix custom options menu not opening on Avatar click (#34648) @shivam1646
31
+
32
+ ### Docs
33
+
34
+ - &#8203;<!-- 20 -->[docs] Add a guide for setting dark mode by default (#34839) @siriwatknp
35
+ - &#8203;<!-- 19 -->[docs] Improve code font family (#35027) @oliviertassinari
36
+ - &#8203;<!-- 18 -->[docs] Revise and expand Joy UI "Alert" page (#34838) @samuelsycamore
37
+ - &#8203;<!-- 17 -->[docs] Live demos v2 (#34870) @oliviertassinari
38
+ - &#8203;<!-- 16 -->[docs] Fix 301 links in the docs @oliviertassinari
39
+ - &#8203;<!-- 15 -->[docs] Fix code display in RTL (#34951) @oliviertassinari
40
+ - &#8203;<!-- 14 -->[docs] New API design rule disabled > disable (#34972) @oliviertassinari
41
+ - &#8203;<!-- 13 -->[docs] Explain the usage of Select's onOpen/onClose in the uncontrolled mode (#34755) @michaldudak
42
+ - &#8203;<!-- 12 -->[docs] Add a new gold sponsor (#34984) @hbjORbj
43
+ - &#8203;<!-- 11 -->[docs] Add author and published_time meta tags (#34382) @alexfauquette
44
+ - &#8203;<!-- 10 -->[examples] Next.js examples v13 - fonts (#34971) @PetroSilenius
45
+ - &#8203;<!-- 09 -->[examples] Next.js examples v13 - links (#34970) @PetroSilenius
46
+ - &#8203;<!-- 04 -->[website] Update IPinfo.AI name @oliviertassinari
47
+ - &#8203;<!-- 03 -->[website] Remove date-io from the docs dependencies (#34748) @michaldudak
48
+ - &#8203;<!-- 02 -->[website] Migrate Design-kits page to use CSS theme variables (#34920) @jesrodri
49
+ - &#8203;<!-- 01 -->[website] Migrate Pricing page to use CSS theme variables (#34917) @trizotti
50
+
51
+ ### Core
52
+
53
+ - &#8203;<!-- 25 -->[core] Remove default access to GitHub action scopes @oliviertassinari
54
+ - &#8203;<!-- 24 -->[core] Fix Pinned-Dependencies @oliviertassinari
55
+ - &#8203;<!-- 23 -->[core] Fix typos in the component name @oliviertassinari
56
+ - &#8203;<!-- 22 -->[core] Fix scorecard regression @oliviertassinari
57
+ - &#8203;<!-- 21 -->[core] Create the docs theme once (#34954) @oliviertassinari
58
+
59
+ All contributors of this release in alphabetical order: @akshaya-venkatesh8, @alexfauquette, @hbjORbj, @Janpot, @jesrodri, @michaldudak, @oliviertassinari, @PetroSilenius, @samuelsycamore, @shivam1646, @siriwatknp, @trizotti
60
+
61
+ ## v5.10.12
62
+
63
+ <!-- generated comparing v5.10.11..master -->
64
+
65
+ _Oct 31, 2022_
66
+
67
+ A big thanks to the 16 contributors who made this release possible. Here are some highlights ✨:
68
+
69
+ - 🚀 The LinearProgress component has been added to Joy UI by @hbjORbj (#34514).
70
+ - Many other 🐛 bug fixes, 📚 documentation, and ⚙️ infrastructure improvements.
71
+
72
+ ### `@mui/material@5.10.12`
73
+
74
+ - &#8203;<!-- 37 -->[Chip] Don't override icon color (#34247) @emlai
75
+ - &#8203;<!-- 09 -->[Radio] Skip default hover style when disableRipple is set (#34902) @VinceCYLiao
76
+ - &#8203;<!-- 08 -->[SwipeableDrawer] Fix React 18 issues (#34505) @mnajdova
77
+ - &#8203;<!-- 05 -->[Tooltip] Save a few bytes (#34853) @oliviertassinari
78
+
79
+ ### `@mui/base@5.0.0-alpha.104`
80
+
81
+ - &#8203;<!-- 38 -->[ButtonUnstyled] Update to render as link when href or to is provided (#34337) @EduardoSCosta
82
+
83
+ ### `@mui/joy@5.0.0-alpha.52`
84
+
85
+ - &#8203;<!-- 36 -->[Joy][circularprogress] Prevent new styles from being generated when `value` changes (#34897) @hbjORbj
86
+ - &#8203;<!-- 11 -->[Joy] Add color inversion feature (#32511) @siriwatknp
87
+ - &#8203;<!-- 10 -->[Joy] Add `LinearProgress` component (#34514) @hbjORbj
88
+
89
+ ### Docs
90
+
91
+ - &#8203;<!-- 40 -->[blog] Add blog post for high-level overview of all MUI products (#34325) @samuelsycamore
92
+ - &#8203;<!-- 39 -->[blog] Fix hydration mistmatch (#34857) @oliviertassinari
93
+ - &#8203;<!-- 21 -->[docs] Revise the Joy UI "Aspect Ratio" page (#34858) @samuelsycamore
94
+ - &#8203;<!-- 20 -->[docs] Fix Safari code font size (#34859) @oliviertassinari
95
+ - &#8203;<!-- 19 -->[docs] Fix spelling mistake (#34955) @punithnayak
96
+ - &#8203;<!-- 18 -->[docs] Fix 404 link of supported Material UI components @oliviertassinari
97
+ - &#8203;<!-- 17 -->[docs] Fix Safari button misalignment (#34861) @oliviertassinari
98
+ - &#8203;<!-- 16 -->[docs] Fix typo in docs title (#34926) @PunitSoniME
99
+ - &#8203;<!-- 25 -->[docs] Fix missing emotion prefixes (#34958) @oliviertassinari
100
+ - &#8203;<!-- 26 -->[docs] Improve UI display for copy code (#34950) @oliviertassinari
101
+ - &#8203;<!-- 15 -->[docs] Standardize all MUI Core "Usage" pages (#34183) @samuelsycamore
102
+ - &#8203;<!-- 14 -->[docs] Update templates' readme files to include required dependencies (#34757) @michaldudak
103
+ - &#8203;<!-- 13 -->[docs] Fix inconsistent theme colors when applying custom colors in playground (#34866) @cherniavskii
104
+ - &#8203;<!-- 12 -->[docs] Fix typo in bottom-navigation.md (#34884) @RoodyCode
105
+ - &#8203;<!-- 07 -->[website] Migrate about-us page to use CSS theme variables (#34919) @brianlu2610
106
+ - &#8203;<!-- 06 -->[website] Migrate Product-Templates page to use CSS theme variables (#34913) @EduardoSCosta
107
+ - &#8203;<!-- 05 -->[website] Migrate career page to use CSS theme variables (#34908) @the-mgi
108
+ - &#8203;<!-- 04 -->[website] Update MUI X open and future roles + about page (#34894) @DanailH
109
+ - &#8203;<!-- 03 -->[website] Remove one DOM node (#34960) @oliviertassinari
110
+ - &#8203;<!-- 02 -->[website] Use `span` for icon image (#34914) @siriwatknp
111
+ - &#8203;<!-- 01 -->[website] Fix subscribe input with Safari (#34869) @oliviertassinari
112
+
113
+ ### Core
114
+
115
+ - &#8203;<!-- 35 -->[core] Ignore compiled icons in CodeQL @oliviertassinari
116
+ - &#8203;<!-- 34 -->[core] Add OSSF Scorecard action (#34854) @oliviertassinari
117
+ - &#8203;<!-- 40 -->[core] Fix extra GitHub Action permission (#34496) @sashashura
118
+ - &#8203;<!-- 33 -->[core] Fix duplicate id @oliviertassinari
119
+ - &#8203;<!-- 41 -->[core] Enforce import \* as React (#34878) @da0x
120
+ - &#8203;<!-- 32 -->[core] A couple of simply fixes from #34870 (#34953) @oliviertassinari
121
+ - &#8203;<!-- 31 -->[core] Migrate outdated pattern to convention @oliviertassinari
122
+ - &#8203;<!-- 30 -->[core] Pin GitHub Actions dependencies (#34929) @renovate[bot]
123
+ - &#8203;<!-- 29 -->[core] Make the reproduction more important in the bug template (#34875) @oliviertassinari
124
+ - &#8203;<!-- 28 -->[core] Fix docs GitHub API rate limit (#34856) @oliviertassinari
125
+ - &#8203;<!-- 42 -->[core] Fix eslint issues (#34964) @mnajdova
126
+ - &#8203;<!-- 27 -->[core] Pin GitHub Action to digests (#34855) @oliviertassinari
127
+ - &#8203;<!-- 26 -->[core] Fix permissions in workflow @oliviertassinari
128
+ - &#8203;<!-- 25 -->[core] memoize context values for react/jsx-no-constructed-context-values (#34849) @Janpot
129
+ - &#8203;<!-- 24 -->[core] Fix @typescript-eslint/default-param-last issues (#34846) @Janpot
130
+ - &#8203;<!-- 23 -->[core] Fix HTML validation error (#34860) @oliviertassinari
131
+ - &#8203;<!-- 22 -->[core] Fix duplicate CodeQL build @oliviertassinari
132
+ - &#8203;<!-- 07 -->[test] Move Firefox tests to CircleCI (#34764) @oliviertassinari
133
+ - &#8203;<!-- 06 -->[test] Use screen when possible for simplicity (#34890) @oliviertassinari
134
+
135
+ All contributors of this release in alphabetical order: @cherniavskii, @DanailH, @EduardoSCosta, @emlai, @hbjORbj, @Janpot, @michaldudak, @mnajdova, @oliviertassinari, @punithnayak, @PunitSoniME, @renovate[bot], @RoodyCode, @samuelsycamore, @siriwatknp, @VinceCYLiao
136
+
3
137
  ## v5.10.11
4
138
 
5
139
  <!-- generated comparing v5.10.10..master -->
@@ -65,10 +65,11 @@ const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
65
65
  });
66
66
 
67
67
  const classes = useUtilityClasses(ownerState);
68
+ const contextValue = React.useMemo(() => ({
69
+ position
70
+ }), [position]);
68
71
  return /*#__PURE__*/_jsx(TimelineContext.Provider, {
69
- value: {
70
- position
71
- },
72
+ value: contextValue,
72
73
  children: /*#__PURE__*/_jsx(TimelineRoot, _extends({
73
74
  className: clsx(classes.root, className),
74
75
  ownerState: ownerState // @ts-expect-error TypeScript bug, need to keep unknown for DX
@@ -88,10 +88,11 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
88
88
  });
89
89
 
90
90
  const classes = useUtilityClasses(ownerState);
91
+ const contextValue = React.useMemo(() => ({
92
+ position: ownerState.position
93
+ }), [ownerState.position]);
91
94
  return /*#__PURE__*/_jsx(TimelineContext.Provider, {
92
- value: {
93
- position: ownerState.position
94
- },
95
+ value: contextValue,
95
96
  children: /*#__PURE__*/_jsx(TimelineItemRoot, _extends({
96
97
  className: clsx(classes.root, className),
97
98
  ownerState: ownerState,
@@ -798,6 +798,8 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
798
798
 
799
799
  const activeDescendant = nodeMap.current[focusedNodeId] ? nodeMap.current[focusedNodeId].idAttribute : null;
800
800
  return /*#__PURE__*/_jsx(TreeViewContext.Provider, {
801
+ // TODO: fix lint error:
802
+ /// eslint-disable-next-line react/jsx-no-constructed-context-values
801
803
  value: {
802
804
  icons: {
803
805
  defaultCollapseIcon,
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.0-alpha.105
1
+ /** @license MUI v5.0.0-alpha.107
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -59,10 +59,13 @@ var Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
59
59
  });
60
60
 
61
61
  var classes = useUtilityClasses(ownerState);
62
- return /*#__PURE__*/_jsx(TimelineContext.Provider, {
63
- value: {
62
+ var contextValue = React.useMemo(function () {
63
+ return {
64
64
  position: position
65
- },
65
+ };
66
+ }, [position]);
67
+ return /*#__PURE__*/_jsx(TimelineContext.Provider, {
68
+ value: contextValue,
66
69
  children: /*#__PURE__*/_jsx(TimelineRoot, _extends({
67
70
  className: clsx(classes.root, className),
68
71
  ownerState: ownerState // @ts-expect-error TypeScript bug, need to keep unknown for DX
@@ -83,10 +83,13 @@ var TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps,
83
83
  });
84
84
 
85
85
  var classes = useUtilityClasses(ownerState);
86
- return /*#__PURE__*/_jsx(TimelineContext.Provider, {
87
- value: {
86
+ var contextValue = React.useMemo(function () {
87
+ return {
88
88
  position: ownerState.position
89
- },
89
+ };
90
+ }, [ownerState.position]);
91
+ return /*#__PURE__*/_jsx(TimelineContext.Provider, {
92
+ value: contextValue,
90
93
  children: /*#__PURE__*/_jsx(TimelineItemRoot, _extends({
91
94
  className: clsx(classes.root, className),
92
95
  ownerState: ownerState,
@@ -861,6 +861,8 @@ var TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
861
861
 
862
862
  var activeDescendant = nodeMap.current[focusedNodeId] ? nodeMap.current[focusedNodeId].idAttribute : null;
863
863
  return /*#__PURE__*/_jsx(TreeViewContext.Provider, {
864
+ // TODO: fix lint error:
865
+ /// eslint-disable-next-line react/jsx-no-constructed-context-values
864
866
  value: {
865
867
  icons: {
866
868
  defaultCollapseIcon: defaultCollapseIcon,
package/legacy/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.0-alpha.105
1
+ /** @license MUI v5.0.0-alpha.107
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -65,10 +65,11 @@ const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
65
65
  });
66
66
 
67
67
  const classes = useUtilityClasses(ownerState);
68
+ const contextValue = React.useMemo(() => ({
69
+ position
70
+ }), [position]);
68
71
  return /*#__PURE__*/_jsx(TimelineContext.Provider, {
69
- value: {
70
- position
71
- },
72
+ value: contextValue,
72
73
  children: /*#__PURE__*/_jsx(TimelineRoot, _extends({
73
74
  className: clsx(classes.root, className),
74
75
  ownerState: ownerState // @ts-expect-error TypeScript bug, need to keep unknown for DX
@@ -88,10 +88,11 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
88
88
  });
89
89
 
90
90
  const classes = useUtilityClasses(ownerState);
91
+ const contextValue = React.useMemo(() => ({
92
+ position: ownerState.position
93
+ }), [ownerState.position]);
91
94
  return /*#__PURE__*/_jsx(TimelineContext.Provider, {
92
- value: {
93
- position: ownerState.position
94
- },
95
+ value: contextValue,
95
96
  children: /*#__PURE__*/_jsx(TimelineItemRoot, _extends({
96
97
  className: clsx(classes.root, className),
97
98
  ownerState: ownerState,
@@ -798,6 +798,8 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
798
798
 
799
799
  const activeDescendant = nodeMap.current[focusedNodeId] ? nodeMap.current[focusedNodeId].idAttribute : null;
800
800
  return /*#__PURE__*/_jsx(TreeViewContext.Provider, {
801
+ // TODO: fix lint error:
802
+ /// eslint-disable-next-line react/jsx-no-constructed-context-values
801
803
  value: {
802
804
  icons: {
803
805
  defaultCollapseIcon,
package/modern/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.0-alpha.105
1
+ /** @license MUI v5.0.0-alpha.107
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
@@ -86,10 +86,11 @@ const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(inProps, ref) {
86
86
  position
87
87
  });
88
88
  const classes = useUtilityClasses(ownerState);
89
+ const contextValue = React.useMemo(() => ({
90
+ position
91
+ }), [position]);
89
92
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimelineContext.default.Provider, {
90
- value: {
91
- position
92
- },
93
+ value: contextValue,
93
94
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineRoot, (0, _extends2.default)({
94
95
  className: (0, _clsx.default)(classes.root, className),
95
96
  ownerState: ownerState // @ts-expect-error TypeScript bug, need to keep unknown for DX
@@ -110,10 +110,11 @@ const TimelineItem = /*#__PURE__*/React.forwardRef(function TimelineItem(inProps
110
110
  hasOppositeContent
111
111
  });
112
112
  const classes = useUtilityClasses(ownerState);
113
+ const contextValue = React.useMemo(() => ({
114
+ position: ownerState.position
115
+ }), [ownerState.position]);
113
116
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TimelineContext.default.Provider, {
114
- value: {
115
- position: ownerState.position
116
- },
117
+ value: contextValue,
117
118
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TimelineItemRoot, (0, _extends2.default)({
118
119
  className: (0, _clsx.default)(classes.root, className),
119
120
  ownerState: ownerState,
@@ -817,6 +817,8 @@ const TreeView = /*#__PURE__*/React.forwardRef(function TreeView(inProps, ref) {
817
817
 
818
818
  const activeDescendant = nodeMap.current[focusedNodeId] ? nodeMap.current[focusedNodeId].idAttribute : null;
819
819
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeViewContext.default.Provider, {
820
+ // TODO: fix lint error:
821
+ /// eslint-disable-next-line react/jsx-no-constructed-context-values
820
822
  value: {
821
823
  icons: {
822
824
  defaultCollapseIcon,
package/node/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.0-alpha.105
1
+ /** @license MUI v5.0.0-alpha.107
2
2
  *
3
3
  * This source code is licensed under the MIT license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/lab",
3
- "version": "5.0.0-alpha.105",
3
+ "version": "5.0.0-alpha.107",
4
4
  "private": false,
5
5
  "author": "MUI Team",
6
6
  "description": "Laboratory for new MUI modules.",
@@ -48,8 +48,8 @@
48
48
  },
49
49
  "dependencies": {
50
50
  "@babel/runtime": "^7.19.0",
51
- "@mui/base": "5.0.0-alpha.103",
52
- "@mui/system": "^5.10.10",
51
+ "@mui/base": "5.0.0-alpha.105",
52
+ "@mui/system": "^5.10.13",
53
53
  "@mui/types": "^7.2.0",
54
54
  "@mui/utils": "^5.10.9",
55
55
  "clsx": "^1.2.1",