@mui/x-date-pickers 8.16.0 → 8.18.0

package/internals/hooks/usePicker/usePicker.types.d.ts

@@ -28,7 +28,10 @@ export interface UsePickerBaseProps<TValue extends PickerValidValue, TView exten
    * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The new value.
-   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   * @param {FieldChangeHandlerContext<TError>} context Context about this change:
+   * - `validationError`: validation result of the current value
+   * - `source`: source of the change. One of 'field' | 'view' | 'unknown'
+   * - `shortcut` (optional): the shortcut metadata if the change was triggered by a shortcut selection
    */
   onChange?: (value: TValue, context: PickerChangeHandlerContext<TError>) => void;
   /**
@@ -36,7 +39,10 @@ export interface UsePickerBaseProps<TValue extends PickerValidValue, TView exten
    * @template TValue The value type. It will be the same type as `value` or `null`. It can be in `[start, end]` format in case of range value.
    * @template TError The validation error type. It will be either `string` or a `null`. It can be in `[start, end]` format in case of range value.
    * @param {TValue} value The value that was just accepted.
-   * @param {FieldChangeHandlerContext<TError>} context The context containing the validation result of the current value.
+   * @param {FieldChangeHandlerContext<TError>} context Context about this acceptance:
+   * - `validationError`: validation result of the current value
+   * - `source`: source of the acceptance. One of 'field' | 'picker' | 'unknown'
+   * - `shortcut` (optional): the shortcut metadata if the value was accepted via a shortcut selection
    */
   onAccept?: (value: TValue, context: PickerChangeHandlerContext<TError>) => void;
   /**

package/internals/hooks/useStaticPicker/useStaticPicker.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { UseStaticPickerParams, UseStaticPickerProps } from "./useStaticPicker.types.js";
 import { DateOrTimeViewWithMeridiem } from "../../models/index.js";
 /**
@@ -12,5 +11,5 @@ export declare const useStaticPicker: <TView extends DateOrTimeViewWithMeridiem,
   steps,
   ...pickerParams
 }: UseStaticPickerParams<TView, TExternalProps>) => {
-  renderPicker: () => React.JSX.Element;
+  renderPicker: () => import("react/jsx-runtime").JSX.Element;
 };

package/internals/hooks/useStaticPicker/useStaticPicker.js

@@ -1,14 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStaticPicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _styles = require("@mui/material/styles");
 var _usePicker = require("../usePicker");

package/models/pickers.d.ts

@@ -2,6 +2,14 @@ import { PickerOrientation, PickerVariant } from "../internals/models/common.js"
 import type { PickersShortcutsItemContext } from "../PickersShortcuts/index.js";
 export interface PickerChangeHandlerContext<TError> {
   validationError: TError;
+  /**
+   * Source of the change that triggered `onChange` or `onAccept`.
+   * Simplified to one of the following values:
+   * - 'field' (changes coming from the text field)
+   * - 'view' (any interaction inside the picker UI: views, toolbar, action bar, shortcuts, etc.)
+   * - 'unknown' (unspecified or third-party triggers)
+   */
+  source: 'field' | 'view' | 'unknown';
   /**
    * Shortcut causing this `onChange` or `onAccept` call.
    * If the call has not been caused by a shortcut selection, this property will be `undefined`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-date-pickers",
-  "version": "8.16.0",
+  "version": "8.18.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Date and Time Picker components.",
   "license": "MIT",
@@ -34,12 +34,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.4",
-    "@mui/utils": "^7.3.3",
+    "@mui/utils": "^7.3.5",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.16.0"
+    "@mui/x-internals": "8.18.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/timeViewRenderers/timeViewRenderers.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { TimeClockProps } from "../TimeClock/index.js";
 import { TimeView } from "../models/index.js";
 import { DigitalClockProps } from "../DigitalClock/index.js";
@@ -40,7 +39,7 @@ export declare const renderTimeViewClock: ({
   showViewSwitcher,
   disableIgnoringDatePartForTimeValidation,
   timezone
-}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => React.JSX.Element;
+}: TimeViewRendererProps<TimeView, TimeClockProps<TimeView>>) => import("react/jsx-runtime").JSX.Element;
 export declare const renderDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -70,7 +69,7 @@ export declare const renderDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => React.JSX.Element;
+}: TimeViewRendererProps<Extract<TimeView, "hours">, Omit<DigitalClockProps, "timeStep"> & Pick<TimePickerProps, "timeSteps">>) => import("react/jsx-runtime").JSX.Element;
 export declare const renderMultiSectionDigitalClockTimeView: ({
   view,
   onViewChange,
@@ -100,4 +99,4 @@ export declare const renderMultiSectionDigitalClockTimeView: ({
   timeSteps,
   skipDisabled,
   timezone
-}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => React.JSX.Element;
+}: TimeViewRendererProps<TimeViewWithMeridiem, MultiSectionDigitalClockProps>) => import("react/jsx-runtime").JSX.Element;

package/timeViewRenderers/timeViewRenderers.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderTimeViewClock = exports.renderMultiSectionDigitalClockTimeView = exports.renderDigitalClockTimeView = void 0;
-var React = _interopRequireWildcard(require("react"));
 var _TimeClock = require("../TimeClock");
 var _DigitalClock = require("../DigitalClock");
 var _MultiSectionDigitalClock = require("../MultiSectionDigitalClock");