@mui/lab 5.0.0-alpha.104 → 5.0.0-alpha.106

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 (66) hide show
  1. package/CHANGELOG.md +356 -194
  2. package/LoadingButton/loadingButtonClasses.js +2 -1
  3. package/Masonry/masonryClasses.js +2 -1
  4. package/TabPanel/tabPanelClasses.js +2 -1
  5. package/Timeline/Timeline.js +4 -3
  6. package/Timeline/timelineClasses.js +2 -1
  7. package/TimelineConnector/timelineConnectorClasses.js +2 -1
  8. package/TimelineContent/timelineContentClasses.js +2 -1
  9. package/TimelineDot/timelineDotClasses.js +2 -1
  10. package/TimelineItem/TimelineItem.js +4 -3
  11. package/TimelineItem/timelineItemClasses.js +2 -1
  12. package/TimelineOppositeContent/timelineOppositeContentClasses.js +2 -1
  13. package/TimelineSeparator/timelineSeparatorClasses.js +2 -1
  14. package/TreeItem/treeItemClasses.js +2 -1
  15. package/TreeView/TreeView.js +2 -0
  16. package/TreeView/treeViewClasses.js +2 -1
  17. package/index.js +1 -1
  18. package/legacy/LoadingButton/loadingButtonClasses.js +2 -1
  19. package/legacy/Masonry/masonryClasses.js +2 -1
  20. package/legacy/TabPanel/tabPanelClasses.js +2 -1
  21. package/legacy/Timeline/Timeline.js +6 -3
  22. package/legacy/Timeline/timelineClasses.js +2 -1
  23. package/legacy/TimelineConnector/timelineConnectorClasses.js +2 -1
  24. package/legacy/TimelineContent/timelineContentClasses.js +2 -1
  25. package/legacy/TimelineDot/timelineDotClasses.js +2 -1
  26. package/legacy/TimelineItem/TimelineItem.js +6 -3
  27. package/legacy/TimelineItem/timelineItemClasses.js +2 -1
  28. package/legacy/TimelineOppositeContent/timelineOppositeContentClasses.js +2 -1
  29. package/legacy/TimelineSeparator/timelineSeparatorClasses.js +2 -1
  30. package/legacy/TreeItem/treeItemClasses.js +2 -1
  31. package/legacy/TreeView/TreeView.js +2 -0
  32. package/legacy/TreeView/treeViewClasses.js +2 -1
  33. package/legacy/index.js +1 -1
  34. package/modern/LoadingButton/loadingButtonClasses.js +2 -1
  35. package/modern/Masonry/masonryClasses.js +2 -1
  36. package/modern/TabPanel/tabPanelClasses.js +2 -1
  37. package/modern/Timeline/Timeline.js +4 -3
  38. package/modern/Timeline/timelineClasses.js +2 -1
  39. package/modern/TimelineConnector/timelineConnectorClasses.js +2 -1
  40. package/modern/TimelineContent/timelineContentClasses.js +2 -1
  41. package/modern/TimelineDot/timelineDotClasses.js +2 -1
  42. package/modern/TimelineItem/TimelineItem.js +4 -3
  43. package/modern/TimelineItem/timelineItemClasses.js +2 -1
  44. package/modern/TimelineOppositeContent/timelineOppositeContentClasses.js +2 -1
  45. package/modern/TimelineSeparator/timelineSeparatorClasses.js +2 -1
  46. package/modern/TreeItem/treeItemClasses.js +2 -1
  47. package/modern/TreeView/TreeView.js +2 -0
  48. package/modern/TreeView/treeViewClasses.js +2 -1
  49. package/modern/index.js +1 -1
  50. package/node/LoadingButton/loadingButtonClasses.js +7 -3
  51. package/node/Masonry/masonryClasses.js +7 -3
  52. package/node/TabPanel/tabPanelClasses.js +7 -3
  53. package/node/Timeline/Timeline.js +4 -3
  54. package/node/Timeline/timelineClasses.js +7 -3
  55. package/node/TimelineConnector/timelineConnectorClasses.js +7 -3
  56. package/node/TimelineContent/timelineContentClasses.js +7 -3
  57. package/node/TimelineDot/timelineDotClasses.js +7 -3
  58. package/node/TimelineItem/TimelineItem.js +4 -3
  59. package/node/TimelineItem/timelineItemClasses.js +7 -3
  60. package/node/TimelineOppositeContent/timelineOppositeContentClasses.js +7 -3
  61. package/node/TimelineSeparator/timelineSeparatorClasses.js +7 -3
  62. package/node/TreeItem/treeItemClasses.js +7 -3
  63. package/node/TreeView/TreeView.js +2 -0
  64. package/node/TreeView/treeViewClasses.js +7 -3
  65. package/node/index.js +1 -1
  66. package/package.json +3 -3
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getTimelineContentUtilityClass = getTimelineContentUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _generateUtilityClass = _interopRequireDefault(require("@mui/material/generateUtilityClass"));
12
+
13
+ var _generateUtilityClasses = _interopRequireDefault(require("@mui/material/generateUtilityClasses"));
10
14
 
11
15
  function getTimelineContentUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiTimelineContent', slot);
16
+ return (0, _generateUtilityClass.default)('MuiTimelineContent', slot);
13
17
  }
14
18
 
15
- const timelineContentClasses = (0, _base.generateUtilityClasses)('MuiTimelineContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
19
+ const timelineContentClasses = (0, _generateUtilityClasses.default)('MuiTimelineContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
16
20
  var _default = timelineContentClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getTimelineDotUtilityClass = getTimelineDotUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _generateUtilityClass = _interopRequireDefault(require("@mui/material/generateUtilityClass"));
12
+
13
+ var _generateUtilityClasses = _interopRequireDefault(require("@mui/material/generateUtilityClasses"));
10
14
 
11
15
  function getTimelineDotUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiTimelineDot', slot);
16
+ return (0, _generateUtilityClass.default)('MuiTimelineDot', slot);
13
17
  }
14
18
 
15
- const timelineDotClasses = (0, _base.generateUtilityClasses)('MuiTimelineDot', ['root', 'filled', 'outlined', 'filledGrey', 'outlinedGrey', 'filledPrimary', 'outlinedPrimary', 'filledSecondary', 'outlinedSecondary']);
19
+ const timelineDotClasses = (0, _generateUtilityClasses.default)('MuiTimelineDot', ['root', 'filled', 'outlined', 'filledGrey', 'outlinedGrey', 'filledPrimary', 'outlinedPrimary', 'filledSecondary', 'outlinedSecondary']);
16
20
  var _default = timelineDotClasses;
17
21
  exports.default = _default;
@@ -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,
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getTimelineItemUtilityClass = getTimelineItemUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _generateUtilityClass = _interopRequireDefault(require("@mui/material/generateUtilityClass"));
12
+
13
+ var _generateUtilityClasses = _interopRequireDefault(require("@mui/material/generateUtilityClasses"));
10
14
 
11
15
  function getTimelineItemUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiTimelineItem', slot);
16
+ return (0, _generateUtilityClass.default)('MuiTimelineItem', slot);
13
17
  }
14
18
 
15
- const timelineItemClasses = (0, _base.generateUtilityClasses)('MuiTimelineItem', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'missingOppositeContent']);
19
+ const timelineItemClasses = (0, _generateUtilityClasses.default)('MuiTimelineItem', ['root', 'positionLeft', 'positionRight', 'positionAlternate', 'missingOppositeContent']);
16
20
  var _default = timelineItemClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getTimelineOppositeContentUtilityClass = getTimelineOppositeContentUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _generateUtilityClass = _interopRequireDefault(require("@mui/material/generateUtilityClass"));
12
+
13
+ var _generateUtilityClasses = _interopRequireDefault(require("@mui/material/generateUtilityClasses"));
10
14
 
11
15
  function getTimelineOppositeContentUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiTimelineOppositeContent', slot);
16
+ return (0, _generateUtilityClass.default)('MuiTimelineOppositeContent', slot);
13
17
  }
14
18
 
15
- const timelineOppositeContentClasses = (0, _base.generateUtilityClasses)('MuiTimelineOppositeContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
19
+ const timelineOppositeContentClasses = (0, _generateUtilityClasses.default)('MuiTimelineOppositeContent', ['root', 'positionLeft', 'positionRight', 'positionAlternate']);
16
20
  var _default = timelineOppositeContentClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getTimelineSeparatorUtilityClass = getTimelineSeparatorUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _generateUtilityClass = _interopRequireDefault(require("@mui/material/generateUtilityClass"));
12
+
13
+ var _generateUtilityClasses = _interopRequireDefault(require("@mui/material/generateUtilityClasses"));
10
14
 
11
15
  function getTimelineSeparatorUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiTimelineSeparator', slot);
16
+ return (0, _generateUtilityClass.default)('MuiTimelineSeparator', slot);
13
17
  }
14
18
 
15
- const timelineSeparatorClasses = (0, _base.generateUtilityClasses)('MuiTimelineSeparator', ['root']);
19
+ const timelineSeparatorClasses = (0, _generateUtilityClasses.default)('MuiTimelineSeparator', ['root']);
16
20
  var _default = timelineSeparatorClasses;
17
21
  exports.default = _default;
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getTreeItemUtilityClass = getTreeItemUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _generateUtilityClass = _interopRequireDefault(require("@mui/material/generateUtilityClass"));
12
+
13
+ var _generateUtilityClasses = _interopRequireDefault(require("@mui/material/generateUtilityClasses"));
10
14
 
11
15
  function getTreeItemUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiTreeItem', slot);
16
+ return (0, _generateUtilityClass.default)('MuiTreeItem', slot);
13
17
  }
14
18
 
15
- const treeItemClasses = (0, _base.generateUtilityClasses)('MuiTreeItem', ['root', 'group', 'content', 'expanded', 'selected', 'focused', 'disabled', 'iconContainer', 'label']);
19
+ const treeItemClasses = (0, _generateUtilityClasses.default)('MuiTreeItem', ['root', 'group', 'content', 'expanded', 'selected', 'focused', 'disabled', 'iconContainer', 'label']);
16
20
  var _default = treeItemClasses;
17
21
  exports.default = _default;
@@ -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,
@@ -1,17 +1,21 @@
1
1
  "use strict";
2
2
 
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
3
5
  Object.defineProperty(exports, "__esModule", {
4
6
  value: true
5
7
  });
6
8
  exports.default = void 0;
7
9
  exports.getTreeViewUtilityClass = getTreeViewUtilityClass;
8
10
 
9
- var _base = require("@mui/base");
11
+ var _generateUtilityClass = _interopRequireDefault(require("@mui/material/generateUtilityClass"));
12
+
13
+ var _generateUtilityClasses = _interopRequireDefault(require("@mui/material/generateUtilityClasses"));
10
14
 
11
15
  function getTreeViewUtilityClass(slot) {
12
- return (0, _base.generateUtilityClass)('MuiTreeView', slot);
16
+ return (0, _generateUtilityClass.default)('MuiTreeView', slot);
13
17
  }
14
18
 
15
- const treeViewClasses = (0, _base.generateUtilityClasses)('MuiTreeView', ['root']);
19
+ const treeViewClasses = (0, _generateUtilityClasses.default)('MuiTreeView', ['root']);
16
20
  var _default = treeViewClasses;
17
21
  exports.default = _default;
package/node/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license MUI v5.0.0-alpha.104
1
+ /** @license MUI v5.0.0-alpha.106
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.104",
3
+ "version": "5.0.0-alpha.106",
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.102",
52
- "@mui/system": "^5.10.10",
51
+ "@mui/base": "5.0.0-alpha.104",
52
+ "@mui/system": "^5.10.12",
53
53
  "@mui/types": "^7.2.0",
54
54
  "@mui/utils": "^5.10.9",
55
55
  "clsx": "^1.2.1",