@mui/x-date-pickers 7.19.0 → 7.20.0

package/node/internals/hooks/useMobilePicker/useMobilePicker.js

@@ -15,8 +15,8 @@ var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _PickersModalDialog = require("../../components/PickersModalDialog");
 var _usePicker = require("../usePicker");
 var _utils = require("../../utils/utils");
-var _LocalizationProvider = require("../../../LocalizationProvider");
 var _PickersLayout = require("../../../PickersLayout");
+var _PickersProvider = require("../../components/PickersProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["props", "getOpenDialogAriaText"];
 /**
@@ -57,7 +57,8 @@ const useMobilePicker = _ref => {
     actions,
     layoutProps,
     renderCurrentView,
-    fieldProps: pickerFieldProps
+    fieldProps: pickerFieldProps,
+    contextValue
   } = (0, _usePicker.usePicker)((0, _extends2.default)({}, pickerParams, {
     props,
     fieldRef,
@@ -118,7 +119,8 @@ const useMobilePicker = _ref => {
     }, innerSlotProps?.mobilePaper)
   });
   const handleFieldRef = (0, _useForkRef.default)(fieldRef, fieldProps.unstableFieldRef);
-  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_LocalizationProvider.LocalizationProvider, {
+  const renderPicker = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PickersProvider.PickersProvider, {
+    contextValue: contextValue,
     localeText: localeText,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Field, (0, _extends2.default)({}, fieldProps, {
       slots: slotsForField,

package/node/internals/hooks/usePicker/usePicker.js

@@ -55,7 +55,9 @@ const usePicker = ({
     hasUIView: pickerViewsResponse.hasUIView,
     shouldRestoreFocus: pickerViewsResponse.shouldRestoreFocus,
     // Picker layout
-    layoutProps: pickerLayoutResponse.layoutProps
+    layoutProps: pickerLayoutResponse.layoutProps,
+    // Picker context
+    contextValue: pickerValueResponse.contextValue
   };
 };
 exports.usePicker = usePicker;

package/node/internals/hooks/usePicker/usePickerValue.js

@@ -341,12 +341,18 @@ const usePickerValue = ({
     onSelectShortcut: handleSelectShortcut,
     isValid
   });
+  const contextValue = React.useMemo(() => ({
+    onOpen: handleOpen,
+    onClose: handleClose,
+    open: isOpen
+  }), [isOpen, handleClose, handleOpen]);
   return {
     open: isOpen,
     fieldProps: fieldResponse,
     viewProps: viewResponse,
     layoutProps: layoutResponse,
-    actions
+    actions,
+    contextValue
   };
 };
 exports.usePickerValue = usePickerValue;

package/node/internals/index.js

@@ -45,6 +45,12 @@ Object.defineProperty(exports, "PickersPopper", {
     return _PickersPopper.PickersPopper;
   }
 });
+Object.defineProperty(exports, "PickersProvider", {
+  enumerable: true,
+  get: function () {
+    return _PickersProvider.PickersProvider;
+  }
+});
 Object.defineProperty(exports, "PickersToolbar", {
   enumerable: true,
   get: function () {
@@ -304,6 +310,7 @@ Object.defineProperty(exports, "useViews", {
   }
 });
 var _PickersArrowSwitcher = require("./components/PickersArrowSwitcher/PickersArrowSwitcher");
+var _PickersProvider = require("./components/PickersProvider");
 var _PickersModalDialog = require("./components/PickersModalDialog");
 var _PickersPopper = require("./components/PickersPopper");
 var _PickersToolbar = require("./components/PickersToolbar");

package/node/internals/utils/utils.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DEFAULT_DESKTOP_MODE_MEDIA_QUERY = void 0;
 exports.arrayIncludes = arrayIncludes;
-exports.onSpaceOrEnter = exports.getActiveElement = exports.executeInTheNextEventLoopTick = void 0;
+exports.onSpaceOrEnter = exports.getFocusedListItemIndex = exports.getActiveElement = exports.executeInTheNextEventLoopTick = void 0;
 /* Use it instead of .includes method for IE support */
 function arrayIncludes(array, itemOrItems) {
   if (Array.isArray(itemOrItems)) {
@@ -42,5 +42,17 @@ const getActiveElement = (root = document) => {
   }
   return activeEl;
 };
+
+/**
+ * Gets the index of the focused list item in a given ul list element.
+ *
+ * @param {HTMLUListElement} listElement - The list element to search within.
+ * @returns {number} The index of the focused list item, or -1 if none is focused.
+ */
 exports.getActiveElement = getActiveElement;
+const getFocusedListItemIndex = listElement => {
+  const children = listElement.children;
+  return Array.from(children).findIndex(child => child === getActiveElement(document));
+};
+exports.getFocusedListItemIndex = getFocusedListItemIndex;
 const DEFAULT_DESKTOP_MODE_MEDIA_QUERY = exports.DEFAULT_DESKTOP_MODE_MEDIA_QUERY = '@media (pointer: fine)';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "7.19.0",
+  "version": "7.20.0",
   "description": "The community edition of the Date and Time Picker components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,13 +35,13 @@
     "directory": "packages/x-date-pickers"
   },
   "dependencies": {
-    "@babel/runtime": "^7.25.6",
-    "@mui/utils": "^5.16.6",
+    "@babel/runtime": "^7.25.7",
+    "@mui/utils": "^5.16.6 || ^6.0.0",
     "@types/react-transition-group": "^4.4.11",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "7.18.0"
+    "@mui/x-internals": "7.20.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",