@mui/material 5.5.0 → 5.5.1

package/node/locale/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.srRS = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.nbNO = exports.kzKZ = exports.koKR = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hrHR = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.azAZ = exports.arSD = exports.arEG = exports.amET = void 0;
+exports.zhTW = exports.zhHK = exports.zhCN = exports.viVN = exports.ukUA = exports.trTR = exports.thTH = exports.svSE = exports.srRS = exports.skSK = exports.siLK = exports.ruRU = exports.roRO = exports.ptPT = exports.ptBR = exports.plPL = exports.nlNL = exports.nbNO = exports.mkMK = exports.kzKZ = exports.koKR = exports.khKH = exports.jaJP = exports.itIT = exports.isIS = exports.idID = exports.hyAM = exports.huHU = exports.hrHR = exports.hiIN = exports.heIL = exports.frFR = exports.fiFI = exports.faIR = exports.etEE = exports.esES = exports.enUS = exports.elGR = exports.deDE = exports.daDK = exports.csCZ = exports.caES = exports.bnBD = exports.bgBG = exports.azAZ = exports.arSD = exports.arEG = exports.amET = void 0;
 const amET = {
   components: {
     MuiBreadcrumbs: {
@@ -2315,8 +2315,93 @@ const kzKZ = {
       }
     }
   }
-};
+}; // Macedonian - Македонски
+
 exports.kzKZ = kzKZ;
+const mkMK = {
+  components: {
+    MuiBreadcrumbs: {
+      defaultProps: {
+        expandText: 'Прикажи патека'
+      }
+    },
+    MuiTablePagination: {
+      defaultProps: {
+        getItemAriaLabel: type => {
+          if (type === 'first') {
+            return 'Оди на прва страница';
+          }
+
+          if (type === 'last') {
+            return 'Оди на последна страница';
+          }
+
+          if (type === 'next') {
+            return 'Оди на следна страница';
+          } // if (type === 'previous') {
+
+
+          return 'Оди на предходна страница';
+        },
+        labelRowsPerPage: 'Редови по страница:',
+        labelDisplayedRows: ({
+          from,
+          to,
+          count
+        }) => `${from}–${to} од ${count !== -1 ? count : `повеќе од ${to}`}`
+      }
+    },
+    MuiRating: {
+      defaultProps: {
+        getLabelText: value => {
+          const lastDigit = value % 10;
+          return `${value} Ѕвезд${lastDigit === 1 ? 'а' : 'и'}`;
+        },
+        emptyLabelText: 'Празно'
+      }
+    },
+    MuiAutocomplete: {
+      defaultProps: {
+        clearText: 'Избриши',
+        closeText: 'Затвори',
+        loadingText: 'Се презема',
+        noOptionsText: 'Нема опција',
+        openText: 'Отвори'
+      }
+    },
+    MuiAlert: {
+      defaultProps: {
+        closeText: 'Затвори'
+      }
+    },
+    MuiPagination: {
+      defaultProps: {
+        'aria-label': 'Навигација низ страници',
+        getItemAriaLabel: (type, page, selected) => {
+          if (type === 'page') {
+            return `${selected ? '' : 'Оди на '}страница ${page}`;
+          }
+
+          if (type === 'first') {
+            return 'Оди на прва страница';
+          }
+
+          if (type === 'last') {
+            return 'Оди на последна страница';
+          }
+
+          if (type === 'next') {
+            return 'Оди на следна страница';
+          } // if (type === 'previous') {
+
+
+          return 'Оди на предходна страница';
+        }
+      }
+    }
+  }
+};
+exports.mkMK = mkMK;
 const nbNO = {
   components: {
     MuiBreadcrumbs: {

package/node/styles/zIndex.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 // like global values in the browser.
 const zIndex = {
   mobileStepper: 1000,
+  fab: 1050,
   speedDial: 1050,
   appBar: 1100,
   drawer: 1200,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.5.0",
+  "version": "5.5.1",
   "private": false,
   "author": "MUI Team",
   "description": "Quickly build beautiful React apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.",
@@ -46,9 +46,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.2",
-    "@mui/base": "5.0.0-alpha.71",
-    "@mui/system": "^5.5.0",
-    "@mui/types": "^7.1.2",
+    "@mui/base": "5.0.0-alpha.72",
+    "@mui/system": "^5.5.1",
+    "@mui/types": "^7.1.3",
     "@mui/utils": "^5.4.4",
     "@types/react-transition-group": "^4.4.4",
     "clsx": "^1.1.1",

package/styles/components.d.ts

@@ -368,6 +368,9 @@ export interface Components<Theme = unknown> {
     styleOverrides?: ComponentsOverrides<Theme>['MuiPaper'];
     variants?: ComponentsVariants['MuiPaper'];
   };
+  MuiPopper?: {
+    defaultProps?: ComponentsProps['MuiPopper'];
+  };
   MuiPopover?: {
     defaultProps?: ComponentsProps['MuiPopover'];
     styleOverrides?: ComponentsOverrides<Theme>['MuiPopover'];

package/styles/props.d.ts

@@ -115,6 +115,7 @@ import { ToolbarProps } from '../Toolbar';
 import { TooltipProps } from '../Tooltip';
 import { TouchRippleProps } from '../ButtonBase/TouchRipple';
 import { TypographyProps } from '../Typography';
+import { PopperProps } from '../Popper';
 
 export type ComponentsProps = {
   [Name in keyof ComponentsPropsList]?: Partial<ComponentsPropsList[Name]>;
@@ -195,6 +196,7 @@ export interface ComponentsPropsList {
   MuiPagination: PaginationProps;
   MuiPaginationItem: PaginationItemProps;
   MuiPaper: PaperProps;
+  MuiPopper: PopperProps;
   MuiPopover: PopoverProps;
   MuiRadio: RadioProps;
   MuiRadioGroup: RadioGroupProps;

package/styles/zIndex.d.ts

@@ -6,6 +6,7 @@ export interface ZIndex {
   modal: number;
   snackbar: number;
   tooltip: number;
+  fab: number;
 }
 
 export type ZIndexOptions = Partial<ZIndex>;

package/styles/zIndex.js

@@ -2,6 +2,7 @@
 // like global values in the browser.
 const zIndex = {
   mobileStepper: 1000,
+  fab: 1050,
   speedDial: 1050,
   appBar: 1100,
   drawer: 1200,

package/transitions/index.d.ts

@@ -1 +1 @@
-export * from './transition';
+export * from './transition';

package/transitions/transition.d.ts

@@ -1,13 +1,13 @@
-import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
-import * as React from 'react';
-export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
-export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
-export interface EasingProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    };
-}
-export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
-export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
-}
+import { TransitionProps as _TransitionProps, TransitionActions } from 'react-transition-group/Transition';
+import * as React from 'react';
+export declare type TransitionHandlerKeys = 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited';
+export declare type TransitionHandlerProps = Pick<_TransitionProps, TransitionHandlerKeys>;
+export interface EasingProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    };
+}
+export declare type TransitionKeys = 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'easing' | 'addEndListener' | TransitionHandlerKeys;
+export interface TransitionProps extends TransitionActions, Partial<Pick<_TransitionProps & EasingProps, TransitionKeys>>, React.HTMLAttributes<HTMLElement> {
+}

package/transitions/utils.d.ts

@@ -1,23 +1,23 @@
-import * as React from 'react';
-export declare const reflow: (node: Element) => number;
-interface ComponentProps {
-    easing: string | {
-        enter?: string;
-        exit?: string;
-    } | undefined;
-    style: React.CSSProperties | undefined;
-    timeout: number | {
-        enter?: number;
-        exit?: number;
-    };
-}
-interface Options {
-    mode: 'enter' | 'exit';
-}
-interface TransitionProps {
-    duration: string | number;
-    easing: string | undefined;
-    delay: string | undefined;
-}
-export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
-export {};
+import * as React from 'react';
+export declare const reflow: (node: Element) => number;
+interface ComponentProps {
+    easing: string | {
+        enter?: string;
+        exit?: string;
+    } | undefined;
+    style: React.CSSProperties | undefined;
+    timeout: number | {
+        enter?: number;
+        exit?: number;
+    };
+}
+interface Options {
+    mode: 'enter' | 'exit';
+}
+interface TransitionProps {
+    duration: string | number;
+    easing: string | undefined;
+    delay: string | undefined;
+}
+export declare function getTransitionProps(props: ComponentProps, options: Options): TransitionProps;
+export {};

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.5.0
+/** @license MUI v5.5.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -2042,7 +2042,7 @@
 
   var pkg = {
   	name: "@emotion/react",
-  	version: "11.8.1",
+  	version: "11.8.2",
   	main: "dist/emotion-react.cjs.js",
   	module: "dist/emotion-react.esm.js",
   	browser: {
@@ -2072,7 +2072,6 @@
   		"@emotion/babel-plugin": "^11.7.1",
   		"@emotion/cache": "^11.7.1",
   		"@emotion/serialize": "^1.0.2",
-  		"@emotion/sheet": "^1.1.0",
   		"@emotion/utils": "^1.1.0",
   		"@emotion/weak-memoize": "^0.2.5",
   		"hoist-non-react-statics": "^3.3.1"
@@ -2096,10 +2095,11 @@
   		"@emotion/server": "11.4.0",
   		"@emotion/styled": "11.8.1",
   		"@types/react": "^16.9.11",
-  		dtslint: "^0.3.0",
+  		dtslint: "^4.2.1",
   		"html-tag-names": "^1.1.2",
   		react: "16.14.0",
-  		"svg-tag-names": "^1.1.1"
+  		"svg-tag-names": "^1.1.1",
+  		typescript: "^4.5.5"
   	},
   	repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
   	publishConfig: {
@@ -2169,8 +2169,9 @@
 
     var sheetRef = React.useRef();
     useInsertionEffect$1(function () {
-      var key = cache.key + "-global";
-      var sheet = new StyleSheet({
+      var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
+
+      var sheet = new cache.sheet.constructor({
         key: key,
         nonce: cache.sheet.nonce,
         container: cache.sheet.container,
@@ -9489,6 +9490,10 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
 
     var currentNode = getParentNode(element);
 
+    if (isShadowRoot(currentNode)) {
+      currentNode = currentNode.host;
+    }
+
     while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
       var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that
       // create a containing block.
@@ -9721,7 +9726,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
 
       if (placement === top || (placement === left || placement === right) && variation === end) {
         sideY = bottom;
-        var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
+        var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
         offsetParent[heightProp];
         y -= offsetY - popperRect.height;
         y *= gpuAcceleration ? 1 : -1;
@@ -9729,7 +9734,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
 
       if (placement === left || (placement === top || placement === bottom) && variation === end) {
         sideX = right;
-        var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
+        var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
         offsetParent[widthProp];
         x -= offsetX - popperRect.width;
         x *= gpuAcceleration ? 1 : -1;
@@ -14589,6 +14594,7 @@ const theme2 = createTheme({ palette: {
   // like global values in the browser.
   const zIndex = {
     mobileStepper: 1000,
+    fab: 1050,
     speedDial: 1050,
     appBar: 1100,
     drawer: 1200,
@@ -19323,8 +19329,12 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
    *
    * - [Popper API](https://mui.com/api/popper/)
    */
-  const Popper = /*#__PURE__*/React__namespace.forwardRef(function Popper(props, ref) {
+  const Popper = /*#__PURE__*/React__namespace.forwardRef(function Popper(inProps, ref) {
     const theme = useTheme$2();
+    const props = useThemeProps({
+      props: inProps,
+      name: 'MuiPopper'
+    });
     return /*#__PURE__*/jsxRuntime_1(PopperUnstyled$1, _extends({
       direction: theme == null ? void 0 : theme.direction
     }, props, {
@@ -20814,7 +20824,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
     /**
-     * If `true`, a `textarea` element is rendered.
+     * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
      * @default false
      */
     multiline: PropTypes.bool,
@@ -28356,6 +28366,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     minWidth: 0,
     width: 56,
     height: 56,
+    zIndex: theme.zIndex.fab,
     boxShadow: theme.shadows[6],
     '&:active': {
       boxShadow: theme.shadows[12]
@@ -28881,7 +28892,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
     /**
-     * If `true`, a `textarea` element is rendered.
+     * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
      * @default false
      */
     multiline: PropTypes.bool,
@@ -30270,10 +30281,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
 
     const rowSpacing = rowSpacingProp || spacing;
     const columnSpacing = columnSpacingProp || spacing;
-    const columnsContext = React__namespace.useContext(GridContext$1); // setting prop before context to accomodate nesting
-    // colums set with default breakpoint unit of 12
+    const columnsContext = React__namespace.useContext(GridContext$1); // columns set with default breakpoint unit of 12
 
-    const columns = columnsProp || columnsContext || 12;
+    const columns = container ? columnsProp || 12 : columnsContext;
 
     const ownerState = _extends({}, props, {
       columns,
@@ -30292,18 +30302,15 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     });
 
     const classes = useUtilityClasses$_(ownerState);
-
-    const wrapChild = element => columns !== 12 ? /*#__PURE__*/jsxRuntime_1(GridContext$1.Provider, {
+    return /*#__PURE__*/jsxRuntime_1(GridContext$1.Provider, {
       value: columns,
-      children: element
-    }) : element;
-
-    return wrapChild( /*#__PURE__*/jsxRuntime_1(GridRoot, _extends({
-      ownerState: ownerState,
-      className: clsx(classes.root, className),
-      as: component,
-      ref: ref
-    }, other)));
+      children: /*#__PURE__*/jsxRuntime_1(GridRoot, _extends({
+        ownerState: ownerState,
+        className: clsx(classes.root, className),
+        as: component,
+        ref: ref
+      }, other))
+    });
   });
   Grid.propTypes
   /* remove-proptypes */
@@ -32482,7 +32489,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
     /**
-     * If `true`, a `textarea` element is rendered.
+     * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
      * @default false
      */
     multiline: PropTypes.bool,
@@ -36773,7 +36780,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     '& > span': {
       paddingLeft: 5,
       paddingRight: 5,
-      display: 'inline-block'
+      display: 'inline-block',
+      opacity: 0,
+      visibility: 'visible'
     }
   }, ownerState.notched && {
     maxWidth: '100%',
@@ -37109,7 +37118,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
 
     /**
-     * If `true`, a `textarea` element is rendered.
+     * If `true`, a [TextareaAutosize](/components/textarea-autosize/) element is rendered.
      * @default false
      */
     multiline: PropTypes.bool,
@@ -41543,7 +41552,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         onMouseLeave: handleMouseLeave,
         ownerState: ownerState,
         ref: ref // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
-        // See https://github.com/mui-org/material-ui/issues/29080
+        // See https://github.com/mui/material-ui/issues/29080
         ,
         role: "presentation"
       }, other, {