@mui/lab 5.0.0-alpha.67 → 5.0.0-alpha.68

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/ClockPicker/ClockNumber.js

@@ -23,6 +23,7 @@ var ClockNumberRoot = styled('span')(function (_ref) {
     alignItems: 'center',
     borderRadius: '50%',
     color: theme.palette.text.primary,
+    fontFamily: theme.typography.fontFamily,
     '&:focused': {
       backgroundColor: theme.palette.background.paper
     }

package/legacy/LoadingButton/LoadingButton.js

@@ -229,6 +229,8 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
    * The variant to use.
    * @default 'text'
    */
-  variant: PropTypes.oneOf(['contained', 'outlined', 'text'])
+  variant: PropTypes
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
 } : void 0;
 export default LoadingButton;

package/legacy/TreeItem/TreeItem.js

@@ -95,7 +95,7 @@ var StyledTreeItemContent = styled(TreeItemContent, {
     }
   }), _defineProperty(_ref4, "& .".concat(treeItemClasses.label), _extends({
     width: '100%',
-    // fixes overflow - see https://github.com/mui-org/material-ui/issues/27372
+    // fixes overflow - see https://github.com/mui/material-ui/issues/27372
     minWidth: 0,
     paddingLeft: 4,
     position: 'relative'

package/legacy/index.js

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

package/legacy/internal/pickers/PickersModalDialog.js

@@ -27,7 +27,7 @@ var PickersModalDialogActions = styled(DialogActions)(function (_ref) {
   var ownerState = _ref.ownerState;
   return _extends({}, (ownerState.clearable || ownerState.showTodayButton) && {
     // set justifyContent to default value to fix IE11 layout bug
-    // see https://github.com/mui-org/material-ui-pickers/pull/267
+    // see https://github.com/mui/material-ui-pickers/pull/267
     justifyContent: 'flex-start',
     '& > *:first-of-type': {
       marginRight: 'auto'

package/legacy/internal/pickers/hooks/usePickerState.js

@@ -44,19 +44,24 @@ export function usePickerState(props, valueManager) {
       type: 'reset',
       payload: parsedDateValue
     });
-  } // Mobile keyboard view is a special case.
+  }
+
+  var _React$useState = React.useState(draftState.committed),
+      initialDate = _React$useState[0],
+      setInitialDate = _React$useState[1]; // Mobile keyboard view is a special case.
   // When it's open picker should work like closed, cause we are just showing text field
 
 
-  var _React$useState = React.useState(false),
-      isMobileKeyboardViewOpen = _React$useState[0],
-      setMobileKeyboardViewOpen = _React$useState[1];
+  var _React$useState2 = React.useState(false),
+      isMobileKeyboardViewOpen = _React$useState2[0],
+      setMobileKeyboardViewOpen = _React$useState2[1];
 
   var acceptDate = React.useCallback(function (acceptedDate, needClosePicker) {
     onChange(acceptedDate);
 
     if (needClosePicker) {
       setIsOpen(false);
+      setInitialDate(acceptedDate);
 
       if (onAccept) {
         onAccept(acceptedDate);
@@ -73,7 +78,7 @@ export function usePickerState(props, valueManager) {
         return acceptDate(draftState.draft, true);
       },
       onDismiss: function onDismiss() {
-        return setIsOpen(false);
+        return acceptDate(initialDate, true);
       },
       onSetToday: function onSetToday() {
         var now = utils.date();
@@ -84,7 +89,7 @@ export function usePickerState(props, valueManager) {
         acceptDate(now, !disableCloseOnSelect);
       }
     };
-  }, [acceptDate, disableCloseOnSelect, isOpen, utils, draftState.draft, setIsOpen, valueManager.emptyValue]);
+  }, [acceptDate, disableCloseOnSelect, isOpen, utils, draftState.draft, valueManager.emptyValue, initialDate]);
   var pickerProps = React.useMemo(function () {
     return {
       date: draftState.draft,

package/modern/ClockPicker/ClockNumber.js

@@ -21,6 +21,7 @@ const ClockNumberRoot = styled('span')(({
   alignItems: 'center',
   borderRadius: '50%',
   color: theme.palette.text.primary,
+  fontFamily: theme.typography.fontFamily,
   '&:focused': {
     backgroundColor: theme.palette.background.paper
   },

package/modern/LoadingButton/LoadingButton.js

@@ -237,6 +237,8 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
    * The variant to use.
    * @default 'text'
    */
-  variant: PropTypes.oneOf(['contained', 'outlined', 'text'])
+  variant: PropTypes
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
 } : void 0;
 export default LoadingButton;

package/modern/TreeItem/TreeItem.js

@@ -102,7 +102,7 @@ const StyledTreeItemContent = styled(TreeItemContent, {
   },
   [`& .${treeItemClasses.label}`]: _extends({
     width: '100%',
-    // fixes overflow - see https://github.com/mui-org/material-ui/issues/27372
+    // fixes overflow - see https://github.com/mui/material-ui/issues/27372
     minWidth: 0,
     paddingLeft: 4,
     position: 'relative'

package/modern/index.js

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

package/modern/internal/pickers/PickersModalDialog.js

@@ -26,7 +26,7 @@ const PickersModalDialogActions = styled(DialogActions)(({
   ownerState
 }) => _extends({}, (ownerState.clearable || ownerState.showTodayButton) && {
   // set justifyContent to default value to fix IE11 layout bug
-  // see https://github.com/mui-org/material-ui-pickers/pull/267
+  // see https://github.com/mui/material-ui-pickers/pull/267
   justifyContent: 'flex-start',
   '& > *:first-of-type': {
     marginRight: 'auto'

package/modern/internal/pickers/hooks/usePickerState.js

@@ -43,9 +43,10 @@ export function usePickerState(props, valueManager) {
       type: 'reset',
       payload: parsedDateValue
     });
-  } // Mobile keyboard view is a special case.
-  // When it's open picker should work like closed, cause we are just showing text field
+  }
 
+  const [initialDate, setInitialDate] = React.useState(draftState.committed); // Mobile keyboard view is a special case.
+  // When it's open picker should work like closed, cause we are just showing text field
 
   const [isMobileKeyboardViewOpen, setMobileKeyboardViewOpen] = React.useState(false);
   const acceptDate = React.useCallback((acceptedDate, needClosePicker) => {
@@ -53,6 +54,7 @@ export function usePickerState(props, valueManager) {
 
     if (needClosePicker) {
       setIsOpen(false);
+      setInitialDate(acceptedDate);
 
       if (onAccept) {
         onAccept(acceptedDate);
@@ -63,7 +65,7 @@ export function usePickerState(props, valueManager) {
     open: isOpen,
     onClear: () => acceptDate(valueManager.emptyValue, true),
     onAccept: () => acceptDate(draftState.draft, true),
-    onDismiss: () => setIsOpen(false),
+    onDismiss: () => acceptDate(initialDate, true),
     onSetToday: () => {
       const now = utils.date();
       dispatch({
@@ -72,7 +74,7 @@ export function usePickerState(props, valueManager) {
       });
       acceptDate(now, !disableCloseOnSelect);
     }
-  }), [acceptDate, disableCloseOnSelect, isOpen, utils, draftState.draft, setIsOpen, valueManager.emptyValue]);
+  }), [acceptDate, disableCloseOnSelect, isOpen, utils, draftState.draft, valueManager.emptyValue, initialDate]);
   const pickerProps = React.useMemo(() => ({
     date: draftState.draft,
     isMobileKeyboardViewOpen,

package/node/ClockPicker/ClockNumber.js

@@ -44,6 +44,7 @@ const ClockNumberRoot = (0, _styles.styled)('span')(({
   alignItems: 'center',
   borderRadius: '50%',
   color: theme.palette.text.primary,
+  fontFamily: theme.typography.fontFamily,
   '&:focused': {
     backgroundColor: theme.palette.background.paper
   },

package/node/LoadingButton/LoadingButton.js

@@ -256,7 +256,9 @@ process.env.NODE_ENV !== "production" ? LoadingButton.propTypes
    * The variant to use.
    * @default 'text'
    */
-  variant: _propTypes.default.oneOf(['contained', 'outlined', 'text'])
+  variant: _propTypes.default
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([_propTypes.default.oneOf(['contained', 'outlined', 'text']), _propTypes.default.string])
 } : void 0;
 var _default = LoadingButton;
 exports.default = _default;

package/node/TreeItem/TreeItem.js

@@ -129,7 +129,7 @@ const StyledTreeItemContent = (0, _styles.styled)(_TreeItemContent.default, {
   },
   [`& .${_treeItemClasses.default.label}`]: (0, _extends2.default)({
     width: '100%',
-    // fixes overflow - see https://github.com/mui-org/material-ui/issues/27372
+    // fixes overflow - see https://github.com/mui/material-ui/issues/27372
     minWidth: 0,
     paddingLeft: 4,
     position: 'relative'

package/node/index.js

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

package/node/internal/pickers/PickersModalDialog.js

@@ -47,7 +47,7 @@ const PickersModalDialogActions = (0, _styles.styled)(_DialogActions.default)(({
   ownerState
 }) => (0, _extends2.default)({}, (ownerState.clearable || ownerState.showTodayButton) && {
   // set justifyContent to default value to fix IE11 layout bug
-  // see https://github.com/mui-org/material-ui-pickers/pull/267
+  // see https://github.com/mui/material-ui-pickers/pull/267
   justifyContent: 'flex-start',
   '& > *:first-of-type': {
     marginRight: 'auto'

package/node/internal/pickers/hooks/usePickerState.js

@@ -60,9 +60,10 @@ function usePickerState(props, valueManager) {
       type: 'reset',
       payload: parsedDateValue
     });
-  } // Mobile keyboard view is a special case.
-  // When it's open picker should work like closed, cause we are just showing text field
+  }
 
+  const [initialDate, setInitialDate] = React.useState(draftState.committed); // Mobile keyboard view is a special case.
+  // When it's open picker should work like closed, cause we are just showing text field
 
   const [isMobileKeyboardViewOpen, setMobileKeyboardViewOpen] = React.useState(false);
   const acceptDate = React.useCallback((acceptedDate, needClosePicker) => {
@@ -70,6 +71,7 @@ function usePickerState(props, valueManager) {
 
     if (needClosePicker) {
       setIsOpen(false);
+      setInitialDate(acceptedDate);
 
       if (onAccept) {
         onAccept(acceptedDate);
@@ -80,7 +82,7 @@ function usePickerState(props, valueManager) {
     open: isOpen,
     onClear: () => acceptDate(valueManager.emptyValue, true),
     onAccept: () => acceptDate(draftState.draft, true),
-    onDismiss: () => setIsOpen(false),
+    onDismiss: () => acceptDate(initialDate, true),
     onSetToday: () => {
       const now = utils.date();
       dispatch({
@@ -89,7 +91,7 @@ function usePickerState(props, valueManager) {
       });
       acceptDate(now, !disableCloseOnSelect);
     }
-  }), [acceptDate, disableCloseOnSelect, isOpen, utils, draftState.draft, setIsOpen, valueManager.emptyValue]);
+  }), [acceptDate, disableCloseOnSelect, isOpen, utils, draftState.draft, valueManager.emptyValue, initialDate]);
   const pickerProps = React.useMemo(() => ({
     date: draftState.draft,
     isMobileKeyboardViewOpen,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/lab",
-  "version": "5.0.0-alpha.67",
+  "version": "5.0.0-alpha.68",
   "private": false,
   "author": "MUI Team",
   "description": "Laboratory for new MUI modules.",
@@ -15,12 +15,12 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/mui-org/material-ui.git",
+    "url": "https://github.com/mui/material-ui.git",
     "directory": "packages/mui-lab"
   },
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/mui-org/material-ui/issues"
+    "url": "https://github.com/mui/material-ui/issues"
   },
   "homepage": "https://mui.com/components/about-the-lab/",
   "funding": {
@@ -55,14 +55,14 @@
     }
   },
   "dependencies": {
-    "@babel/runtime": "^7.16.7",
+    "@babel/runtime": "^7.17.0",
     "@date-io/date-fns": "^2.11.0",
     "@date-io/dayjs": "^2.11.0",
     "@date-io/luxon": "^2.11.1",
     "@date-io/moment": "^2.11.0",
-    "@mui/base": "5.0.0-alpha.67",
-    "@mui/system": "^5.4.0",
-    "@mui/utils": "^5.3.0",
+    "@mui/base": "5.0.0-alpha.68",
+    "@mui/system": "^5.4.1",
+    "@mui/utils": "^5.4.1",
     "clsx": "^1.1.1",
     "prop-types": "^15.7.2",
     "react-is": "^17.0.2",