@mui/lab 5.0.0-alpha.49 → 5.0.0-alpha.53

package/internal/svg-icons/ArrowDropDown.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/ArrowLeft.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/ArrowRight.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Calendar.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Clock.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/DateRange.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Pen.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/internal/svg-icons/Time.d.ts

@@ -1,7 +1,7 @@
-declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-/**
- * @ignore - internal component.
- */
-export default _default;
+declare const _default: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+/**
+ * @ignore - internal component.
+ */
+export default _default;

package/legacy/CalendarPicker/PickersFadeTransitionGroup.js

@@ -9,11 +9,9 @@ var classes = generateUtilityClasses('PrivatePickersFadeTransitionGroup', ['root
 var animationDuration = 500;
 var PickersFadeTransitionGroupRoot = styled(TransitionGroup, {
   skipSx: true
-})(function () {
-  return {
-    display: 'block',
-    position: 'relative'
-  };
+})({
+  display: 'block',
+  position: 'relative'
 });
 /**
  * @ignore - do not document.

package/legacy/CalendarPickerSkeleton/CalendarPickerSkeleton.js

@@ -150,6 +150,6 @@ process.env.NODE_ENV !== "production" ? CalendarPickerSkeleton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default CalendarPickerSkeleton;

package/legacy/DatePicker/DatePicker.js

@@ -332,6 +332,11 @@ process.env.NODE_ENV !== "production" ? DatePicker.propTypes
    */
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
+  /**
+   * Paper props passed down to [Paper](https://mui.com/api/paper/) component.
+   */
+  PaperProps: PropTypes.object,
+
   /**
    * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */

package/legacy/DateRangePicker/DateRangePicker.js

@@ -393,6 +393,11 @@ process.env.NODE_ENV !== "production" ? DateRangePicker.propTypes
    */
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
+  /**
+   * Paper props passed down to [Paper](https://mui.com/api/paper/) component.
+   */
+  PaperProps: PropTypes.object,
+
   /**
    * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */

package/legacy/DateRangePickerDay/DateRangePickerDay.js

@@ -233,7 +233,7 @@ process.env.NODE_ENV !== "production" ? DateRangePickerDay.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 /**
  *

package/legacy/DateTimePicker/DateTimePicker.js

@@ -401,6 +401,11 @@ process.env.NODE_ENV !== "production" ? DateTimePicker.propTypes
    */
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
+  /**
+   * Paper props passed down to [Paper](https://mui.com/api/paper/) component.
+   */
+  PaperProps: PropTypes.object,
+
   /**
    * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */

package/legacy/DesktopDatePicker/DesktopDatePicker.js

@@ -41,11 +41,12 @@ var DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePicker
 
   var onChange = props.onChange,
       PopperProps = props.PopperProps,
+      PaperProps = props.PaperProps,
       _props$ToolbarCompone = props.ToolbarComponent,
       ToolbarComponent = _props$ToolbarCompone === void 0 ? DatePickerToolbar : _props$ToolbarCompone,
       TransitionComponent = props.TransitionComponent,
       value = props.value,
-      other = _objectWithoutProperties(props, ["onChange", "PopperProps", "ToolbarComponent", "TransitionComponent", "value"]);
+      other = _objectWithoutProperties(props, ["onChange", "PopperProps", "PaperProps", "ToolbarComponent", "TransitionComponent", "value"]);
 
   var AllDateInputProps = _extends({}, inputProps, other, {
     ref: ref,
@@ -56,6 +57,7 @@ var DesktopDatePicker = /*#__PURE__*/React.forwardRef(function DesktopDatePicker
     DateInputProps: AllDateInputProps,
     KeyboardDateInputComponent: KeyboardDateInput,
     PopperProps: PopperProps,
+    PaperProps: PaperProps,
     TransitionComponent: TransitionComponent,
     children: /*#__PURE__*/_jsx(Picker, _extends({}, pickerProps, {
       autoFocus: true,
@@ -307,6 +309,11 @@ process.env.NODE_ENV !== "production" ? DesktopDatePicker.propTypes
    */
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
+  /**
+   * Paper props passed down to [Paper](https://mui.com/api/paper/) component.
+   */
+  PaperProps: PropTypes.object,
+
   /**
    * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */

package/legacy/DesktopDateRangePicker/DesktopDateRangePicker.js

@@ -359,6 +359,11 @@ process.env.NODE_ENV !== "production" ? DesktopDateRangePicker.propTypes
    */
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
+  /**
+   * Paper props passed down to [Paper](https://mui.com/api/paper/) component.
+   */
+  PaperProps: PropTypes.object,
+
   /**
    * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */

package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -376,6 +376,11 @@ process.env.NODE_ENV !== "production" ? DesktopDateTimePicker.propTypes
    */
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
+  /**
+   * Paper props passed down to [Paper](https://mui.com/api/paper/) component.
+   */
+  PaperProps: PropTypes.object,
+
   /**
    * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */

package/legacy/DesktopTimePicker/DesktopTimePicker.js

@@ -249,6 +249,11 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
    */
   onOpen: PropTypes.func,
 
+  /**
+   * Callback fired on view change.
+   */
+  onViewChange: PropTypes.func,
+
   /**
    * Control the popup or dialog open state.
    */
@@ -269,6 +274,11 @@ process.env.NODE_ENV !== "production" ? DesktopTimePicker.propTypes
    */
   orientation: PropTypes.oneOf(['landscape', 'portrait']),
 
+  /**
+   * Paper props passed down to [Paper](https://mui.com/api/paper/) component.
+   */
+  PaperProps: PropTypes.object,
+
   /**
    * Popper props passed down to [Popper](https://mui.com/api/popper/) component.
    */

package/legacy/LoadingButton/LoadingButton.js

@@ -55,6 +55,18 @@ var LoadingButtonRoot = styled(Button, {
     })
   }, "&.".concat(loadingButtonClasses.loading), {
     color: 'transparent'
+  }), ownerState.loadingPosition === 'start' && ownerState.fullWidth && _defineProperty({}, "& .".concat(loadingButtonClasses.startIconLoadingStart, ", & .").concat(loadingButtonClasses.endIconLoadingEnd), {
+    transition: theme.transitions.create(['opacity'], {
+      duration: theme.transitions.duration.short
+    }),
+    opacity: 0,
+    marginRight: -8
+  }), ownerState.loadingPosition === 'end' && ownerState.fullWidth && _defineProperty({}, "& .".concat(loadingButtonClasses.startIconLoadingStart, ", & .").concat(loadingButtonClasses.endIconLoadingEnd), {
+    transition: theme.transitions.create(['opacity'], {
+      duration: theme.transitions.duration.short
+    }),
+    opacity: 0,
+    marginLeft: -8
   }));
 });
 var LoadingButtonLoadingIndicator = styled('div', {
@@ -64,9 +76,9 @@ var LoadingButtonLoadingIndicator = styled('div', {
     var ownerState = props.ownerState;
     return [styles.loadingIndicator, styles["loadingIndicator".concat(capitalize(ownerState.loadingPosition))]];
   }
-})(function (_ref5) {
-  var theme = _ref5.theme,
-      ownerState = _ref5.ownerState;
+})(function (_ref7) {
+  var theme = _ref7.theme,
+      ownerState = _ref7.ownerState;
   return _extends({
     position: 'absolute',
     visibility: 'visible',
@@ -79,6 +91,12 @@ var LoadingButtonLoadingIndicator = styled('div', {
     color: theme.palette.action.disabled
   }, ownerState.loadingPosition === 'end' && {
     right: 14
+  }, ownerState.loadingPosition === 'start' && ownerState.fullWidth && {
+    position: 'relative',
+    left: -10
+  }, ownerState.loadingPosition === 'end' && ownerState.fullWidth && {
+    position: 'relative',
+    right: -10
   });
 });
 
@@ -112,17 +130,25 @@ var LoadingButton = /*#__PURE__*/React.forwardRef(function LoadingButton(inProps
   });
 
   var classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(LoadingButtonRoot, _extends({
+  return /*#__PURE__*/_jsx(LoadingButtonRoot, _extends({
     disabled: disabled || loading,
     ref: ref
   }, other, {
     classes: classes,
     ownerState: ownerState,
-    children: [loading && /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
-      className: classes.loadingIndicator,
-      ownerState: ownerState,
-      children: loadingIndicator
-    }), children]
+    children: ownerState.loadingPosition === 'end' ? /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [children, loading && /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
+        className: classes.loadingIndicator,
+        ownerState: ownerState,
+        children: loadingIndicator
+      })]
+    }) : /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [loading && /*#__PURE__*/_jsx(LoadingButtonLoadingIndicator, {
+        className: classes.loadingIndicator,
+        ownerState: ownerState,
+        children: loadingIndicator
+      }), children]
+    })
   }));
 });
 process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
@@ -180,6 +206,6 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object
+  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 } : void 0;
 export default LoadingButton;