@mui/material 5.14.10 → 5.14.11

package/Autocomplete/Autocomplete.d.ts

@@ -7,6 +7,7 @@ import {
   AutocompleteChangeReason,
   AutocompleteCloseReason,
   AutocompleteInputChangeReason,
+  AutocompleteValue,
   createFilterOptions,
   UseAutocompleteProps,
   AutocompleteFreeSoloValueMapping,
@@ -22,6 +23,7 @@ export {
   AutocompleteChangeReason,
   AutocompleteCloseReason,
   AutocompleteInputChangeReason,
+  AutocompleteValue,
   createFilterOptions,
 };
 

package/CHANGELOG.md

@@ -1,5 +1,83 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.14.11
+
+<!-- generated comparing v5.14.10..master -->
+
+_Sep 26, 2023_
+
+A big thanks to the 23 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@5.14.11`
+
+- [Autocomplete] Re-export `AutocompleteValue` to make it available from path import (#38638) @vadimka123
+- [Select][material-ui] Missing aria-multiselectable attribute on multiple Select component (#38855) @gitstart
+- [l10n] labelDisplayedRows is added for trTR localization (#39056) @tebersefa
+
+### `@mui/utils@5.14.11`
+
+- Support RSC in `isMuiElement` util (#38129) @sai6855
+
+### `@mui/base@5.0.0-beta.17`
+
+- [NumberInput] Support adornments (#38900) @anle9650
+- [Menu] Align external props handling for useMenu/MenuButton/MenuItem (#38946) @mj12albert
+- [Select] Align external props handling (#39038) @mj12albert
+- [TextareaAutosize] Simplify logic and add test (#38728) @oliviertassinari
+
+### `@mui/joy@5.0.0-beta.8`
+
+- [Button] Fix disabled button styling when component prop is provided (#38996) @sai6855
+- [Drawer] Add missing `JoyDrawer` in theme components (#39074) @Studio384
+
+### `@mui/material-next@6.0.0-alpha.103`
+
+- [FormControl] Copy v5 FormControl (#39039) @mj12albert
+
+### `@mui/lab@5.0.0-alpha.146`
+
+- [TreeView] Fix JSDoc comments in TreeView and TreeItem (#38874) @jergason
+
+### Docs
+
+- Improve focus trap demo (#38985) @oliviertassinari
+- Add Tailwind CSS + plain CSS demo on the Tabs page (#39000) @alisasanib
+- Improve the default theme viewer design (#39049) @danilo-leal
+- Add live demo with CssVarsProvider (#38792) @oliviertassinari
+- Fix wrong hash on Card's page (#39151) @mnajdova
+- Revise the Drawer page (#38988) @danilo-leal
+- Simplify the button's loading indicator demo (#39082) @danilo-leal
+- Fix the Templates link on the Overview page (#39086) @danilo-leal
+- Refine the Sign in template (#38942) @zanivan
+- Add `use-count-up` integration with the Circular Progress (#38952) @anon-phantom
+
+### Core
+
+- [blog] Add a company values blog post (#38802) @mikailaread
+- [core] Downgrade lerna to 7.2.0 (#39149) @michaldudak
+- [core] Simplify docs feedback interaction (#39075) @alexfauquette
+- [core] Improve ref type definition (#38903) @oliviertassinari
+- [core] Simplify career (#39112) @oliviertassinari
+- [core] Update Babel types along with source packages (#39070) @michaldudak
+- [core] Add a comment to explain `useEnhancedEffect` (#39035) @Janpot
+- [docs-infra] Fix code removal in table of content (#39165) @alexfauquette
+- [docs-infra] Improve callouts design (#39084) @danilo-leal
+- [docs-infra] Fix key warning in Base UI Slider slots section (#38954) @ZeeshanTamboli
+- [docs-infra] Fix error when redirecting to the root page (#38451) @maheshguntur
+- [docs-infra] Open demo crash in the right repository (#39006) @oliviertassinari
+- [test] Split the test package (#39061) @michaldudak
+- [website] React Engineer - xCharts role (#38976) @DanailH
+- [website] Improve the highlighter component colors (#39087) @danilo-leal
+- [website] Fix Pricing page row hover (#39097) @danilo-leal
+- [website] Fix typo with straight quote @oliviertassinari
+- [website] Sync about page @oliviertassinari
+- [website] Update the about page (#38733) @danilo-leal
+- [website] Small fixes on the X marketing page (#38975) @flaviendelangle
+- [website] Add stray design tweaks to the X page (#38589) @danilo-leal
+
+All contributors of this release in alphabetical order: @alexfauquette, @alisasanib, @anle9650, @anon-phantom, @DanailH, @danilo-leal, @DiegoAndai, @flaviendelangle, @gitstart, @Janpot, @jergason, @maheshguntur, @michaldudak, @mikailaread, @mj12albert, @mnajdova, @oliviertassinari, @sai6855, @Studio384, @tebersefa, @vadimka123, @zanivan, @ZeeshanTamboli
+
 ## 5.14.10
 
 <!-- generated comparing v5.14.9..master -->

package/Select/SelectInput.js

@@ -493,6 +493,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       MenuListProps: _extends({
         'aria-labelledby': labelId,
         role: 'listbox',
+        'aria-multiselectable': multiple ? 'true' : undefined,
         disableListWrap: true
       }, MenuProps.MenuListProps),
       slotProps: {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.10
+ * @mui/material v5.14.11
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/Select/SelectInput.js

@@ -504,6 +504,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, ref)
       MenuListProps: _extends({
         'aria-labelledby': labelId,
         role: 'listbox',
+        'aria-multiselectable': multiple ? 'true' : undefined,
         disableListWrap: true
       }, MenuProps.MenuListProps),
       slotProps: {

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.10
+ * @mui/material v5.14.11
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/locale/index.js

@@ -3791,12 +3791,15 @@ export var trTR = {
           // if (type === 'previous') {
           return 'Önceki sayfaya git';
         },
-        labelRowsPerPage: 'Sayfa başına satır:'
-        // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} tanesinden ${count !== -1 ? count : `more than ${to}`}`,
+        labelRowsPerPage: 'Sayfa başına satır:',
+        labelDisplayedRows: function labelDisplayedRows(_ref41) {
+          var from = _ref41.from,
+            to = _ref41.to,
+            count = _ref41.count;
+          return "".concat(from, "-").concat(to, " / ").concat(count !== -1 ? count : "".concat(to, "'den fazla"));
+        }
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: function getLabelText(value) {
@@ -3867,10 +3870,10 @@ export var tlTL = {
           return 'Pumunta sa nakaraang pahina';
         },
         labelRowsPerPage: 'Mga hilera bawat pahina:',
-        labelDisplayedRows: function labelDisplayedRows(_ref41) {
-          var from = _ref41.from,
-            to = _ref41.to,
-            count = _ref41.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref42) {
+          var from = _ref42.from,
+            to = _ref42.to,
+            count = _ref42.count;
           return "".concat(from, "\u2013").concat(to, " ng ").concat(count !== -1 ? count : "higit sa ".concat(to));
         }
       }
@@ -3943,10 +3946,10 @@ export var ukUA = {
           return 'Перейти на попередню сторінку';
         },
         labelRowsPerPage: 'Рядків на сторінці:',
-        labelDisplayedRows: function labelDisplayedRows(_ref42) {
-          var from = _ref42.from,
-            to = _ref42.to,
-            count = _ref42.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref43) {
+          var from = _ref43.from,
+            to = _ref43.to,
+            count = _ref43.count;
           return "".concat(from, "\u2013").concat(to, " \u0437 ").concat(count !== -1 ? count : "\u043F\u043E\u043D\u0430\u0434 ".concat(to));
         }
       }
@@ -4026,10 +4029,10 @@ export var urPK = {
           return 'پچھلے صفحے پر جائیں';
         },
         labelRowsPerPage: 'ایک صفحے پر قطاریں:',
-        labelDisplayedRows: function labelDisplayedRows(_ref43) {
-          var from = _ref43.from,
-            to = _ref43.to,
-            count = _ref43.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref44) {
+          var from = _ref44.from,
+            to = _ref44.to,
+            count = _ref44.count;
           return "".concat(count !== -1 ? "".concat(count, " \u0645\u06CC\u06BA \u0633\u06D2") : "".concat(to, " \u0633\u06D2 \u0630\u06CC\u0627\u062F\u06C1 \u0645\u06CC\u06BA \u0633\u06D2"), " ").concat(from, " \u0633\u06D2 ").concat(to, " \u0642\u0637\u0627\u0631\u06CC\u06BA");
         }
       }
@@ -4102,10 +4105,10 @@ export var viVN = {
           return 'Về trang trước đó';
         },
         labelRowsPerPage: 'Số hàng mỗi trang:',
-        labelDisplayedRows: function labelDisplayedRows(_ref44) {
-          var from = _ref44.from,
-            to = _ref44.to,
-            count = _ref44.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref45) {
+          var from = _ref45.from,
+            to = _ref45.to,
+            count = _ref45.count;
           return "".concat(from, "\u2013").concat(to, " trong ").concat(count !== -1 ? count : "nhi\u1EC1u h\u01A1n ".concat(to));
         }
       }
@@ -4177,10 +4180,10 @@ export var zhCN = {
           return '上一页';
         },
         labelRowsPerPage: '每页行数:',
-        labelDisplayedRows: function labelDisplayedRows(_ref45) {
-          var from = _ref45.from,
-            to = _ref45.to,
-            count = _ref45.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref46) {
+          var from = _ref46.from,
+            to = _ref46.to,
+            count = _ref46.count;
           return "\u7B2C ".concat(from, " \u6761\u5230\u7B2C ").concat(to, " \u6761\uFF0C").concat(count !== -1 ? "\u5171 ".concat(count, " \u6761") : "\u81F3\u5C11 ".concat(to, " \u6761"));
         }
       }
@@ -4231,10 +4234,10 @@ export var zhHK = {
           return '上一頁';
         },
         labelRowsPerPage: '每頁行數:',
-        labelDisplayedRows: function labelDisplayedRows(_ref46) {
-          var from = _ref46.from,
-            to = _ref46.to,
-            count = _ref46.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref47) {
+          var from = _ref47.from,
+            to = _ref47.to,
+            count = _ref47.count;
           return "\u7B2C ".concat(from, " \u9805\u81F3\u7B2C ").concat(to, " \u9805\uFF0C").concat(count !== -1 ? "\u5171 ".concat(count, " \u9805") : "\u8D85\u904E ".concat(to, " \u9805"));
         }
       }
@@ -4285,10 +4288,10 @@ export var zhTW = {
           return '上一頁';
         },
         labelRowsPerPage: '每頁數量:',
-        labelDisplayedRows: function labelDisplayedRows(_ref47) {
-          var from = _ref47.from,
-            to = _ref47.to,
-            count = _ref47.count;
+        labelDisplayedRows: function labelDisplayedRows(_ref48) {
+          var from = _ref48.from,
+            to = _ref48.to,
+            count = _ref48.count;
           return "".concat(from, " ~ ").concat(to, " / ").concat(count !== -1 ? count : "".concat(to, " \u4EE5\u4E0A"));
         }
       }

package/locale/index.js

@@ -3679,12 +3679,14 @@ export const trTR = {
           // if (type === 'previous') {
           return 'Önceki sayfaya git';
         },
-        labelRowsPerPage: 'Sayfa başına satır:'
-        // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} tanesinden ${count !== -1 ? count : `more than ${to}`}`,
+        labelRowsPerPage: 'Sayfa başına satır:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}-${to} / ${count !== -1 ? count : `${to}'den fazla`}`
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Yıldız`,

package/modern/Select/SelectInput.js

@@ -492,6 +492,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       MenuListProps: _extends({
         'aria-labelledby': labelId,
         role: 'listbox',
+        'aria-multiselectable': multiple ? 'true' : undefined,
         disableListWrap: true
       }, MenuProps.MenuListProps),
       slotProps: {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.10
+ * @mui/material v5.14.11
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/locale/index.js

@@ -3679,12 +3679,14 @@ export const trTR = {
           // if (type === 'previous') {
           return 'Önceki sayfaya git';
         },
-        labelRowsPerPage: 'Sayfa başına satır:'
-        // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} tanesinden ${count !== -1 ? count : `more than ${to}`}`,
+        labelRowsPerPage: 'Sayfa başına satır:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}-${to} / ${count !== -1 ? count : `${to}'den fazla`}`
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Yıldız`,

package/node/Select/SelectInput.js

@@ -499,6 +499,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       MenuListProps: (0, _extends2.default)({
         'aria-labelledby': labelId,
         role: 'listbox',
+        'aria-multiselectable': multiple ? 'true' : undefined,
         disableListWrap: true
       }, MenuProps.MenuListProps),
       slotProps: {

package/node/TablePagination/TablePagination.js

@@ -8,7 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
@@ -223,7 +224,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
           // TODO v5 remove `selectIcon`
           icon: (0, _clsx.default)(classes.selectIcon, (SelectProps.classes || {}).icon)
         }),
-        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/(0, React.createElement)(MenuItemComponent, (0, _extends2.default)({}, !(0, _base.isHostComponent)(MenuItemComponent) && {
+        children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/(0, _react.createElement)(MenuItemComponent, (0, _extends2.default)({}, !(0, _base.isHostComponent)(MenuItemComponent) && {
           ownerState
         }, {
           className: classes.menuItem,

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.10
+ * @mui/material v5.14.11
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/locale/index.js

@@ -3730,12 +3730,14 @@ const trTR = {
           // if (type === 'previous') {
           return 'Önceki sayfaya git';
         },
-        labelRowsPerPage: 'Sayfa başına satır:'
-        // labelDisplayedRows: ({ from, to, count }) =>
-        //   `${from}–${to} tanesinden ${count !== -1 ? count : `more than ${to}`}`,
+        labelRowsPerPage: 'Sayfa başına satır:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}-${to} / ${count !== -1 ? count : `${to}'den fazla`}`
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Yıldız`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.14.10",
+  "version": "5.14.11",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -28,11 +28,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.22.15",
-    "@mui/base": "5.0.0-beta.16",
-    "@mui/core-downloads-tracker": "^5.14.10",
-    "@mui/system": "^5.14.10",
+    "@mui/base": "5.0.0-beta.17",
+    "@mui/core-downloads-tracker": "^5.14.11",
+    "@mui/system": "^5.14.11",
     "@mui/types": "^7.2.4",
-    "@mui/utils": "^5.14.10",
+    "@mui/utils": "^5.14.11",
     "@types/react-transition-group": "^4.4.6",
     "clsx": "^2.0.0",
     "csstype": "^3.1.2",

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.10
+ * @mui/material v5.14.11
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -1983,7 +1983,11 @@
   }
 
   function isMuiElement(element, muiNames) {
-    return /*#__PURE__*/React__namespace.isValidElement(element) && muiNames.indexOf(element.type.muiName) !== -1;
+    var _muiName, _element$type;
+    return /*#__PURE__*/React__namespace.isValidElement(element) && muiNames.indexOf( // For server components `muiName` is avaialble in element.type._payload.value.muiName
+    // relevant info - https://github.com/facebook/react/blob/2807d781a08db8e9873687fccc25c0f12b4fb3d4/packages/react/src/ReactLazy.js#L45
+    // eslint-disable-next-line no-underscore-dangle
+    (_muiName = element.type.muiName) != null ? _muiName : (_element$type = element.type) == null || (_element$type = _element$type._payload) == null || (_element$type = _element$type.value) == null ? void 0 : _element$type.muiName) !== -1;
   }
 
   function ownerDocument(node) {
@@ -2037,6 +2041,13 @@
     }
   }
 
+  /**
+   * A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.
+   * This is useful for effects that are only needed for client-side rendering but not for SSR.
+   *
+   * Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
+   * and confirm it doesn't apply to your use-case.
+   */
   const useEnhancedEffect = typeof window !== 'undefined' ? React__namespace.useLayoutEffect : React__namespace.useEffect;
   var useEnhancedEffect$1 = useEnhancedEffect;
 
@@ -8867,11 +8878,11 @@ try {
        */
       disableStyleSheetGeneration: PropTypes.bool,
       /**
-       * Disable CSS transitions when switching between modes or color schemes
+       * Disable CSS transitions when switching between modes or color schemes.
        */
       disableTransitionOnChange: PropTypes.bool,
       /**
-       * The document to attach the attribute to
+       * The document to attach the attribute to.
        */
       documentNode: PropTypes.any,
       /**
@@ -8879,7 +8890,7 @@ try {
        */
       modeStorageKey: PropTypes.string,
       /**
-       * The window that attaches the 'storage' event listener
+       * The window that attaches the 'storage' event listener.
        * @default window
        */
       storageWindow: PropTypes.any,
@@ -19600,64 +19611,51 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       if (isEmpty$1(newState)) {
         return;
       }
-      setState(prevState => {
-        return updateState(prevState, newState);
-      });
+      setState(prevState => updateState(prevState, newState));
     }, [getUpdatedState]);
-    const syncHeightWithFlushSync = () => {
-      const newState = getUpdatedState();
-      if (isEmpty$1(newState)) {
-        return;
-      }
+    useEnhancedEffect$1(() => {
+      const syncHeightWithFlushSync = () => {
+        const newState = getUpdatedState();
+        if (isEmpty$1(newState)) {
+          return;
+        }
 
-      // In React 18, state updates in a ResizeObserver's callback are happening after the paint which causes flickering
-      // when doing some visual updates in it. Using flushSync ensures that the dom will be painted after the states updates happen
-      // Related issue - https://github.com/facebook/react/issues/24331
-      ReactDOM__namespace.flushSync(() => {
-        setState(prevState => {
-          return updateState(prevState, newState);
+        // In React 18, state updates in a ResizeObserver's callback are happening after
+        // the paint, this leads to an infinite rendering.
+        //
+        // Using flushSync ensures that the states is updated before the next pain.
+        // Related issue - https://github.com/facebook/react/issues/24331
+        ReactDOM__namespace.flushSync(() => {
+          setState(prevState => updateState(prevState, newState));
         });
-      });
-    };
-    React__namespace.useEffect(() => {
+      };
       const handleResize = () => {
         renders.current = 0;
-
-        // If the TextareaAutosize component is replaced by Suspense with a fallback, the last
-        // ResizeObserver's handler that runs because of the change in the layout is trying to
-        // access a dom node that is no longer there (as the fallback component is being shown instead).
-        // See https://github.com/mui/material-ui/issues/32640
-        if (inputRef.current) {
-          syncHeightWithFlushSync();
-        }
+        syncHeightWithFlushSync();
       };
-      const handleResizeWindow = debounce$1(() => {
-        renders.current = 0;
-
-        // If the TextareaAutosize component is replaced by Suspense with a fallback, the last
-        // ResizeObserver's handler that runs because of the change in the layout is trying to
-        // access a dom node that is no longer there (as the fallback component is being shown instead).
-        // See https://github.com/mui/material-ui/issues/32640
-        if (inputRef.current) {
-          syncHeightWithFlushSync();
-        }
-      });
-      let resizeObserver;
+      // Workaround a "ResizeObserver loop completed with undelivered notifications" error
+      // in test.
+      // Note that we might need to use this logic in production per https://github.com/WICG/resize-observer/issues/38
+      // Also see https://github.com/mui/mui-x/issues/8733
+      let rAF;
+      const debounceHandleResize = debounce$1(handleResize);
       const input = inputRef.current;
       const containerWindow = ownerWindow(input);
-      containerWindow.addEventListener('resize', handleResizeWindow);
+      containerWindow.addEventListener('resize', debounceHandleResize);
+      let resizeObserver;
       if (typeof ResizeObserver !== 'undefined') {
         resizeObserver = new ResizeObserver(handleResize);
         resizeObserver.observe(input);
       }
       return () => {
-        handleResizeWindow.clear();
-        containerWindow.removeEventListener('resize', handleResizeWindow);
+        debounceHandleResize.clear();
+        cancelAnimationFrame(rAF);
+        containerWindow.removeEventListener('resize', debounceHandleResize);
         if (resizeObserver) {
           resizeObserver.disconnect();
         }
       };
-    });
+    }, [getUpdatedState]);
     useEnhancedEffect$1(() => {
       syncHeight();
     });
@@ -40239,6 +40237,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         MenuListProps: _extends({
           'aria-labelledby': labelId,
           role: 'listbox',
+          'aria-multiselectable': multiple ? 'true' : undefined,
           disableListWrap: true
         }, MenuProps.MenuListProps),
         slotProps: {