@mui/lab 5.0.0-alpha.81 → 5.0.0-alpha.84

package/legacy/Masonry/Masonry.js

@@ -15,6 +15,12 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 export var parseToNumber = function parseToNumber(val) {
   return Number(val.replace('px', ''));
 };
+var lineBreakStyle = {
+  flexBasis: '100%',
+  width: 0,
+  margin: 0,
+  padding: 0
+};
 
 var useUtilityClasses = function useUtilityClasses(ownerState) {
   var classes = ownerState.classes;
@@ -31,13 +37,13 @@ export var getStyle = function getStyle(_ref) {
     width: '100%',
     display: 'flex',
     flexFlow: 'column wrap',
-    alignContent: 'space-between',
+    alignContent: 'flex-start',
     boxSizing: 'border-box',
     '& > *': {
       boxSizing: 'border-box'
     }
   };
-  var stylesSSR = {};
+  var stylesSSR = {}; // Only applicable for Server-Side Rendering
 
   if (ownerState.isSSR) {
     var orderStyleSSR = {};
@@ -253,13 +259,7 @@ var Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
       return resizeObserver ? resizeObserver.disconnect() : {};
     };
   }, [columns, spacing, children]);
-  var handleRef = useForkRef(ref, masonryRef);
-  var lineBreakStyle = {
-    flexBasis: '100%',
-    width: 0,
-    margin: 0,
-    padding: 0
-  }; //  columns are likely to have different heights and hence can start to merge;
+  var handleRef = useForkRef(ref, masonryRef); //  columns are likely to have different heights and hence can start to merge;
   //  a line break at the end of each column prevents columns from merging
 
   var lineBreaks = new Array(numberOfLineBreaks).fill('').map(function (_, index) {

package/legacy/TreeItem/TreeItem.js

@@ -247,7 +247,7 @@ var TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
      *
      * If the tree does not support multiple selection, aria-selected
      * is set to true for the selected node and it is not present on any other node in the tree.
-     * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView
+     * Source: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
      */
     ariaSelected = true;
   }

package/legacy/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.81
+/** @license MUI v5.0.0-alpha.84
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/Masonry/Masonry.js

@@ -14,6 +14,12 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 export const parseToNumber = val => {
   return Number(val.replace('px', ''));
 };
+const lineBreakStyle = {
+  flexBasis: '100%',
+  width: 0,
+  margin: 0,
+  padding: 0
+};
 
 const useUtilityClasses = ownerState => {
   const {
@@ -33,13 +39,13 @@ export const getStyle = ({
     width: '100%',
     display: 'flex',
     flexFlow: 'column wrap',
-    alignContent: 'space-between',
+    alignContent: 'flex-start',
     boxSizing: 'border-box',
     '& > *': {
       boxSizing: 'border-box'
     }
   };
-  const stylesSSR = {};
+  const stylesSSR = {}; // Only applicable for Server-Side Rendering
 
   if (ownerState.isSSR) {
     const orderStyleSSR = {};
@@ -245,13 +251,7 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
 
     return () => resizeObserver ? resizeObserver.disconnect() : {};
   }, [columns, spacing, children]);
-  const handleRef = useForkRef(ref, masonryRef);
-  const lineBreakStyle = {
-    flexBasis: '100%',
-    width: 0,
-    margin: 0,
-    padding: 0
-  }; //  columns are likely to have different heights and hence can start to merge;
+  const handleRef = useForkRef(ref, masonryRef); //  columns are likely to have different heights and hence can start to merge;
   //  a line break at the end of each column prevents columns from merging
 
   const lineBreaks = new Array(numberOfLineBreaks).fill('').map((_, index) => /*#__PURE__*/_jsx("span", {

package/modern/TreeItem/TreeItem.js

@@ -245,7 +245,7 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
      *
      * If the tree does not support multiple selection, aria-selected
      * is set to true for the selected node and it is not present on any other node in the tree.
-     * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView
+     * Source: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
      */
     ariaSelected = true;
   }

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.81
+/** @license MUI v5.0.0-alpha.84
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/node/Masonry/Masonry.js

@@ -40,6 +40,12 @@ const parseToNumber = val => {
 };
 
 exports.parseToNumber = parseToNumber;
+const lineBreakStyle = {
+  flexBasis: '100%',
+  width: 0,
+  margin: 0,
+  padding: 0
+};
 
 const useUtilityClasses = ownerState => {
   const {
@@ -59,13 +65,13 @@ const getStyle = ({
     width: '100%',
     display: 'flex',
     flexFlow: 'column wrap',
-    alignContent: 'space-between',
+    alignContent: 'flex-start',
     boxSizing: 'border-box',
     '& > *': {
       boxSizing: 'border-box'
     }
   };
-  const stylesSSR = {};
+  const stylesSSR = {}; // Only applicable for Server-Side Rendering
 
   if (ownerState.isSSR) {
     const orderStyleSSR = {};
@@ -269,13 +275,7 @@ const Masonry = /*#__PURE__*/React.forwardRef(function Masonry(inProps, ref) {
 
     return () => resizeObserver ? resizeObserver.disconnect() : {};
   }, [columns, spacing, children]);
-  const handleRef = (0, _utils.unstable_useForkRef)(ref, masonryRef);
-  const lineBreakStyle = {
-    flexBasis: '100%',
-    width: 0,
-    margin: 0,
-    padding: 0
-  }; //  columns are likely to have different heights and hence can start to merge;
+  const handleRef = (0, _utils.unstable_useForkRef)(ref, masonryRef); //  columns are likely to have different heights and hence can start to merge;
   //  a line break at the end of each column prevents columns from merging
 
   const lineBreaks = new Array(numberOfLineBreaks).fill('').map((_, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/node/TreeItem/TreeItem.js

@@ -268,7 +268,7 @@ const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, ref) {
      *
      * If the tree does not support multiple selection, aria-selected
      * is set to true for the selected node and it is not present on any other node in the tree.
-     * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView
+     * Source: https://www.w3.org/WAI/ARIA/apg/patterns/treeview/
      */
     ariaSelected = true;
   }

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.0-alpha.81
+/** @license MUI v5.0.0-alpha.84
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.81",
+  "version": "5.0.0-alpha.84",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -28,6 +28,8 @@
     "url": "https://opencollective.com/mui"
   },
   "peerDependencies": {
+    "@emotion/react": "^11.5.0",
+    "@emotion/styled": "^11.3.0",
     "@mui/material": "^5.0.0",
     "@types/react": "^17.0.0 || ^18.0.0",
     "date-fns": "^2.25.0",
@@ -41,6 +43,12 @@
     "@types/react": {
       "optional": true
     },
+    "@emotion/react": {
+      "optional": true
+    },
+    "@emotion/styled": {
+      "optional": true
+    },
     "date-fns": {
       "optional": true
     },
@@ -56,10 +64,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.80",
-    "@mui/system": "^5.7.0",
-    "@mui/utils": "^5.7.0",
-    "@mui/x-date-pickers": "5.0.0-alpha.0",
+    "@mui/base": "5.0.0-alpha.83",
+    "@mui/system": "^5.8.2",
+    "@mui/utils": "^5.8.0",
+    "@mui/x-date-pickers": "5.0.0-alpha.1",
     "clsx": "^1.1.1",
     "prop-types": "^15.8.1",
     "react-is": "^17.0.2",